Membuat Recent Post/Artikel Terbaru diblog

Coretan Bang Dadan on

Monday, December 31, 2012

Cara Manual Membuat Recent Post/Artikel Terbaru diblog - Salam blogger, pada kesempatan kali ini bang dadan akan mencoba membahas Cara Manual Membuat Recent Post/Artikel Terbaru diblog. tutorial sepeprti ini mungkin sudah banyak di posting oleh sahabat - sahabt blogger yang lain, namun tidak apa - apa apabila saya juga ingin memposting nya di blog sendiri, karena bila saya butuh tutorial ini nanti tidak usah cari - cari blog yang lain lagi, cukup ke blog sendiri.

Recent Post.1

Recent Post.2

Langsung saja bila sobat ingin menerapkannya pada blog sobat pribadi silahkan ikuti langkah - langkah dibawah ini:

Cara Manual Membuat Recent Post/Artikel Terbaru diblog

---

1. Masuk ke account blogger sobat

2. Pilih menu tata letak / Layout

3. Pilih tambah gadget

4. Pilih html/javascript

5. Copy dan paste kan kode di bawah ini pada HTML/Javascript :

Berikut kodenya: Recent Post.1

<script src="http://google-js.googlecode.com/files/Artikel%20Terbaru.js"></script>

<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>

<script src="http://bangdadan.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">

</script>

Keterangan:

• Ganti tulisan yang berwarna merah dengan URL Blog sobat
• Angka 10 adalah jumlah artikel yang ingin ditampilkan

7. Klik simpan

Membuat Recent Post/Artikel Terbaru Dengan Thumbinal

---

Bila sobat ingin membuat recent post dengan thumbinal caranya sama seperti di atas, hanya tinggal copy kode dibawah ini pada HTML/Javascript:

Berikut kodenya: Recent Post.2

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";

imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";

imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";

imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";

showRandomImg = true;

boxwidth = 300;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "transparent";

thumbwidth = 50;

thumbheight = 50;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://bangdadan.blogspot.com/";

</script>

<script src="http://google-js.googlecode.com/files/recent.posts.thumbnail.js" type="text/javascript"></script>

Keterangan:
Ganti URL http://bangdadan.blogspot.com/ dengan URL Blog sobat

Seleai, sekarang sobat sudah bisa membuat recent post/artikel terbaru secara manual di blog sendiri. dan bila sobat ingin Membuat Artikel Terkait dengan Icon silahkan klik disini.

Mungkin cukup sekian dulu pembahasan kita kali ini tentang Cara Manual Membuat Recent Post Artikel Terbaru diblog. Semoga artikel ini bermanfaat buat anda semua. terimakasih..!!!

Labels: blogger tutorial, Widget

Thanks for reading Membuat Recent Post/Artikel Terbaru diblog. Please share...!