Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
Pembahasan tutorial k'ian hari ini mengenai format recent Post with tumbnails (bergambar). Seperti yang kita ketahui bahwa widget Recent post ini sendiri sudah dikeluarkan sendiri oleh Blogger sebagai salah satu Gadget andalan terbarunya, namun ada hal yang sedikit dirasa kurang dengan widget ini sendiri. Yaitu pol tampilan gambar dan judul dari setiap artikel yang tidak bisa kita atur sesuai dengan kebutuhan Template.

Kenapa k'ian bisa bilang begitu, karena bagi para profesional maupun bagi blogger pemula tampilan blog dengan komposisi yang teratur akan memberi nilai positif dan tentunya enak dipandang. Daripada k'ian kelamaan kita akan langsung mulai tutorialnya.
  • Masuk kedalam account blog kamu, kemudian pilih "Rancangan".
  • Selanjutnya pilih "elemen halaman/page element", kemudian pilih "Tambah gadget/ Add Gadget".
  • Pilih "HTML/Javascript", selanjutnya copy kode dibawah ini...
<div style="padding-right:10px; border:0px solid #d8d8d8;background:#fff repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: auto; height: auto; font-size:10px;">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 85;cellspacing = 4;
borderColor ="#ffffff";bgTD = "#000000";
thumbwidth =45;thumbheight =45;
fntsize = 10;acolor = "#666";aBold = true;
icon = " ";text ="";showPostDate = false;
summaryPost = 10;summaryFontsize = 8;
summaryColor = "#666";icon2 = " ";numposts = 5;
home_page = "http://blogkamu.blogspot.com/";
</script><script src="http://sites.google.com/site/kianbersama/javascript/tumbnails.js" type="text/javascript"></script></div>
  • Selanjutnya tinggal simpan..
Nb: Pada keterangan kode
  • thumbwidth =45;thumbheight =45; = Ukuran lebar dan tinggi dari gambar setiap postingan, kamu bisa ganti sesuai dengan selera kamu.
  • summaryPost = 10 = Jumlah dari artikel secara keseluruhan yang akan kamu tampilkan
  • numposts = 5;= Jumlah artikel yang muncul, numpost harus lebih kecil dari summarypost
  • boxwidth = 85; = Ukuran dari kotak widget tsb, kamu bisa ubah dan sesuaikan dengan lebah dari sidebar blog kamu
  • http://blogkamu.blogspot.com/ = Ubah Alamat Url ini dengan nama dari blog kamu
Untuk lebih jelis lihat DEMO

Share to :

Related Post :


About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".

6 Response to "Widget Recent Post dengan Gambar"

  1. .wah baru lagi nih mas.....tpi males utak atik nih... ...Replay

     

  2. .tny nih mas, gmna y ngatur ukuran poto pas mollow orang??? ...Replay

     

  3. Info yang bagus sob. d tunggu postingan barunya lagi :) ...Replay

     

  4. Kian Coi Said,

    @ELANG ANTARNUSA sama-sama sob, makasih sudah dengan setia menunggu postingan terbaru dari kian...good job...!!! ...Replay

     

  5. K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ". ...Replay

     


Post a Comment

Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |