Cara Membuat Widget 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.
Artikel sebelumnya :
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>
Cara membuat widget artikel terkait / related post :
1. Layout / Tata Letak → Add a Gadget → HTML/JavaScript
2. Judul widget kosongkan
3. Copas kode berikut ini ke kolom Content:
Jika yang muncul tulisan "Recent Posts", bukan "Related Posts", maka gunakan kode berikut ini:
KODE RELATED POST LAINNYA
Kode related posts lain yang bisa digunakan:
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 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>
Cara membuat widget artikel terkait / related post :
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':'http://alx-bot.blogspot.com'
});</script>
Cara membuat Widget Related Post di Blog
4/
5
Oleh
Ciharu
