Cara pasang related post tanpa ada gambar

Posted by Tips Trick Blogger Wednesday, April 13, 2011 1 comments

Jika sebelumnya saya pernah posting tentang cara membuat related posts with thumbnails dan untuk kali ini saya akan posting serupa tapi tak sama iaitu "pasang related post tanpa gambar".Okey sambung kembali tutorial ini dan inilah "Widget Related Posts"

Setelah anda login pada blogger .com cari kode dibawah ini : </head>

Kemudian gantikan dengan kode di ini :

<b:if cond='data:blog.pageType == "item"'>
<style>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;

}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj40Bw0FcvAcVMhdh2UpWtJ-91BZO8Y659QAQ-22ElMJWOoenUU2yuCQnlhW6U5HwNKdMgLUUcX563SZKraHKb11lV6phiJpPs0AacTVmiyjElX_noKMg8q4vMoJZYQDA2551ew6-kIp8M/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>

<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://mastergomaster.googlecode.com/files/related.js' type='text/javascript'/>

</b:if>

</head>

**Tulisan Related Posts boleh anda ganti mengikut kesesuaian dan keinginan anda.

Sekarang cari kode ini : <div class='post-footer-line post-footer-line-1'>

Kalau tak jumpa,cuba yang satu ini :<p class='post-footer-line post-footer-line-1'>

Letakkan kode dibawah ini dibawah kode di atas :

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.mastergomaster.com/2010/03/related-posts-tanpa-gambar-atau-image.html' style='display:none'>Related Posts Widget</a>

<script type='text/javascript'>
var currentposturl="<data:post.url/>";

var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>

</b:if>

**Pada var maxresults=5; gantilah angka 5 jika anda mahu atau lebih mengikut kesesuian anda inginkan.

Simpan dan klik Save Template,
Sekian, dan terima kasih kerana sudi mencuba tutorial yang tak seberapa ini.

Adsense Content. bottom of article

1 comments:

HuSinZ said...: mantaf gan script related postnya
sudah keliling2 nyari yang sederhana kaya gini ga ktemu2
biasanya yang ktemu yang ada scrol dan thumnailnya

dan yang ini scriptnya mudah di modif warna dan ukurannya,,
_____________
thanks gan :D; May 31, 2012 at 10:48 AM

Trick Untuk Blogger

Cara pasang related post tanpa ada gambar

If You Like This Post, Share it With Your Friends & Peers

Related Posts by Categories

1 comments:

Post a Comment

Feedjit