• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact

Kisna Hafizh

Mambawa Perubahan Dunia!

  • Home
  • Menu1
    • Submenu1
    • Submenu2
    • Submenu3
    • Submenu4
  • Menu2
    • Submenu1
    • Submenu2
  • Menu3
  • Menu4
  • Menu5
  • Menu6
Home » Tutorial Blog » Widget » Widget Random Post Untuk Blog

Widget Random Post Untuk Blog


widget random post blogspot

Random posts widget atau widget daftar artikel acak adalah widget blog yang dulu (sekitar 2 tahun yang lalu) cukup trending di kalangan blogger, baik untuk pengguna Blogger maupun WordPress. Meskipun kini jarang digunakan, tapi menurut saya widget ini merupakan alat yang cukup memiliki value dalam memperkaya navigasi blog; terutama dalam memberikan tawaran bagi pengunjung ketika melakukan browsing isi blog. Fungsinya hampir sama lah dengan widget Facebook activity feed, Facebook recommendation bar, recent posts widget,daftar isi blog, dan masih banyak lagi sejenisnya.

Meski memiliki desain sederhana yang inherited dari template, widget random posts yang saya bagi ini memiliki kelebihan dalam hal menggali hingga post terdalam/terlama (dengan limit max 1000 post). Sehingga artikel-artikel lama anda yang mungkin terbengkalai alias memiliki pageview yang semakin sedikit, dan bahkan sudah terlupakan oleh anda, dapat dimunculkan serta ditawarkan kembali kepada pembaca.

The Concept


Meskipun sederhana, dan mengacu kepada desain template (dalam hal CSS), namun widget ini menggunakan javascript (basically using array), yang memanfaatkan feed blogger (feeds/posts/default) sebagai 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 saya sempurnakan dengan berbagai hal tambahan, terutama desain.

Demonya dapat anda lihat di widget "Other Interesting Posts", tentu desainnya mengikuti (inherited) dari template ini.

Cara Memasang Widget Random Post di Blogger


Menambahkan widget ini sangat 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="http://buka-rahasia.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 diinginkan untuk menampilkan sejumlah post sesuai dengan angka tersebut. Note: Saya memberi batas maksimal 10 post pada script, sebab jika lebih dari 10 bukan random post namanya :)
- Ganti http://buka-rahasia.blogspot.com menjadi url blog anda.
- Jika pada suatu kasus terburuk script tidak dapat diload karena masalah 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 menambahkan widget ini sebagai bagian 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: jika anda menggunakan auto readmore seperti yang dulu saya bagi, sangat mungkin akan ditemukan tiga buah tag tersebut. Cari tag yang dimaksud dengan ciri sebelumnya diawali dengan tag b if untuk 'item', seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
4. Copy kode di bawah ini dan ubah teks "ganti dengan script random post di sini" dengan script random post yang sudah diedit sesuai petunjuk di atas:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
ganti dengan script random post di sini
</b:if>
5. Letakkan kode di bawah <data:post.body/>. Jika sebelumnya anda telah menambahkan widget-widget lain di bawah artikel, atur posisinya agar 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...

Sumber: http://buka-rahasia.blogspot.com/2013/03/cara-pasang-random-posts-widget-blogger-blogspot.html
Posted by Hafizh on Rabu, 27 Maret 2013 - Rating: 4.5
Title : Widget Random Post Untuk Blog
Description : Random posts widget  atau widget daftar artikel acak adalah  widget blog  yang dulu (sekitar 2 tahun yang lalu) cukup  trending  di ka...

Share to

Facebook Google+ Twitter

0 Response to "Widget Random Post Untuk Blog"

Posting Komentar

Catatan:
1. Jangan menuliskan link aktif
2. Jangan menimbulkan SPAM
3. Jangan membuat komentar dengan unsur SARA, Pornografi, DLL.
4. Jika masih bingung, diharap menghubungi admin

TERMS
Untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

TERIMA KASIH - Kisna Hafizh Team

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar (Atom)

Trending Template

More on this category »

Followers

Sponsor

Mohon maaf, Per tanggal 5 Juli 2014, blog kami telah pindah ke alamat yang baru, Klik: Blog AN Baru
[Tutup]
Copyright © 2012 Kisna Hafizh - All Rights Reserved
Design by Mas Hafizh