Pages

Membuat Widget Recent Post Dengan Readmore

Itupedia - sering kita jumpai di blog blog banyak sekali para blogger memasang Widget Recent Post widget seperti ini biasanya sudah di sajikan oleh blogspot itu sendiri namun mungkin karena bosan para blogger membuat Widget Recent Post sendiri, bagaimana bila Widget Recent Post menggunakan Readmore , nah cara itu yang akan saya berikan kepada para pembaca itupedia.



  1. Login blog.
  2. Tata letak.
  3. Add gadget.
  4. HTML/Java script.
  5. Copas kode dibawah ini
<script language="JavaScript">
imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLZ2rTtGUBZlZyf7NHG3YlngmwSuC7EzYleUp6jA-spuTOQ7yfO2RzP4autvgj-ngFtGqBU-grDwW1_9Vs7vH4ISIl4BI1OQagrlg-wSUizU-eUVGl04hg8S711WeGYZHRcIeuJuciJw/s1600/img1.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnU49zRyv5uRlDu6VPI7HUTTx9DUdO-urCKgzAZ6vzPo81AclXFvp-OGAShVah_jJU_O8hTXALYnZH_kIfQjEkXoj40C3DgGwBV99_5xudebReAgVOwURj1mBeMRGnJJfuAX4ydZry7Cs/s1600/img2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMHIa4NxmtfQ-doJ9Pcn3vIr7gZLqA1EyaVy2zItuh2U9IS6jJtVWbVRo7gnEYAY6oIRpPB-6vuif6JuGLEic5xfxfmuxnRsnjCkEAHKQwFHOyEq13W0PS170cn0itcoHbsAz8IVLXyCQ/s1600/img3.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNHmPLVAEFUrWr_-kxR8kwFf7aAnWrTL_l8eQDxgBXNn91r-8z6Z-VCcanoCa4Nk0RhKD4-gqsQG0JdJuBVzSlqhuAHa48ELW_u4kxa1Wi5lBJnmyTHIE-l014wZsXkNkqCTKFlKtXM_8/s1600/img4.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR5SlLRRJQys3hOq6_RVrEzxWMfOR5ku2-TOFXlFWT_BbN9tVTzZhKvRz0Sm0uEwyiGDQNoI1xe4Bj3r6nKhMhYAJ84XzUBLxiCdUpEPaNEmfJvPJNsLBQUcFiixiBHGSh1B8ZWzxNP6s/s1600/img5.jpg";

showRandomImg = true;

tablewidth = 250;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";


imgwidth = 40;
imgheight = 40;

fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";

text = "";
fsize= "11";

showPostDate = true;

summaryPost = 60;
summaryFontsize = 11;
summaryColor = "#666";

icon2 = " ";

numposts = 3;

home_page =

"http://itupedia.blogspot.com/";
</script>
<script type="text/javascript" src="http://infoikiblog.googlecode.com/files/Recent%20post.js"></script><a href="http://infoiki.blogspot.com/2012/07/new-post-dengan-readmore.html">Get this</a></a></a></div></div>

Woro woro

 Note :
1. Kode warna biru. Border : Garis tepi, bgTD : backround.
2. Tinggi-lebar image. Imgwidth dan imgheight.
3. fsize : besar huruf.
4. ShowPostDate : Menampilkan tanggal, hari, waktu. Untuk tidak menampilkannya, ubah true menjadi false.
5. Summary fontsize : besar-kecil huruf. SummaryColor : warna font.
6. Numpost : jumblah post yang ditampilkan.
7. Kode berwarna merah tebal : Ganti dengan alamat blog anda.

6. Save template dan lihat hasilnya

itu saja yang dapat saya berikan kepada blogger yang ingin memodifikasi blog nya menjadi lebih Keren, semoga bermanfaat.

1 comment: