Pasang Widget Recent Post

Pasang Widget Recent Post - sangatlah mudah. Widget recent post bisa juga disebut artikel terbaru atau posting terbaru berfungsi sebagai petunjuk postingan yang baru di update. Blog saudara pastinya punya pelanggan tetap baik dari twitter facebook maupun Feed RSS. Tentunya saat mereka kembali setelah lama tidak ke blog kita mereka bisa tau apa saja post-post terbaru blog kita.

Pada tutorial kali ini Huda SK akan memberikan tutorial cara Pasang Widget Recent Post dengan thumbnail atau yang ada gambarnya, tentunya jika posting saudara ada gambarnya, namun jika artikel tidak memasukkan gambar, maka gambar pun tidak akan muncul. 

Berikut langkahnya :

1. Masuk ke akun blogger

2. Dasbor > Tata Letak > Tambahkan Gadget > Pilih HTML Javascript

3. Silakan klik Copy all pada text area di bawah ini, lalu paste di form yang ada. Lalu simpan template.

<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /> <br /> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url(http://1.bp.blogspot.com/_AstD3fky-O0/TPqUOD822nI/AAAAAAAAALU/IqHlrBo0W6Y/s1600/bdlab-blogspot-com.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:10px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font-family:Tahoma,Arial,verdana, sans-serif; } .spycomment{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } --> </style><br /> <br /> <script language='JavaScript'> imgr = new Array(); imgr[0] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; imgr[1] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; imgr[2] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; imgr[3] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; imgr[4] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://huda-sk.blogspot.com/"; limitspy=4 intervalspy=4000 </script><br /> <br /> <div id="spylist"> <br /> <script src='http://julak-project.googlecode.com/files/recentpost%20.js' type='text/javascript'></script><br /> <br /> </div> <br /> <!-- Widget Recent Posts dengan Thumbnails kode Script End --><br /> <br /> <center> <a href="http://huda-sk.blogspot.com/2013/04/pasang-widget-recent-post.html" target="_blank"><small>Get Widget</small></a></center>

Buat sobat yang belum tahu cara menambah gadget silakan buka artikel Pasang Widget Recent Post
Pengaturan :

• Rubah jumlah tampilan recent posts : cari  [ numposts = 10; ], lalu ganti dengan selera saudara.

• Ganti alamat URL [ http://huda-sk.blogsot.com ] dengan url web saudara.

• Rubah ukuran gambar : cari angka [ 70 ], lalu ganti dengan selera saudara.

Tweet