Breaking News
Loading...

Cara Membuat Related Post

Beberapa hari saya ingin seklai membuat sebuah article yang ada dibawah postingan kita. Lantas hal tersebut akan membuat tampilan blog jadi lebih menarik. Berikut cara membuat related post tersebut.


Pertama silahkan masuk pada menu edit HTML, cari kode </head>. Letakkan persis diatas kode tersebut.
<!--Related Posts jijihans.com Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://my-project-favicon.googlecode.com/files/relatedposts.js.txt' type='text/javascript'/>
</b:if>
<!--Related Posts jijihans.com Styles End-->
Belum selesai prosesnya. Lalu cari lagi kode <data:post.body/>, dan kopi kode dibawah ini persis dibawah kode diatas.


<!--Related Posts mari-berbagi244.blogspot.com Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://jijihans.com/' style='display:none;'></a>
</b:if>
</b:if>
<!--Related Posts mari-berbagi244.blogspot.com Styles End-->
 Selesai. Save dan lihat hasilnya.

Mengenai warna diatas, bisa diganti dengan sesuai keinginan teman2.
Orange : Judul
Merah : Banyaknya tampilan
Biru : link

0 komentar:

Post a Comment

 
Toggle Footer