Jasa SEO Blog

Cara Membuat Related Post Simple Fast Loading

Cara Membuat Related Post (Posting Terkait/Artikel Terkait) yang Simple dan Fast Loading di  bawah tiap postingan blog 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.

Cara Membuat Related Post Simple Fast Loading
Pastikan ada kode jQuery min di dalam template blog 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>

1. Layout > 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':'http://contohblognih.blogspot.com' 
});</script>

Source
Labels: Desain Blog

Thanks for reading Cara Membuat Related Post Simple Fast Loading. Please share...!

0 Comment for "Cara Membuat Related Post Simple Fast Loading"

Spammy comment and live link will not be published. Good comment will encourage reader to visit your profile and blog.

Back To Top