Membuat Recent Posts Per Label dengan Scroll Bar

Membuat Recent Posts Per Label dengan Scroll Bar-Berbicara tentang trik blogging serasa tak ada henti-hentinya, salah satu yang akan kita bahas pada postingan kali ini adalah trik cara membuat recent post berdasarkan kategori atau label tertentu pada blog dengan menggunakan scrooll bar. Disamping mempercakep tampilan blog bisa jadi akan meambah jam terbang page view blog sobat.

Scroll Bar secara sederhana dan sepemahaman saya bisa di artikan sebagai alat kontrol penggulung yang terdapat di sisi suatu jendela tampilan,  sedangkan jenis  dari Scroll Bar sendiri ada 2 macam, horizontal scrollbar dan vertical scrollbar.  Fungsinya  scrollbar horizontal untuk menggulir obyek dari kiri ke kanan atau sebaliknya, sedang scrollbar vertikal digunakan untuk menggulir obyek dari atas ke bawah maupun sebaliknya.

Well, pada kesempatan kali ini kta akan membahas cara memanfaatkan fungsi Scroll Bar tersebut untuk kita aplikasikan pada widget recent posts per label atau per kategori pada blog kita, untuk tampilan widget yang akan kita sematkan adalah seperti gambar di bawah ini.

TAHAP MEMBUAT WIDGET RECENT POSTS PER LABEL ATAU PER KATEGORI

1. Masuk pada akun blogger sobat
2. Lanjut pada editor tata letak blog
3. Tambahkan Widget dan pilih HTML/Java Script untuk panduan menambahkan widget bisa sobat baca artikel tentaang Bagaimana cara menambahkan atau memasang widget pada blogspot
4. Setelah Jendela Widget HTML/Java Script terbuka masukan Judul kemudian Copy Pastekan Kode di bawah ini.

<div style="border: 1px solid rgb(000, 000, 000); height: 100px; overflow: auto; padding: 10px; width: 90%;">

<script style="text/javascript">

var numposts = 10;

var standardstyling = true;

</script>

<script type='text/javascript'>function showrecentposts(json) {

for (var i = 0; i < numposts; i++) {

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}}

posttitle = posttitle.link(posturl);

if (standardstyling) document.write('<li>');

document.write(posttitle);}

if (standardstyling) document.write('</li>');}</script>

<ul><script src="http://www.jagadrochain.com/feeds/posts/default/-/Dasar%20Seo?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>

</div>

Catatan : Utuk www.jagadrochain.com silahkan isi dengan alamat blog sobat sedang Dasar%20Seo di ganti dengan label yang akan di tampilkan dalam list widget recent posts per kategorinya, tambahan untuk kode %20 di baca sepasi, jadi jika Kategori sobat semisal Humor Lucu maka penulisanya adalah Humor%20Lucu

     5. Simpan dan lihat blog sobat kemudian ucapkan Alhamdulillah.

Semoga Trik tadi bisa berjalan dengan baik di blog sobat, sedikit share tentang cara Membuat Recent Posts Per Label dengan Scroll Bar semoga bermanfaat, salam blogger semoga senantiasa Allah SWT selalu memberikan Petunjuk Serta RidhoNya. Amin