Loading...

Cara Membuat Recent Post Berdasarkan Kategori


Tutorial blogging, tips dan trik blogger, Widget blog keren, Cara membuat recent post berdasarkan label tertentu, Cara membuat postingan terbaru berdasarkan label, Label keren untuk sidebar, footer dan lainnya..

Berikut ini Bangiz mau berbagi cara untuk mempercantik tampilan blog Anda, Sesuai judul di atas yaitu Widget Artikel Berdasarkan Label. Tutorial blogging sebelumnya Bangiz pernah membahas tentang Membuat Random Post hanya Thumbnail dan juga Membuat Recent Post hanya Thumbnail, kalau mau tahu tutorialnya silahkan klik saja linknya. Widget Recent Post berdasarkan kategori atau label ini cocok untuk ditampilkan di sidebar, footer, bawah postingan, atau di homepage apabila Anda menggunakan template News. Untuk contohnya silahkan lihat gambar di bawah ini.

recent post kategori
Recent post kategori
Apabila Anda tertarik untuk menggunakannya, langsung ikuti saja tutorialnya berikut ini:

1. Silahkan masuk ke Dasbor Blogger.

2. Pilih Tata Letak > Tambahkan Gadget > Cari HTML/Javascript.

3. Copy-paste kode berikut pada kolom konten yang tersedia, jangan lupa beri judul widgetnya.
<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="http://id-pemula-javascript.googlecode.com/files/recent-post-label-thumbnail.js">
</script><script>
var numposts = 6;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;
</script><script src="http://bangiz.blogspot.com/feeds/posts/default/-/Widget?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script> 
Sumber kode: id-pemula.blogspot.com 

4. Klik Simpan dan lihat hasilnya di blog Anda.

Keterangan kode pada nomor 3:
  • Angka 12 adalah ukuran font untuk judul postingan.
  • Angka 6 merupakan jumlah postingan yang ditampilkan.
  • Angka 100 adalah jumlah karekter huruf pada deskripsi postingan.
  • Bangiz.blogspot.com adalah link tujuan, silahkan ganti dengan url blog Anda.
  • Widget, silahkan ganti dengan label atau kategori yang akan ditampilkan. Apabila labelnya memiliki 2 kata maka ganti spasinya dengan kode %20
Untuk pengaturan lainnya silahkan sesuikan dengan keinginan Anda. Itulah cara membuat widget recent post atau widget untuk menampilkan postingan berdasarkan kategori. 
Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Membuat Recent Post Berdasarkan Kategori
Cara Membuat Recent Post Berdasarkan Kategori
Tutorial blogging, tips dan trik blogger, Widget blog keren, Cara membuat recent post berdasarkan label tertentu, Cara membuat postingan terbaru berdasarkan label, Label keren untuk sidebar, footer dan lainnya..
https://3.bp.blogspot.com/-fxsgZGM5MvY/U1HiWxgibpI/AAAAAAAANAI/VmgBBjWLEZ4/s1600/Label.jpg
https://3.bp.blogspot.com/-fxsgZGM5MvY/U1HiWxgibpI/AAAAAAAANAI/VmgBBjWLEZ4/s72-c/Label.jpg
Bangiz
https://bangiz.blogspot.com/2014/04/Recent-post-berdasarkan-kategori.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2014/04/Recent-post-berdasarkan-kategori.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy