Cara Membuat Artikel Terkait di Blog
Awalnya sich aku bingung gmna caranya buat Related posts/artikel terkait, tapi akhirnya berhasil juga.. hehe
Sekarang, aku pengen bagi-bagi ilmu ne... ya.. meskipun masih baru belajar sich.. hehe
Untuk membuat artikel terkait di blog, berikut adalah langkah-langkahnya :
- Seperti biasa, login dulu ke blog anda
- Klik Design - Template
- Klik Edit HTML
- Jangan lupa simpan Template aslinya untuk jaga-jaga
- Cari kode: </head> (gunakan CTRL+F untuk mempermudah mencarinya)
- Copy kode di bawah ini dan letakkan di atas kode </head>
<style>
#related-posts { float : left; width : auto; 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4h1Vb4ZJbsxPoW-_tIvjAIHhw3Gn9WsBJQNzza6_8YewkrQxGRnNXfAcLWrj5cYMPg7-r-v6F7tPqQIkyrwA8kI7yJJ_3z_9R9zVdkdlaoIu4NUFdNbpSvWSTnQhXK5UYT3mC3R1ijwQ/s1600/rss.png
") no-repeat 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://oktriblogger.googlecode.com/files/related-post-tutorialbelajarblog.js'
type='text/javascript'/>
- Cari kode <data:post.body/> atau <div class='post-body> kemudian copy kode di bawah ini, letakkan persis di bawahnya.
<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
!= "true"'>,</b:if><b:if
cond='data:blog.pageType == "item"'> <script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&callback=related_results_labels&max-results=5"'
type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates();
printRelatedLabels(); </script> </div></b:if>
- Simpan Template anda
- Lihat hasilnya
Perhatian!! Biasanya Kode HTML <data:post.body/> ada yang lebih dari 3, untuk meletakan kode di atas Biasanya dibawah <data:post.body/> yang ke2 atau sesuaikan dengan template anda.
Untuk kalimat yang saya tandai merah “Related Posts“ bisa anda ganti dengan kalimat ”Artikel terkait“, “Baca Juga Yang Ini“, ”Baca Lagi Yang Ini” dan atau terserah dengan kalimat anda. agar pembaca tertarik untuk membaca artikel dalam blog kita.
Sumber: http://setyabloggerslalu.blogspot.com/2013/03/cara-membuat-artikel-terkait-di-blogger.html#close
