Related Post sering disebut Artikel Terkait mempunyai peran penting pada blog, fungsinya untuk menautkan artikel yang terkait dengan artikel yang sedang
dibaca pengunjung. Ketika mereka memasuki blog kita, mereka akan berpindah lagi ke
artikel lainnya melalui artikel terkait tersebut, sebenarnya sudah banyak cara
di google mengenai cara membuat artikel terkait di blog, tapi akan saya bahas lagi di blog ini. Related Post ini valid html5 dan tidak memakan loading
blog dan Seo friendly. Simak Cara Membuat Related Post Valid HTML5
Cara Pemasangan
Silahkan anda masuk ke dashboard blogger
sobat kemudian masuk ke menu Template > Edit HTML, kemudian cari kode
Langkah berikutnya letakkan kode ini dibawah
]]></b:skin> lalu letakkan kode dibawah ini tepat
diatasnya#related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10p
#related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
#related-post li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx8eTFBCghTWS23mEK5PE-nVB55Ab1mpe7Bufk0DLoYXYENwRoWQDgmqTazIbThcIOgyBGynXKwdCWuV8lZhStBU5SzDMP-wHaFVq0w-3Vfs12KH8W96_bY4czz8fF256V_yN4M7bGOE14/s1600/bullet.png) no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin:0;padding:0 0 3px 19px}
#related-post .widget{margin:0;padding:0}
#related-post ul{list-style:none;margin:0;padding:0}
<data:post.body/> atau <div class='post-footer-line post-footer-line-1'> tentunya letakkan di bagian bawah html
artikel blog anda<div id='related-post' class='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Artikel Terkait:</h4>",
numPosts: 5,
titleLength: "auto",
containerId: "related-post",
newTabLink: false,
widgetStyle: 1,
callBack: function() {}
};
</script>
<script type='text/javascript' src='https://kang-is.googlecode.com/svn/trunk/javascript/related-post.min.js'/>
</b:if>
<!-- Related Post Widget Selesai-->
Demikianlah cara membuatnya. Jika masih kurang jelas atau ada eror silahkna komentar di bawah. Salam
0 komentar :
Posting Komentar