Widget Recent Post Berdasar Label dengan Thumbnail - Hallo sahabat TIPS BELAJAR BISNIS ONLINE DAN INTERNET MARKETING, Pada Artikel yang anda baca kali ini dengan judul Widget Recent Post Berdasar Label dengan Thumbnail, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger Widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Widget Recent Post Berdasar Label dengan Thumbnail
link : Widget Recent Post Berdasar Label dengan Thumbnail

Widget Recent Post Berdasar Label dengan 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

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

Demikianlah Artikel Widget Recent Post Berdasar Label dengan Thumbnail

Sekianlah artikel Widget Recent Post Berdasar Label dengan Thumbnail kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Widget Recent Post Berdasar Label dengan Thumbnail dengan alamat link https://tipstopmarketing.blogspot.com/2014/01/widget-recent-post-berdasar-label.html

Tweet