Home / Blogger Corner / Widget Menampilkan Artikel Lebih Dari Satu Kategori

Widget Menampilkan Artikel Lebih Dari Satu Kategori

Assalamuallaikum…

Hari ini saya akan berbagi sedikit artikel tutorial menarik untuk sobat, yaitu Menambahkan Widget yang di dalamnya menampilkan Artikel lebih dari satu label, Bagaimana si caranya?

Caranya cukup mudah, sobat tidak perlu Pergi ke Edit HTML dan mencari – cari Kode HTML yang ada di sana, sobat cukup di elemen halaman saja, wah bagaimana caranya?

Caranya? Sobat liat dan terapkan tutorial di bawah ini.

1. Sobat Haru Login ke Akun Blog Sobat
2. Kemudian sobat Klik Rancangan > dan Otomatis ke Halaman Element Halaman
3. Klik Tambahkan widget di mana sobat ingin menaruh widget ini.
4. Kemudian Sobat Pilih HTML/JavaScrift, Kemudian sobat Masukan kode di bawah ini:

<script style=”text/javascript”>
var numposts = 50;
var standardstyling = true;
</script>

<script type=’text/javascript’ src=’http://codelain-blogger-namanya.googlecode.com/files/artikel-lainnya-label.js’></script>

<ul>
<script src=”http://NamaBlogSobat.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999″></script>
</ul>

*CATATAN
Pada Tulisan NamaBlogSobat ,Silahkan di ganti sendiri dengan alamat blog sobat.
Pada Tulisan Nama Label , Silahkan sobat ganti dengan Label Artikel sobat yang ingin sobat Tampilkan.

5. Jika Sobat ingin memperbanya Label yang ingin di tampilkan Silahkan Kopi Kode di bawah ini :

<ul>
<script src=”http://NamaBlogSobat.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999″></script>
</ul>

Kemudian Taruh di bawahnya begitu juga selanjutnya Sobat, Dan jangan Lupa Juga Ganti Nama Label dengan label yang sobat ingin untuk di tampilkan.

6. Kemudia Klik Save

Jika Sobat ingin menambahkan Scrolling Pada  Widget di atas agar bisa menghemat tempat, silahkan sobat Masukan Kode di bawah ini, Tepat di atas

<div style=”border: 0px solid rgb(151, 151, 151); overflow: auto; width: 315px; height: 280px; text-align: center;” >

*KETERANGAN

border: 0px : Garis kolom widget silahkan di edit sendiri sesuka sobat
width: 315px; height: 280px; : Ukuran Widget Sobat sesuaikan menurut kemauan sobat.
Dan jangan Lupa Tambahkan </div> Tepat di paling bawah Semua HTML/Javascrif sobat
Lalu Klik Simpan
Alhamdulillah Widget sobat sudah selesai, Semoga Tutorial dari Blog Codelain ini Bermanfaat ya Sobat.

About admin

Check Also

Membuat Background Header Berganti Otomatis

Pada kali ini aku akan sedikit berbagi trik mempercantik atau bisa juga trik untuk memodifikasi …

2 comments

  1. Thanks gan. Dapet info baru lg nih.

  2. @sandro : sama – sama gan,,

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *