Tampilkan Posting berdasarkan Katagori Plus Thumbnail

Melanjutkan Artikel saya sebelumnya tentang Cara Menampilkan Artikel berdasarkan Label / Katagori di Blog serta jawaban untuk kawan kita Junius Librando bertanya pada kotak Komentar yang isinya seperti berikut : "Gimana Ya Bro Kalau Untuk Membuat Daftar Isi Berdasarkan Label Dan Ber-Thumbnail, Tlng Scriptnya Ya?", terus terang saya juga bingung Daftar isi berdasarkan Label dan ber-Thumbnail, Kalau Daftar Isi plus Thumbnail sudah saya posting, atau mungkin yang dimaksud Label / Katagori Khusus sesuai namanya berisi Thumbnail  :O script ini saya temukan pada salah satu Template ciptaan senior kita siapa lagi kalau bukan Kang Rohman :r
Caranya sebagai berikut :
Tahap Pertama 
  • Masuk Account Blogger dengan ID kawan 
  • Pada Dasbor pilih Template - Edit HTML - Lanjutkan
  • Cari  kode ]]></b:skin> 
  • Copas Script berikut diatas  ]]></b:skin> 
/*** Featured Categories ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:40px; width:40px; 
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}


  • height:40px; width:40px; adalah lebar dan tinggi image [thumbnail] bisa disesuaikan
  • Selanjutnya cari </head>
  • Copas kode berikut diatasnya

<script type='text/javascript'> //<![CDATA[ function labelthumbs(json){document.write('<ul class="label_with_thumbs">');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='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKuT9rJpFU/noimage.jpg';} var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true) document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;} else if("summary"in entry){var postcontent=entry.summary.$t;} else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');} else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}} var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;} if(showcommentnum==true) {if(flag==1){towrite=towrite+' | ';} if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;} if(displaymore==true) {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;} document.write(towrite);document.write('</li>');if(displayseparator==true) if(i!=(numposts-1)) document.write('');}document.write('</ul>');} //]]> </script>
  • Simpan Template kawan 

Pada tahap kedua 
  • Pada Tata Letak pilih Tambah Gadget 
  • Pilih tanda + pada HTML / JavaScript 
  • Copas kode berikut kedalamnya
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = false;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = false;
var numchars = 80;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/tips%20trik?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
contoh Hasilnya
Catatan :
  • Silahkan kawan mengadakan edit ulang terutama true / false dan angka yang ada sesuai keperluan Blog kawan
  • Ganti tulisan yang berwarna merah [tips%20trik] dengan Nama Label / Katagori Blog kawan yang akan ditampilkan


Description: Tampilkan Posting berdasarkan Katagori Plus Thumbnail - Rating: 4.5

Reviewer: Putu BlogBego - Itemreviewed: Tampilkan Posting berdasarkan Katagori Plus Thumbnail


Kawan sedang berada pada Artikel
» Tampilkan Posting berdasarkan Katagori Plus Thumbnail
di Blog ini dibolehkan COPY-PASTE untuk disebar-luaskan
asal kawan menyertakan Link / Sumber Artikelnya

Artikel Menarik Lainnya :


Comments
5 Comments

5 komentar pada : “Tampilkan Posting berdasarkan Katagori Plus Thumbnail”


  1. Replies
    1. Kawan Sebagai Blogger yang hebat berikan contoh yang baik dan tunjukkan Linknya biar saya bisa belajar disana :i

      Delete
    2. kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
      dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
      berikan 4 angka 9994 alhamdulillah ternyata itu benar2 tembus AKI.
      dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
      ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
      allah saya akan coba untuk membuka usaha sendiri demi mencukupi
      kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
      sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
      yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di no (((082-313-336-747)))
      insya allah anda bisa seperti saya…menang togel 275
      juta, wassalam.


      dijamin 100% jebol saya sudah buktikan...sendiri....







      Apakah anda termasuk dalam kategori di bawah ini !!!!


      1"Dikejar-kejar hutang

      2"Selaluh kalah dalam bermain togel

      3"Barang berharga anda udah habis terjual Buat judi togel


      4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


      5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
      tapi tidak ada satupun yang berhasil..







      Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
      anda semua dengan Angka ritwal/GHOIB:
      butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
      100% jebol
      Apabila ada waktu
      silahkan Hub: AKI SOLEH DI NO: (((082-313-336-747)))




      atau klik langsung di KLIK DSINI BOCORAN TOGEL




      angka GHOIB: singapur 2D/3D/4D/



      angka GHOIB: hongkong 2D/3D/4D/



      angka GHOIB; malaysia



      angka GHOIB; toto magnum 4D/5D/6D/



      angka GHOIB; laos












































































      kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
      dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
      berikan 4 angka 9994 alhamdulillah ternyata itu benar2 tembus AKI.
      dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
      ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
      allah saya akan coba untuk membuka usaha sendiri demi mencukupi
      kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
      sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
      yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di no (((082-313-336-747)))
      insya allah anda bisa seperti saya…menang togel 275
      juta, wassalam.


      dijamin 100% jebol saya sudah buktikan...sendiri....







      Apakah anda termasuk dalam kategori di bawah ini !!!!


      1"Dikejar-kejar hutang

      2"Selaluh kalah dalam bermain togel

      3"Barang berharga anda udah habis terjual Buat judi togel


      4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


      5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
      tapi tidak ada satupun yang berhasil..







      Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
      anda semua dengan Angka ritwal/GHOIB:
      butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
      100% jebol
      Apabila ada waktu
      silahkan Hub: AKI SOLEH DI NO: (((082-313-336-747)))




      atau klik langsung di KLIK DSINI BOCORAN TOGEL




      angka GHOIB: singapur 2D/3D/4D/



      angka GHOIB: hongkong 2D/3D/4D/



      angka GHOIB; malaysia



      angka GHOIB; toto magnum 4D/5D/6D/



      angka GHOIB; laos


      Delete
  2. hasilnya seperti pada gambar di dalam postingan ini ya ??
    terima kasih tutorialnya

    ReplyDelete
  3. saya ibu lilis posisi sekarang di malaysia
    bekerja sebagai pembantu gaji tidak seberapa
    setiap gajian selalu mengirimkan orang tua
    sebenarnya pengen pulang tapi gak punya uang
    sempat saya putus asah dan secara kebetulan
    saya buka internet ada seseorng berkomentar
    tentang MBAH LIMPAH katanya perna di bantu
    melalui jalan togel saya coba2 menghubungi
    karna di malaysia ada pemasangan
    jadi saya memberanikan diri karna sudah bingun
    saya minta angka sama MBAH LIMPAH
    angka yang di berikan 6D TOTO tembus 100%
    terima kasih banyak MBAH
    kemarin saya bingun syukur sekarang sudah senang
    dan rencana mau pulang ke indo untuk buka usaha
    bagi penggemar togel ingin merasakan kemenangan
    terutama yang punya masalah hutang lama belum lunas
    jangan putus asah HUBUNGI MBAH LIMPAH
    DI NO: 085~312~407~999
    tak ada salahnya anda coba
    karna angka ritual MBAH tidak perna meleset
    saya jamin MBAH LIMPAH tidak akan mengecewakan..
























    saya ibu lilis posisi sekarang di malaysia
    bekerja sebagai pembantu gaji tidak seberapa
    setiap gajian selalu mengirimkan orang tua
    sebenarnya pengen pulang tapi gak punya uang
    sempat saya putus asah dan secara kebetulan
    saya buka internet ada seseorng berkomentar
    tentang MBAH LIMPAH katanya perna di bantu
    melalui jalan togel saya coba2 menghubungi
    karna di malaysia ada pemasangan
    jadi saya memberanikan diri karna sudah bingun
    saya minta angka sama MBAH LIMPAH
    angka yang di berikan 6D TOTO tembus 100%
    terima kasih banyak MBAH
    kemarin saya bingun syukur sekarang sudah senang
    dan rencana mau pulang ke indo untuk buka usaha
    bagi penggemar togel ingin merasakan kemenangan
    terutama yang punya masalah hutang lama belum lunas
    jangan putus asah HUBUNGI MBAH LIMPAH
    DI NO: 085~312~407~999
    tak ada salahnya anda coba
    karna angka ritual MBAH tidak perna meleset
    saya jamin MBAH LIMPAH tidak akan mengecewakan..

    ReplyDelete
KOMENTAR MENCERMINKAN KEPRIBADIAN KAWAN BLOGGER
EKSPRESIKAN KOMENTAR DENGAN EMOTICON :

:a :b :c :d :e :f :g :h :i :j :k :l :m
:n :o :p :q :r :s :t :u :v :w :x :y :z