Cara Pasang Related Post Tanpa Ada Gambar
Jika sebelumnya aku pernah posting wacana cara menciptakan related posts with thumbnails dan untuk kali ini aku 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 aba-aba dibawah ini : </head>
Kemudian gantikan dengan aba-aba di ini :
</script>
<script src='http://mastergomaster.googlecode.com/files/related.js' type='text/j4vascript'/>
</b:if>
<!--Related Posts Scripts and Styles End-->
</head>
**Tulisan Related Posts boleh anda ganti mengikut kesesuaian dan harapan 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 aba-aba dibawah ini dibawah aba-aba di atas :
**Pada var maxresults=5; gantilah angka 5 bila 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. Sumber http://johanrakyat.blogspot.com
Setelah anda login pada blogger .com cari aba-aba dibawah ini : </head>
Kemudian gantikan dengan aba-aba di ini :
<!--Related Posts Scripts and Styles Start-->";
<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/AVvXsEgSqT2nuXIqV7M9Xy97M0kVHtGzotM9RgkjTvX1veMo4oD3nF2Im_YRIy6SEKkXoBkpgwzX5nZ353CjM1voBP9TFPqmqzALhM1JaSRJNYmin2E1u2hmZdw5vI8ILXIWOYagqG7ENWCDCAY/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/j4vascript'>
var relatedpoststitle="Cara pasang related post tanpa ada gambar"color: blue;">Related Posts
</script>
<script src='http://mastergomaster.googlecode.com/files/related.js' type='text/j4vascript'/>
</b:if>
<!--Related Posts Scripts and Styles End-->
</head>
**Tulisan Related Posts boleh anda ganti mengikut kesesuaian dan harapan 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 aba-aba dibawah ini dibawah aba-aba di atas :
<!-- Related Posts Code Start-->
<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/j4vascript'/></b:if></b:loop><a href='penaagakmacet.blogspot.com/search?q=related-posts-tanpa-gambar-atau-image' style='display:none'>Related Posts Widget</a>
<script type='text/j4vascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
<!-- Related Posts Code End-->
**Pada var maxresults=5; gantilah angka 5 bila 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. Sumber http://johanrakyat.blogspot.com
0 Response to "Cara Pasang Related Post Tanpa Ada Gambar"
Posting Komentar