Cara Membuat Related Post di Blogger

Sebelumnya saya sudah menilus artikel tentang bagaimana membuat artikel terkait atau related post DISINI. Jika cara di sebelumnya tidak berhasil, mungkin cara berikut moga-moga berhasil untuk blog tercinta anda. Blog tidak sempurna jika tidak ada Related Post. Related Post terletak di bawah postingan, biasanya di atas comment. Related Post berfungsi seperti mempromosikan posting'an posting'an kita yang lainnya di blog. Related Post sangat effisien untuk meningkatkan jumlah penayangan postingan kita di blog. Langsung saja, cara membuat Related Post di blogger by LygaCool :

1. Buka Blogger agan, pastikan pertama-tama backup dulu templates agan (Backup sangat penting, drpd ngulang dr awal kayak saya sehingga mesti ganti2 templates mulu :/ ). Cara backup dengan cara Template > Cadangkan/Pulihkan > Unduh Template

2.Setelah Backup templates, Klik Templates > Edit HTML

3. Cari/Find dengan cara CTRL+F kode di bawah ini :

<div class='post-footer-line post-footer-line-1'/>

Jika kode di atas tidak ditemukan, coba kode di bawah ini :

<p class='post-footer-line post-footer-line-1'/>

atau kode di bawah ini :

<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>

4. Lalu Copy dan Paste kode di bawah ini tepat setelah kode di atas :

<script src='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://24work-new.googlecode.com/svn/trunk/24work-blogspot/related-posts/related-posts-min-7.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop><h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

Save dan lihat hasilnya.
Commend di bawah bagaimana hasilnya. Saya sudah coba ini dan berhasil 100%. Jika tidak berhasil, harap informasinya ya dengan cara commend di bawah ...:)

Sekian dan Terimakasih.

Posted by : Jateng News 11:08 PM Tags : blogger , blogger tips , tutorial

Subscribe by Email

Follow Updates Articles from This Blog via Email