Setelah excited membuat artikel Cara
Menonton TV Online Dengan Mudah dan Cepat kini kita kembali dalam artikel
Tips Blogger. Dalam tips kali ini kita akan belajar membuat
related post dengan menggunakan
jquery. Mungkin selama ini Anda mengetahui cara membuat related post (
artikel terkait) dengan metode konvensional yaitu dengan menyisipkan kode html yang mungkin sedikit menyulitkan bagi Anda.
Membuat related post dengan jquery relatif lebih mudah dan praktis.
Keuntungan apabila kita menggunakan
related post dengan jquery antara lain :
1. Easier : since All of the work is(has to be) done on the client side, You will not need to modify your template at all. widget will read post tags that blogger already display with each post.
2. Smarter : Cause This widget will list the top related 5(or more) posts sorted by relevancy!
Top relevant posts are the posts that have more tags in common with the current post.
3. More Optimized: Will only use summary feeds instead of querying default feeds that return full contents!
4. This widget also can work as a recent posts widget when there is no tags to aggregate.
5. Can be also used to get related posts from another blogspot blog. And in that case you don't have to run it on a blogspot!
6. A fixed list of tags can be used to aggregate.
7. It can display loading text or icon until widget is loaded.
8. Related posts list can be styled based on relevancy!
9. You can specify either to load widget on document ready or on window load.
10. Widget will be attached to container specified or it will be placed where you made the JavaScript call.
Langsung saja kita mulai tutorialnya :
1. Seperti biasa Anda harus Log In dahulu pada akun Blogger Anda
2. Pada dashboard, pilih Tata Letak/Rancangan => Elemen Halaman.
3. Kemudian pilih Tambah Gadget => Tambahkan HTML/Javascript.
4. Kemudian masukkan kode berikut dalam form widget tersebut
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="
http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
'loadingText':'loading...'
});</script>
5. Jika sudah kemudian klik Simpan Widget.
Agar lebih optimal, tempatkan widget related post dengan jquery tersebut tepat berada dibawah posting/artikel dengan menggeser widget tersebut ke bawah posting/artikel. Anda juga bisa menempatkan script
related-posts-widget-1.0.js ke
hosting Anda sendiri. Untuk pilihan hosting murah saya merekomendasikan
Hosting Murah Indonesia Indositehost.com.
Lebih mudah dan praktis bukan? Selamat mencoba...