Cara Membuat Reated Post di Blogger

12:07 AM in Blogger, Template, Tutorial

Pingin Reated post di blog kamu seperti gambar di atas? Caranya gampang gan, silakan ikuti tutorial berikut ini. Reated post berfungsi untuk menarik perhatian pengunjung yang membaca sebuah artikel setelah selesai membaca artikel pas di bawahnya ada artikel yang berkaitan dengan artikel yang sedang di baca pasti orang tersebut akan membaca artikel yang berkaitan (karena penasaran :D).

Ok untuk membuatnya ikuti langkah - langkah di bawah ini :

1. Login ke blogger

2. Klik Rancangan/design , klik edit HTML kemudian contreng Expand Widget Template

3. Kemudian cari kode </head> dengan menekan F3 atau Ctrl F untuk memudahkan proses pencarian

4. Salin kode dibawah ini tepat di atas kode </head>

<b:if cond=’data:blog.pageType == "item"’><br /> <style type=”text/css”> #related-posts { float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px; } #related-posts h2{ font-size: 1.6em;font-weight: bold;color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em; } #related-posts a{color:black;} #related-posts a:hover{color:black;} #related-posts a:hover {background-color:#d4eaf2;} </style><br /> <script src=’http://jiox.googlecode.com/files/sambung.js’ type=’text/javascript’/> </b:if>

5. Kemudian cari kode dibawah ini

<div class=’post-footer-line post-footer-line-1′>

Kalau kode diatas tidak ada cari kode di bawah ini

<p class=’post-footer-line post-footer-line-1′>

6. Salin kode di bawah ini setelah kode diatas

<b:if cond=’data:blog.pageType == "item"’><br /> <div id=’related-posts’><b:loop values=’data:post.labels’ var=’label’><br /> <b:if cond=’data:label.isLast != "true"’><br /> </b:if><br /> <b:if cond=’data:blog.pageType == "item"’><br /> <script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"’ type=’text/javascript’/></b:if></b:loop><a href=’http://alkatro.com/’ style=’display:none;’>simple tips</a> <script type=’text/javascript’> var currentposturl="<data:post.url/>"; var jumlahpost=7;var judulnya=”Artikel Terkait”; removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs(); </script><br /> </div><div style=’clear:both’/></b:if>

7. Kalau sudah save template

Selamat mencoba
Semoga berhasil :)