Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

THEME SHOP - Tukang Toko Online
Jasa Review

Widget Recent Post Berdasar Label dengan Thumbnail

Recent Post berdasarkan label dnegan thumbnail
Widget Recent Post Berdasar Label dengan Thumbnail - Hasilnya adalah tampak seperti gambar thumbnail disamping kiri posting ini.
Widget ini sangat cocok dipakai di dalam blog berita atau di blog toko online yang ingin mengklasifikasikan masing-masing label di setiap widget.

Pemasangannya cukup mudah karena tidak diperlukan editing di HTML templatenya, tapi cukup di bagian widget yang ada di menu tata letak atau layout. Yang dipakai adalah widget HTML/Javascript, lalu script widget tinggap di copy paste ke bidang script, ganti beberapa tag tulisannya, Simpan dan selesai..

Urutannya panduan lengkapnya adalah sbb:
Masuk ke Dashboard >> Tata Letak/LayOut >> add Widget HTML/Javascript >> masukkan Script di kolom script widget >> edit beberapa bagian >> Save/Simpan
add widget


Script Widget:
<style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}
.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}
</style>
<script src="https://cdn.rawgit.com/hugetarif/tukangtokoonline/master/rcpost_based_label.js"> </script>
<script>var numposts = 10;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 150;</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default/-/Label%20Blog%20Anda?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
Keterangan script: 
var numposts = 10  (bisa anda ganti dengan jumlah post yang ingin ditampilkan)
http://namabloganda.blogspot.com/feeds/posts/default/-/Label%20Blog%20Anda (ganti sesuai data blog anda)

Jika, semua panduan tersebut sudah dilakukan dengan benar, maka widget post berdasarkan label sudah muncul di blog anda. Semoga bermanfaat

17 komentar untuk "Widget Recent Post Berdasar Label dengan Thumbnail"

  1. Balasan
    1. Istilah2 umum yang bisa dipakai di dalam bahasa tulisannya .. mesti dipahami dulu pembacanya apalagi pemula =D

      Hapus
    2. Woo..., ada Bu Naning B'kunjung ... :d

      Hapus
  2. saya ingin mencobanya dulu siapa tau cocok dengan template ane

    BalasHapus
  3. Terimakasih gan widgetnya.. ditunggu kunjungan baliknya ya.. :-) http://intandorama.blogspot.com

    BalasHapus
  4. thanks ga.. widgetnya keren. udah ane coba di talehart.blogspot.com

    BalasHapus
  5. Meskipun blog saya bukan blog berita namun layak saya coba pasangnya, gan. Terima kasih.

    BalasHapus
  6. itu demonya yang gambar diatas itu ya mas...? saya mau coba.

    BalasHapus
  7. wah keren.. work 100%
    thank gan
    http://neobuxtopptc.blogspot.com/

    BalasHapus
  8. thanks Info Nya Gan
    http://situsmovies.blogspot.com

    BalasHapus
  9. kok di blog saya nggak bisa muncul ya. maaf newbie

    BalasHapus
  10. joss, makasih bos, info film sdk-group.blogspot.com

    BalasHapus
  11. Ijin Nyimak Gan - umpanpancingessen.com

    BalasHapus