Artikel copy paste berkualitas mengenai semuanya yang baru dan bermanfaat untuk di share ulang

Cara Membuat Related Post Jquery



Cara Membuat Related Post Jquery
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 : Cara Membuat Related Post Jquery

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. Cara Membuat Related Post Jquery
Sumber
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments

thx for coming... :) please leave your comment

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Posts RSSComments RSSBack to top
© 2011 Copy bin Paste ∙ Designed by BlogThietKe
Released under Creative Commons 3.0 CC BY-NC 3.0 Konsultan IT | Github | Scribd | Huggingface

Academia