Cara membuat widget artikel di blog agar lebih menarik

Widget adalah salah satu fasilitas yang disediakan oleh blogger dimana widget dapat berfungsi untuk memudahkan pengguna dalam menampilkan artikel, jam like facebook, radio dll.
-->

Pada Postingan Kali ini sampul ilmu memberikan sedikit pengetahun tentang cara membuat widget artikel agar lebih menarik diblogspot. Seperti contoh diatas adapun caranya:
1. Login Kehalaman dashboard blogger anda
2. Pilih Tataletak
3. Kemudian Clik Tambahkan Gadget
4. Pilih HTML/JavaScript

5. Pada Judul Ketikan Artikel
6. Kemudian Copy Script Dibawah ini dan paste didalam kontent setelah itu simpan
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style type="text/css" media="screen"><!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:310px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:285px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:75px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.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:11px; color:#b40606; 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; } .spysummary{ overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:10px; color:#fb040a; padding:0px 0px; margin:0px 0px; } --></style><script language='JavaScript'>imgr = new Array(); imgr[0] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[1] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[2] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[3] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; imgr[4] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#fb040a"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; showSummaryPost = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#fb040a"; icon2 = " "; numposts = 8; home_page = "http://lembar200.blogspot.com/"; limitspy=4 intervalspy=4000 </script><div id="spylist"><script src='http://file.edikomputer.com/js/recentpostslide.js' type='text/javascript'></script></div>

Catatan :

1. Cari Kata home_page = "http://lembar200.blogspot.com/" Ubah Url yang berwarna Merah dengan URL blog anda
2. Untuk Mengubah gambar/image agar sesuai dengan blog anda caranya clik disini. Setelah Alamat Url Gambar anda telah dibuat cari kata dibawah ini kemudian ganti Alamat URL yang berwarna biru dengan Alamat URL Milik Anda  

imgr[0] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[1] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[2] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[3] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";
imgr[4] = "http://i1353.photobucket.com/albums/q662/Lembaran/Sampulilmu_zps4f704863.png";

Semoga Bermanfaat