Cara Membuat Related Post Simple Fast Loading

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

Related Posts

0 Komentar untuk "Cara Membuat Related Post Simple Fast Loading"

1. Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *