cara membuat "Related post " di blog
related post itu sangat membantu bagi para pembaca yaitu untuk memudahkannya dalam pencarian judul di blog. untuk lebih jelasanya lihat di postingan paling bawah, itulah yang dinamakan related post.
untuk cara pembuatannya silahkan ikuti langkah2 di bawah ini dengan seksama:
Berikut Panduannya :
- Seperti biasa sob blogger mesti Login dulu ke akun blog sobat
- Setelah login,klik TEMPLATE
- Klik EDIT HTML
- pastikan Centang "Expand Widget Templates" untuk berjaga2
- Sekarang cari kode </head>
,untuk pencarian termudah silahkan sobat tekan Ctrl + F pada keyboard komputer sobat trus masukkan kode tersebut nanti hasilnya kode tersebut akan disorot warna hijau.
<b:if cond='data:blog.pageType == "item"'>
<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>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9l_FXPrlDJX4m_lrZxhY0APCS9Rf4-jgnJwCYROaClKmJjNufHAhFws0lKBIZmubrjVfkv2ygizvPCdsNvncgrqrgHof5XuMXhf_suKT6N1g19vOMBkv8X01dWaXT_dUrAAgjEjUhOTg/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
</b:if>
8. Langkah selanjutnya sobat cari kode
<div class='post-footer-line post-footer-line-1'>
9. Cara mencarinya sama seperti panduan no.5
10. Jika sobat tak menemukan kode tersebut,silahkan sobat cari kode
<p class='post-footer-line post-footer-line-1'>
11. Copy dan Paste kode di bawah ini dan letakkan setelah/di bawah kode di atas
<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <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:loop>
mungkin cukup sampai disini saja postingannya semoga bermanfaat bagi kita semua
terimakasih
Categories:
BLOGGER
0 komentar:
Posting Komentar