Monday, November 11, 2013
Browse Manual »
Wiring »
blog
»
cara
»
membuat
»
pada
»
post
»
random
»
Cara Membuat Random Post Pada Blog
Kalau tidak ketemu coba cari post-footer-line
Letakkan kode berikut dibawahnya.
Keterangan:
Cara Membuat Random Post Pada Blog
Cara Membuat Random Post Pada Blog - Blog Kali ini akan membahas tentang Widget pada Blog Terutama yang akan kita bahas pada Blogspot. Random Post , Merupakan salah satu Widget . Bagai mana Cara membuatnya ? Random post ada yang ada di Bawah postingan bisa juga di Side bar . Yang akan kita bahas kali ini tentang random post dengan Thumnail Yang Berada di bawah postingan. Ini juga berfungsi mempercantik tampilan blog.
Langkah-langkahnya Seperti di bawah ini :
- Buka menu Design -> Edit HTML
- Letakkan kode berikut diatas </head>
<!--Related Posts with thumbnails Start-->Lalu cari <p class=post-footer-line post-footer-line-1/>
<!-- remove --><b:if cond=data:blog.pageType == "item">
<style type=text/css>
#related-posts {
float:center;
height:100%;
min-height:100%;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}
#related-posts h2{
font-size: 1.3em;
color: black;
font-family: Arial;
margin-bottom: 0.75em;
}
#related-posts a{
color:black;
}
#related-posts a:hover {
background-color:#eeeeee;
}
</style>
<script type=text/javascript>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIHZeRzn4IVBTEdGJGEMKRRy_a-gwhztd-Ddl1z7E3OzJLsJiI7U_vM11_6U9DVyiE7ZNO6xT2Jg7XeTLTlDkxuc9azdP03W4zy3crM__2ZZt9G2vjjkK5jp_Yrblv0_fZM2S_oQXs787x/";
var maxresults=5;
var splittercolor="#cccccc";
var relatedpoststitle="You might also like:";
</script>
<script src=https://sites.google.com/site/bangkolis/javascript/maskolis.js type=text/javascript/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails End-->
Kalau tidak ketemu coba cari post-footer-line
Letakkan kode berikut dibawahnya.
<!-- Related Posts with Thumbnails Code Start-->Kemudian Save Templatenya.
<!-- remove --><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>
<script expr:src="/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6" type=text/javascript/></b:loop>
<script type=text/javascript>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style=clear:both/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->
Keterangan:
- var defaultnoimage="http://lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/ AAAAAAAADaY/gk-KFA5_m7w/noimage.png" menunjukkan gambar yang muncul pada postingan yang tidak memiliki gambar. Anda bisa mengganti gambar tersebut dengan gambar lain.
- var maxresults=5 menunjukkan jumlah postingan yang muncul pada related post. Silahkan atur jumlah postingan yang mau ditampilkan dengan mengganti angkanya.
- var splittercolor="#cccccc" menunjukkan warna garis pemisah. Ganti cccccc dengan kode warna yang anda inginkan.
- var relatedpoststitle="You might also like:" menunjukkan judul related post. Ganti teks yang berwarna merah dengan judul yang anda inginkan.
Sekian postingan kali ini tentang Cara Membuat Random Post Pada Blog Semoga bermanfaat.
untung mengembangkan blog nya Bisa baca Artikel :
Cara Mudah Memasang Meta TagCara Membuat Breadcrumb SEO FriendlyCara Blog ada Di Halaman satu Google
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment