Hack Tools Tutorials

Cara membuat Widget Related Post di Blog

Cara Membuat Widget Related Post (Posting Terkait/Artikel Terkait) yang Simple dan Fast Loading di  bawah tiap postingan spider web log blogspot.

Cara memasangnya sangat mudah. Tidak usah masuk ke template - edit HTML. Cukup pasang di sidebar widget, maka Related Posts akan muncul di bawah setiap postingan blog.

Artikel sebelumnya :


Cara Membuat Related Post Simple Fast Loading
Pastikan ada kode jQuery bit di dalam template spider web log Anda.
Jika tidak ada, maka tambahkan dulu kode jQuery berikut ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' 
type='text/javascript'></script>

Cara membuat widget artikel terkait / related postal service :
1. Layout / Tata Letak → Add a Gadget → HTML/JavaScript
2. Judul widget kosongkan
3. Copas kode berikut ini ke kolom Content:

<!--SIMPLE RELATED POSTS-->
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'loadingText':'loading...'
});</script>
<!--SIMPLE RELATED POSTS-->

Jika yang muncul tulisan "Recent Posts", bukan "Related Posts", maka gunakan kode berikut ini:

<!--SIMPLE RELATED POSTS-->
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'loadingText':'loading...'
});</script>
<!--SIMPLE RELATED POSTS-->

KODE RELATED POST LAINNYA
Kode related posts lain yang bisa digunakan:

<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js"type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
   'containerSelector':'div.post-body'
   ,'relatedTitle':'Related Posts:'
   ,'recentTitle':'Recent Posts:'
   ,'loadingText':'loading...'
   ,'maxPosts':'5'
   ,'blogURL':'harus di isi'
});</script>


Back To Top