Kamis, 07 November 2013
Browse Manual »
Wiring »
artikel
»
berisi
»
cara
»
membuat
»
terkait
»
thumbnail
»
Cara Membuat Artikel Terkait berisi Thumbnail
Cara Membuat Artikel Terkait berisi Thumbnail
Seharusnya Cara Membuat Artikel Terkait berisi Thumbnail ini sudah lama saya bagikan biar ngumpul dengan Cara Membuat Artikel Terkait lainnya :y; tapi dasar saya sedikit pelupa ya terlupakan jadinya,
 |
| Screenshot |
Cara Membuatnya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Template - Edit HTML
- Copas script berikut dibawah ]]></b:skin> atau diatas </head>
<!--Artikel Terkait berisi Thumbnail Script-->
<!-- remove --><b:if cond=data:blog.pageType == "item">
<style type=text/css>
#related-posts {float:center;text-align:left;margin: 0 auto 0;text-transform:none;height:100%;min-height:100%;padding:5px 5px 0 5px;}
#related-posts h2{font-size: 1.6em;font-weight: normal;color: black;font-family: Georgia, “Times New Roman”, Times, serif;margin-bottom: 0.75em;padding-top: 0em;}
#related-posts a{color:black;padding:0 2px;margin:0 5px 0;}
#related-posts a:hover{color:black;padding:0;background-color:#999;}
</style>
<script type=text/javascript>
var defaultnoimage=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggFPNV6XYWMxzOuztuwbdo8HNVY6uJ2QhMKPJiL9w-8uQI-C_NyxfMj6ytpUSvGbNxR19oXrA6v7fHbq1WjoaSKrzazu76jnamgPmxA7b2mqhrNTQRiSe8bdKZznOEZnpDvlp6BQDSTrg/s400/noimage.png;
var maxresults=6;
var splittercolor="#ff0000";
var relatedpoststitle="Artikel Terkait";
</script>
<script src=https://sites.google.com/site/blogbegocreation/javascript/related_posts_with_thumbnails_min.js type=text/javascript/>
<!-- remove --></b:if>
<!--Artikel Terkait berisi Thumbnail Script End-->
- Selanjutnya cari <div class=post-footer-line post-footer-line-1>
- Copas Kode berikut dibawahnya
<b:if cond=data:blog.pageType == "item">
<!-- Artikel Terkait berisi Thumbnail Code Start-->
<!-- 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/summary/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7" 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>
<!-- Artikel Terkait berisi Thumbnail Code End-->
</b:if>
- Teks [angka 6 dan 7] yang saya beri warna merah adalah jumlah yang ditampilkan, dengan selisih 1[satu]
- Teks yang saya beri warna Biru adalah Judul silahkan disesuaikan
- Simpan Tmplate kawan
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar