Langsung ke konten utama

Membuat Related Post di Blogspot

Bagi pengguna wordpress membuat related post dibawah postinga tidaklah terlalu menyulitkan karena terdapat berbagai wp plugin yang memiliki fungsi menampilkan related post, tetapi bagi pengguna blogspot tentu membutuhkan scripts khusus yang harus ditempelkan pada template.


Langkah-langkah membuat related post:

1. Bukalah akun blogspot anda dengan tenang dan damai sejahtera.
2. Pilihlah Elemen Template. Lalu Pilit Edit HTML
3. Carilah kode </head> (Gunakan Ctrl+F untuk mempermudah pencarian), setelah anda menemukannya, letakkanlah kode javascript di bawah ini (Copy) persis di atas kode </head> (sekitar baris 4-5)
4. Pastekan(tempelkan) script dibawah ini:

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLPEeOsC5mMIoPne9bV80myU7MspQk-KzauF9TDxpBQkhZ6R7rs6sbhS7lpHuB1TRB6jIE5x6IH1h_O7Jtr27QRoziPWltq95-T4LF1mL4kiUtScBQvkhfPtRDVXaqd0ZQafE_xtAJYyw/&quot;) no-re<br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>peat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style>
  <script src='http://yourjavascript.com/44425213412/related-post-blogspot.js' type='text/javascript'/>

5. Selanjutnya cari lagi kode berikut :   <div class='post-outer'><b:include data='post' name='post'/>6. Jika sudah ketemu, letakkan lagi kode di bawah ini (copy) tepat di bawah kode  <b:include data='post' name='post'/> (pastekan)

 <br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

6. Setelah selesai, lalu simpan template blog anda.
7. Lihat hasilnya seperti apa.


Demikianlah membuat Membuat Related Post di Blogspot

Komentar

Postingan populer dari blog ini

Cara Membuat Email di Gmail

Cara membuat email di gmai l - Untuk dapat menggunakan layanan email dari google maka Anda sebaiknya menyiapkan nomor HP sebagai penambah tingkat security email Anda. Inilah langkah-langkah cara membuat email di gmail.

Keuntungan Menggunakan Web Berupa Blog

Keuntungan menggunakan web berupa blog cukup banyak. Sebagai individu Anda dapat membuat sebuah personal brand, menyuaarakan suara Anda, dan Andapun dapat narsis melalui blog Anda. Sebagai perusahaan blog menjadi sangat strategis sebagai komunikasi dengan pelanggan dan membangun sebuah citra atau brand. Inilah lebih lengkap beberapa keuntungan dengan memiliki blog.