Mudahnya Membuat Recent Post Berdasarkan Label

Mudahnya Membuat Recent Post Berdasarkan Label merupakan Tips Trik Blogspot yang akan saya ajarkan kepada pembaca blog sekalian. Pernahkah anda melihat blog dengan widget yang berisi kategori di masing masing labelnya? Pasti jawabannya sering dan mungkin banyak yang menggunakan widget seperti ini. Blog Punya Trik juga menggunakan widget seperti ini.

Kotak merah merupakan contoh widget recent post berdasarkan label

Fungsi Recent Post Berdasarkan Label Pada Blog

Kalau sobat bertanya fungsi blog yang mempunyai widget ini sebenarnya tergantung juga sih. Kalau menurut saya dengan menggunakan widget recent post berdasarkan label atau kategori ini blog terlihat lebih rapi dan percaya nggak percaya bisa meningkatkan pageview pengunjung pada blog kita loh. Selain itu untuk ukuran navigasi, orang juga mudah mengakses banyak artikel berdasarkan label atau kategori yang mereka inginkan.

Cara Memasang Recent Post Berdasarkan Label Pada Blog

Wah menarik juga ya sobat fungsi dari widget ini. Lalu bagaimana cara memasangnya? Berikut ini cara memasang Widget recent post. Cukup mudah kok asal mengikuti step by stepnya secara seksama.

1. Pergi ke menu Template, lalu edit HTML dan jangan lupa centang Expand Template Widget
2. Carilah kode ]]></b:skin>
3. Copy kode dibawah ini diatas ]]></b:skin> 


/* WIDGET RECENT POST BERDASARKAN LABEL*/<br />  img.label_thumb{float:left; padding:5px; border:2px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:40px; width:40px}<br />  img.label_thumb:hover{background:#ffffff}<br />  .label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}<br />   ul.label_with_thumbs li{padding:4px 0; min-height:53px; margin-bottom:10px}<br />   .label_with_thumbs a{}<br />   .label_with_thumbs strong{}


Carilah kode </head>
Copy kode dibawah ini diatas </head>




<script src='http://unduhnetwork.googlecode.com/files/lebelgambar.js' type='text/javascript'/>
Script ini diambil dari unduhnetwork.blogspot.com. Sobat bisa ambil atau download script ini dan upload di google code masing masing agar responnya lebih cepat karena hanya digunakan sendiri. Jangan lupa setelah itu klik tombol simpan ya sobat.

Terakhir adalah pergi ke tata letak, lalu Tambahkan Gadget dan pilih HTML. Setelah itu copy code dibawah ini.

<script type="text/javascript"><br />var numposts = <span style="color: red;"><b>3</b></span>;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = <span style="color: orange;"><b>30</b></span>;<br /></script><br /><script src="/feeds/posts/default/-/<span style="color: #3d85c6;"><b>Tips%20Trik%20SEO</b></span>?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript"><br /></script><br /><a href="<span style="color: #351c75;"><b>http://punyatrik.blogspot.com</b></span>/search/label/<span style="color: #3d85c6;"><b>Tips%20Trik%20SEO</b></span>/max-results=8" target="_blank" title="More on Tips Trik SEO category" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>

Keterangan Warna diatas :

• Merah itu untuk menyetting banyak post yang ditampilkan di widget.
• Orange untuk menyetting banyak huruf untuk keterangan postingan.
• Biru adalah nama label yang ingin ditampilkan.
• Ungu silahkan ganti dengan URL blog sobat.

Sekian Cara Memasang Recent Post Berdasarkan Label

Sekian posting dari saya yang berjudul Mudahnya Membuat Recent Post Berdasarkan Label. Jika ada yang ingin ditanyakan, silahkan bertanya lewat komentar yang telah disediakan dibawah ini. Terimakasih para sobat Punyatrik, jangan lupa bantu saya share artikel ini ya sobat Punyatrik. Baca juga artikel saya selanjutnya yang berjudul Kerennya Rating Bintang Di Bawah Posting Blog.

• Tweet

Judul: Mudahnya Membuat Recent Post Berdasarkan Label
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown 04.46

Artikel Terkait Tips Trik Blogspot :