RELATED POST THUMBNAIL DENGAN MARQUEE
RELATED POST THUMBNAIL DENGAN MARQUEE
Kawan blogger, kali ini saya akan membagi pengetahuan tentang bagaimana kita membuat “RELATED POST THUMBNAIL DENGAN MARQUEE”, dan bagi teman-teman yang berminat boleh mengikuti langkah-langkah berikut ini :
Nah, untuk memulainya :
1.Sobat Login dulu ke blogger sobat dengan menggunakan ID Sobat masing-masing
2.Masuk ke rancangan, kemudian klik edit htlm.
3.Setelah itu “Download Template Lengkap” (Untuk jaga-jaga kalo ada yang rusak)
4.Klik “Expand Widget Templates”
5.Temukan kode HTML dibawah ini :
</head>
"kamu bisa memakai (Ctrl+F) untuk menemukan dengan mudah"
6.Setelah ketemu, sobat copy paste script dibawah ini dan letakkan diatas kode no 5
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<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, “Times New Roman”, 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://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<!-- remove --></b:if>
<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, “Times New Roman”, 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://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<!-- remove --></b:if>
7.Kemudian sobat cari kode di bawah ini :
<div class='post-footer-line post-footer-line-1'>
Jika tidak ketemu, mungkin template anda berbeda. Temukan kode ini :
<p class='post-footer-line post-footer-line-1'>
8.Letakkan kode dibawah ini, setelah kode no.7
<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_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</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://tutorialwebforblogger.blogspot.com' style='display:none;'>Blogfuel</a>
</b:if>
</b:if>
<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_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</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://tutorialwebforblogger.blogspot.com' style='display:none;'>Blogfuel</a>
</b:if>
</b:if>
9.Dan yang tidak kalah penting adalah “Simpan Template” sobat dan selesai, bisa dilihat hasil kerja keras sobat.
Selamat berkreasi, Semoga bermanfaat.....
RELATED POST THUMBNAIL DENGAN MARQUEE
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel RELATED POST THUMBNAIL DENGAN MARQUEE diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
0 komentar:
Posting Komentar