Sekolah Forex Indonesia
Anda Di : Home » blogger script » blogger tutorial » Membuat Recent Post by Label Thumbnail Saja

Membuat Recent Post by Label Thumbnail Saja

Kemaren saya sudah menuliskan Cara Bikin Recent Post by Label With Thumbnai.
Nah sekarang saya akan menuliskan cara membuat Membuat Recent Post by Label Thumbnail Saja tanpa tulisan.
Membuat Recent Post by Label Thumbnail Saja
Pada dasarnya cara membuat recent post by label dengan thumnail saja ini hampir sama dengan cara bikin recent post by label with thumnail, cuma ada sedikit pembedaan

Ok langsung saja ...
Cara Pasang Recent Post by Label With Thumbnail di Blogger
Seperti biasa langkah yang harus di lakukan adalah :

  1. Login ke Dashboard Blogger
  2. Klik Rancangan/Design/Tata Letak
Jika bingung gimana caranya silakan baca Panduan Cara Menghias Blog Blogger.

Jika teman sudah berada di halaman Rancangan silakan pilih widget HTML/JavaScript kemudian masukkan script berikut:
<style> 
/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>
<script type='text/javascript'>var numposts = 6;</script>
<script type="text/javascript" src="/feeds/posts/default/-/NamaLabel?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Keterangan:
numposts = 6 (Angka 6 adalah jumlah recent post yang akan di tampilakn, silakan ganti sesuai keinginan teman)
Nama Label = Isi dengan Nama Label yang artikelnya ingin di tampilkan ( contoh blogger%20template) biasanya label yang pakai spasi di pisahkan dengan %20.
Tags: ,

Jangan Lupa Like dan share artike Membuat Recent Post by Label Thumbnail Saja ini ya.

New Tutorial :
Membuat Recent Post by Label Thumbnail Saja

Tentang Admin

Hanya seorang blogger biasa yang ingin mencoba menulis apa saja yang bisa di tulis, baik seputar tutorial blog, blogger template, dsb.

Berlangganan via RSS Feed

Mau baca artikel terbaru langsung di Email kamu? Silahkan masukan alamat email kamu untuk berlangganan artikel baru. (GRATIS!!!)

Jangan lupa konfirmasi di Email Kamu.

Saat ini kamu sedang berada di halaman Membuat Recent Post by Label Thumbnail Saja, di bawah ini ada beberapa artikel lainnya yang mungkin ingin kamu baca, terimakasih atas kunjungannya.

5 komentar

  1. trimakasih atas info nya..bermaanfaat bagi saya..ehhmmm,ada cara yang bisa digunakan untuk menampilkan gambar beserta judul artikelnya?

  2. silakan baca di http://blog.ahmadrifai.net/2011/07/bikin-recent-post-by-label-with.html

  3. keren....!akhirnya aq temukan juga cara nya.nice for share

  4. trims bro... ijin pakai ya...

    oksbro.blogspot

  5. cara nambahin URL gambar'a gmna gan??
    kan kalo postingan g ada gamabr'a pas tampil di recent post'a g ada gambar'a..

    thanks