Random posts widget atau widget daftar postingan acak merupakan widget blog yang dahulu (sekitar 2 tahun yang lalu) cukup trending di kelompok blogger, baik untuk pengguna Blogger maupun WordPress. Meskipun sekarang jarang digunakan, namun menurut aku widget ini merupakan alat yang cukup memiliki value dalam memperkaya navigasi blog; khususnya dalam menyediakan anjuran bagi hadirin saat menjalankan browsing isi blog. Fungsinya nyaris sama lah dengan widget Facebook activity feed, Facebook recommendation bar, recent posts widget, daftar isi blog, dan masih banyak lagi sejenisnya.
Meski memiliki rancangan sederhana yang inherited dari template, widget random posts yang aku bagi ini memiliki keistimewaan dalam hal menggali sampai post terdalam/terlama (dengan limit max 1000 post). Sehingga artikel-artikel usang anda yang mungkin terbengkalai alias memiliki pageview yang kian sedikit, dan bahkan sudah terlewatkan oleh anda, sanggup dimunculkan serta dipersiapkan kembali terhadap pembaca.
The Concept
Meskipun sederhana, dan mengacu terhadap rancangan template (dalam hal CSS), tetapi widget ini menggunakan javascript (basically using array), yang mempergunakan feed blogger (feeds/posts/default) selaku sumber (openSearch); dengan menggunakan fungsi json serta callback. Konsepnya sama dengan widget-widget daftar post bersumber feed lainnya. Script ini masih dalam version 1, dan ke depan akan aku sempurnakan dengan banyak sekali hal tambahan, khususnya desain.
Demonya sanggup anda lihat di widget "Other Interesting Posts", pasti desainnya mengikuti (inherited) dari template ini.
Cara Memasang Widget Random Post di Blogger
Menambahkan widget ini sungguh mudah:
1. Copy script berikut:
<script type = "text/javascript">var randarray=new Array();var l=0;var flag;var numofpost=5;</script><script src="https://buka-rahasia-blogspot-code-host.googlecode.com/files/bukarahasiarandom.js" type="text/javascript"></script><script src="https://ujianhidup10.blogspot.com//feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script>
2. Ubah beberapa hal ini di dalam script:
- Ubah nilai 5 menjadi angka yang diharapkan untuk memperlihatkan sejumlah post sesuai dengan angka tersebut. Note: Saya memberi batas optimal 10 post pada script, lantaran apabila lebih dari 10 bukan random post namanya :)
- Ganti https://ujianhidup10.blogspot.com/ menjadi url blog anda.
- Jika pada sebuah permasalahan terburuk script tidak sanggup diload lantaran duduk kendala server host, ganti:
https://buka-rahasia-blogspot-code-host.googlecode.com/files/bukarahasiarandom.js
dengan:
http://yourjavascript.com/83532231012/bukarahasiarandom.js
3. Masuk ke dashboard > Layout
2. Klik tambah gadget / add a gadget.
3. Pilih widget berjenis HTML/Javascript.
4. Masukkan script yang sudah di edit ke dalam kotak editor.
5. Beri title/judul widget sesuai keinginan.
6. Save dan lihat hasilnya.
Memasang Widget Random Post di Bawah Post/Artikel
Jika anda ingin menyertakan widget ini selaku bab navigasi di bawah artikel blog, gunakan cara ini:
1. Dari dashboard > Template
2. Klik 'Edit HTML' dan centang 'Expand Widget Templates'
3. Cari <data:post.body/> (Ctrl+F).
Note: apabila anda menggunakan auto readmore seperti yang dahulu aku bagi, sungguh mungkin akan didapatkan tiga buah tag tersebut. Cari tag yang dimaksud dengan ciri sebelumnya diawali dengan tag b if untuk 'item', menyerupai ini:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
4. Copy isyarat di bawah ini dan ubah teks "ganti dengan script random post di sini" dengan script random post yang sudah diedit sesuai isyarat di atas:
<b:if cond='data:blog.pageType == "item"'></b:if>
5. Letakkan isyarat di bawah <data:post.body/>. Jika sebelumnya anda sudah menyertakan widget-widget lain di bawah artikel, atur posisinya mudah-mudahan berada di atas atau di bawah widget-widget tersebut.
6. Save dan lihat hasilnya.
Jika ada problem dalam pemasangannya, feel free to leave a comment below. Thanks in advance and have a nice blogging, as always...
© 2013 - 'Til drop! buka-rahasia.blogspot.com. All rights reserved. Creative Commons License:
