Cara Membuat Related Posts Valid HTML5 #Lengkap dan Mudah!

Cara Membuat Related Posts Valid HTML5 #Lengkap dan Mudah! (Full Speed)

Cara Membuat Related Posts Valid HTML5 atau juga artikel terkait tujuannya yaitu untuk mempermudah pengunjung blog melihat artikel kita yang lainnya selain yang dia baca. Dan untuk menjadikan blog agar seo friendly menurut pakar seo yaitu dari Belajar SEO dan Blog untuk Pemula. Nah, untuk itu saya bagikan ini untuk anda yang ingin menggunakan artikel terkait ini..

Dan apalagi related post (artikel terkait) ini sudah Valid HTML5. Kebetulan  related post ini saya dapatkan dari blog Kang Ismet. Berikut dibawah ini adalah gambarannya, kalo demonya kalo ga salah ada ko di blog Kompi Ajaib.

Cara Membuat Related Posts Valid HTML5

1. Untuk Cara Membuat Related Posts Valid HTML5, Silahkan anda masuk ke blogger/dasbor > template > backup template terlebih dahulu untuk jaga-jaga bila ada kesalahan dalam mengedit. > pilih Edit HMTL

2. Letakan kode dibawah ini di atas ]]></b:skin> atau </style>

#related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10px 0px}
#related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
#related-post li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/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}

3. Tambahkan kode ini dibawah kode <div class='post-footer-line post-footer-line-1'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
numPosts: 5,
titleLength: &quot;auto&quot;,
containerId: &quot;related-post&quot;,
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>

4. Simpan template dan lihat hasilnya..

Semoga Cara Membuat Related Posts Valid HTML5 ini bisa bermafanfaat untuk anda sekalian yang belum mengetahui tentang Cara Membuat Related Posts Valid HTML5 #Lengkap dan Mudah!. Saya harap dengan adanya potingan kali ini dapat anda terapkan dengan tidak terjadi keslahan dan kebetulan sudah lama sekali saya tidak update karena kesibukan sekolah saya mohon maaf, oke cukup sekian dan terimakasih!