How To Make Related Post Valid on HTML 5

Related Posts digunakan untuk memudahkan pembaca menemukan artikel pada “label” yang sama. Selain pada label yang sama, related post ini juga membuat random artikel, sehingga bukan hanya artikel yang terkait saja yang akan muncul.

Tanpa basa-basi lagi, inilah tutorialnya!

1. Buka Blogger.com
2 . Pilih Blog sobat > Template > Edit HTML
3. Copy semua kode dibawah ini, lalu paste di atas ]]></b:skin> 

#related-post {
background : none;
width : 100%;
margin-top : 35px;
margin-bottom : 10px;
padding : 5px 0 10px 0;
}
#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) 1px 5px no-repeat;
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;
}
 
4. Cari/Find <div class='post-footer-line post-footer-line-1'> lalu copy kode dibawah ini
<!-- Related Post Widget Start -->
<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='http://yourjavascript.com/2214513241/related-post.js'/>
</b:if>
<!-- Related Post Widget End -->
 
5. Simpan Template
 
 
Semoga membantu!  
 
Source: afowles | Dian Anarchyta 

Tags: tutorial

Posting Terkait "How To Make Related Post Valid on HTML 5"

Cara Mudah Cegah Penyakit Pancaroba Saat Pergantian Musim
Ladies, panas dalam tak boleh dibiarkan saja.
Obat Tulang Keropos
Cara Yang Ampuh Untuk Mengobati Tulang Keropos
Cara Mengobati pembengkakan pada testis
Mengalami pembengkakan pada testis? Buah kemaluan anda
Obat untuk membersihkan rahim karena keguguran
Mengalami keguguran? Bingung cara membersihkan rahim bagaimana?

Tinggalkan pesan "How To Make Related Post Valid on HTML 5"