Hay !
Udah lama Gk ketemu Nih :D heheehe.. Maaf Ya Jarang Posting :D Tugas Sekolah Numpuk Hampir Segunung T_T XD Oke Lah Postingan Kita Kali Ini Tentang Tips And Trick Blogger :) Yang Berjudul, 'Tips Membuat Related Post Dengan Thumbnail'sebenar nya Artikel Ini Memang Sudah Lama Dan Sudah Banyak Di kenal, Saya Sengaja Memposting Ulang Agr Sobat Blogger Tau ! :D Oke Langsung Ke Tuturial nya :)
- Login Blogger (klo gk punya blog gmna cara bikin nya --")
- Masuk Ke Menu Template
- Centang "Expand Template Widget"
- Lalu Cari Kode </head> dan letakkan CSS di bawah ini Di atas Kode Tadi
<b:if cond='data:blog.pageType == "item"'>Selanjut Nya Kamu Atur Sendiri CSS nya :P
<style>
#related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 20px; font-weight: bold; color: white; font-family:'Baumans', sans-serif; margin-bottom: 0.75em; margin-top: 0em;margin-left:63px; padding-top: 0em; } #related-posts a{ color:white; } #related-posts a:hover{ color:#1d2124; } #related-posts a:hover { background-color:#1d2124; }
</style>
</b:if>
Dan Ini Script nya Letakkan Juga Di atas Kode </Head> tadi
<script type='text/javascript'>/*<![CDATA[*/var defaultnoimage="http:var maxresults=7;var splittercolor="#0000";var relatedpoststitle="See More Aritcle";/*]]>*/</script>
<script src='http://goo.gl/uCDCV' type='text/javascript'/>
Dan Ini HTML nya Letakkan Di bawah Kode Data:Post.body
<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=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'>var currentposturl="<data:post.url/>";var maxresults=7;var relatedpoststitle="See More Article";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script> </div><div style='clear:both'/></b:if>
Sumber : http://xkresssx-technology.blogspot.com
Backlinks Please Thanks
| URL |
| Code For Forum |
| HTML Code |
Anda Sekarang Sedang Baca Artikel Tentang Membuat Related Post Dengan Thumbnail , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Membuat Related Post Dengan Thumbnail ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Membuat Related Post Dengan Thumbnail Sumbernya. Thank's
Posting Komentar - Back to Content