Membuat Related Post Valid HTML 5

Membuat Related Post Valid HTML 5 - Selamat datang di situs media global terbaru Xivanki, Pada halaman ini kami menyajikan informasi tentang Membuat Related Post Valid HTML 5 !! Semoga tulisan dengan kategori blogging !! widget !! ini bermanfaat bagi anda. Silahkan sebarluaskan postingan Membuat Related Post Valid HTML 5 ini ke social media anda, Semoga rezeki berlimpah ikut dimudahkan Allah bagi anda, Lebih jelas infonya lansung dibawah -->


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.
Contohnya seperti gambar dibawah ini:

Membuat Related Post Valid HTML 5

Pembaca akan langsung bisa menemukan judul postingan kita yang berkaitan dengan judul posting. Hal ini dilakukan supaya mereka tidak pergi dari blog kita...

Simak Ya

1. Back up Template Anda sebelum melakukan perubahan apapun!
2. Dari Dashboard Blogger Anda Buka Template > Edit HTML.
3. Simpan kode ini 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_BX1sKVv1m79-rfRSkRjEO3rUHrYsyoHWussJ_I-0zueyQ26oai8BrNJfD5MUSaYfBV795DNkyWSz-IhzHssPXgTiiS0phZa4PeVT2vMvOt7-Ozx3dp-axunPG0apPPmzgAmjJyd_1DN8/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. Tambahkan kode berikut dibawah <div class='post-footer-line post-footer-line-1'>
<!-- 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. Save, lihat hasilnya...

Demikian info Membuat Related Post Valid HTML 5, Semoga dengan adanya postingan ini, Anda sudah benar benar menemukan informasi yang memang sedang anda butuhkan saat ini. Bagikan informasi Membuat Related Post Valid HTML 5 ini untuk orang orang terdekat anda, Bagikan infonya melalui fasilitas layanan Share Facebook maupun Twitter yang tersedia di situs ini.

Previous Post Next Post