Beranda > Seo, Tips Blogspot > Cara Membuat Recent Post Dengan Thumbnail di Blog

Cara Membuat Recent Post Dengan Thumbnail di Blog

Senang sekali rasanya bisa mencoba berbagai trik ilmu ngeblog, baik itu yang pakai blogspot, maupun pakai wordpress. Kali ini kumpulan tips ngeblog akan membagikan trik baru dari blogspot yaitu cara membuat recent post dengan thumbnail.

membuat recent post dengan thumbnailJujur cara ini sungguh membuat saya sangat berkesan, karena dengan trik ngeblog ini page impression blog saya meningkat 50 kali lipat dari biasanya. Yups karena mungkin ada gambarnya, orang jadi tertarik untuk mengklik. Nah tentunya hal sama  juga Anda inginkan bukan, siapa yang tidak suka page impression blog meningkat 50 % bahkan 10% ? Penasaran bagaimana cara membuat recent post dengan thumbnail di blogspot ?? Oke mari kita pelajari

Login ke blog ->> Tata Letak ->> Elemen Halaman ->> Tambah Gadget ->> HTML/Javasript

Taruh kode berikut di kolom HTML/Javascript

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&#8221; type=”text/javascript”></script>
<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://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/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: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>

<script language=’JavaScript’>

imgr = new Array();

imgr[0] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;

imgr[1] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;

imgr[2] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;

imgr[3] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;

imgr[4] = “http://i43.tinypic.com/orpg0m.jpg&#8221;;
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://yourblog.blogspot.com/&#8221;;

limitspy=4
intervalspy=4000

</script>

<div id=”spylist”>
<script src=’http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js&#8217; type=’text/javascript’></script>
</div>

Apalagi kalau Anda juga menambahkan related post di blogspot pasti page impression blog Anda akan meningkat.

  1. Mei 2, 2010 pukul 10:29 pm

    nice info gan………..coba dulu ahhhhhhhh…….🙂

  2. Mei 27, 2010 pukul 11:10 pm

    Thanks buat ifonya langsung ke TKP…

  3. Juli 9, 2010 pukul 8:24 pm

    Mas saya coba cari tata letak kok gak ada ya?
    itu adanya under menu setting atau apa ya?

    makasih maas😉

  4. September 10, 2010 pukul 10:27 pm

    Wah bagus bro….Tak coba insyaAllah…….. Makasih ya Mas/Mbak.

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: