Cara pasang related post tanpa ada gambar

 on Wednesday  

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 :

<!--Related Posts Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, &#8220;Times New Roman&#8221;, 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/AVvXsEjHV0F2gA11A2-o92OwDpk4QWk2bfCj7wDzn7FozybeYfOUb5qnghHzfO220LhCpahPWLx0ET8H8dDH54VRNYa-L8TAHbUZjEziBK0SYVGiyX7qQo-oIWG2SbC_XSEIGnHlbXOygNQUYCo/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>
<!--Related Posts Scripts and Styles End-->
</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 :

<!-- Related Posts Code 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&amp;max-results=6&quot;' 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=&quot;<data:post.url/>&quot;;


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

</b:if>
<!-- Related Posts Code End-->

**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.

Cara pasang related post tanpa ada gambar 4.5 5 dian Wednesday Jika sebelumnya saya pernah posting tentang cara membuat related posts with thumbnails dan untuk kali ini saya akan posting serupa tapi tak ...


6 comments:

  1. salam, saya buat ikut seperti ini juga kemapa tak boleh ya?terima kasih

    ReplyDelete
  2. 1.Masuk ke blogger dashboard-->Klik layout- -> Klik Edit HTML

    2.Klik on "Expand Widget Templates"

    3.Cari kod </head> tag.(nak mudah tekan (ctrl+f)

    4.Copy kod tersebut dan letakan sebelum </head>

    @pastikan anda gantikan </head> jgn ada dua </head>

    ReplyDelete
  3. ko kode ke dua gak ada di template saya om

    klo ada kode lain kasih tau ya om
    Download Alliance

    ReplyDelete
  4. http://www.egy-download.com/2013/04/Program-Hotspot-Shield.html تحميل هوت سبوت

    ReplyDelete

J-Theme