Cara Membuat widget Thumbnail Berdasarkan Label Tertentu

Di posting kali ini saya ingin berbagi ni sama sobat blogger tentang Cara Bikin widget Thumbnail Berdasarkan Label Tertentu. Setelah kemaren posting tentang Cara Membuat 3 Kolom Elemen Widget di Bawah Header. Tutorial ini sendiri terinspirasi dari website-website magazine Indonesia. karena widget thumbnail ini kebanyakan terdapat di website magazine Apakah kamu pengen blog kamu seperti website-website magazine,kalau sobat blogger pengen ikuti langkah-langkah dibawah ini :

Cara Membuat widget Thumbnail Berdasarkan Label Tertentu
  • Login Blogger>Rancangan>Edit HTML.
  • Centang kotak Expand Template Widget.
  • Cari kode script ]]></b:skin> agar pencarian lebih muadah tekan Ctrl+F jika sudah ketemu copy+paste kode dibawah ini tepat diatasnya 
  • Lalu carilah kode </head>, copy lalu paste kode berikut tepat diatas kode </head>
  • Klik tombol SIMPAN TEMPLATE
        Langkah diatas sudah selesai mari kita ikuti langkah yang ke 2 :
  • Pilih Rancangan>Elemen Laman>Tambah gadget>HTML/JavaScript .Lalu copy+paste kode dibawah ini di HTML/JavaScript..kurang lebih seperti SS di bawah ini.
      <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>



    <script type="text/javascript" src="/feeds/posts/default/-/Gadget?orderby=updated&alt=json-in-script&callback=labelthumbs"></script
    Namun sebelum  kamu simpan,kamu harus mengubah tulisan yang di beri warna biru dengan nama label kategori yang di inginkan. 
  Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan langkah-langkah yang ke 2.
Dalam kode diatas ada bebebrapa yang dapat kamu atur misal jumlah karakter yang ingin di tampilkan, thumbnail, jumlah posting, tanggal posting, komentar, serta more link.
 Dalam script tersebut ada tulisan seperti ini :
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var showcommentnum = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
 
Kode berwarna merah adalah kode yang bisa anda edit, true berarti tampilkan, false berarti jangan di tampilkan, 80 adalah jumlah karakter yang ingin ditampilkan,ini saja dulu yang dapat saya share.Tutorial diatas sudah saya coba dan hasilnya sempurna. mohon kasih tau saya jika ada kode yang eror atau terjadi kegagalan lewat komentar dibawah

Artikel Terkait



1 komentar:

yAhyA riDwAn mengatakan...

gak ngaruh sama sekali mas,,

Poskan Komentar

Terima kasih atas komentar Anda. Mohon untuk tidak berkomentar yang bernada SPAM dan berbau p*rn*.

Cari Artikel

Memuat...

Archives