Menambahkan Widget Related Post E3

Posted on | January 4, 2013 | 2 Comments

Widget Related Post E3

Menambahkan widget related post di bawah post merupakan salah satu cara terbaik agar pengunjung bisa lebih betah dengan blog anda dan dapat meningkatkan pageview.




Intruksi:

1. Pergi ke blogger.com.
2. Dari Dashboard>Template>Edit HTML.Download template untuk back up template anda.
3. Beri tanda tick pada box Expand widget template.
4. Tekan CTRL + F cari kode </head>.
5. Tambahkan KODE CCS di atas kode </head>.

KODE CCS
<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; font-size } #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: #6E6E6E; color: #fff; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrTXXlooMFNg35DyNI5LQdmbbhbnK4pQk296kp_dF70u6n1RRUzeta6g9LVm81fLLL-0e9eRAau-56tP7TtNNlAHUQCz5bQy4gq4a_yz5pksbv1xtEwrQEYXn9Z4xpMqzqUJemenAJ6o/s400/noimage.png"; var maxresults=6; var splittercolor="#d4eaf2"; var relatedpoststitle=""; </script> <script src='http://dtb-blogger.googlecode.com/files/related-posts.js' type='text/javascript'/> </b:if>  

Pengaturan:
emukan kode di bawah ini untuk megganti background widget #related-posts a:hover { background-color: #6E6E6E; color: #ffffff; 

Temukan salah satu kode di bawah ini!
1.<div class='post-footer'>
2.<div class='post-footer-line post-footer-line-1'/>
3.<div class='post-footer-line post-footer-line-2'/>
4.<div class='post-footer-line post-footer-line-3'/> Tambahkan WIDGET CODE di atas salah satu kode tersebut atau di bawah kode <div class='post-footer'>     

WIDGET CODE
   <!-- Related Posts with Thumbnails 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_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script><br /> </div> <div style='clear:both'/> </b:if><br /> <!-- Related Posts with Thumbnails Code End-->

Temukan kode var maxresults=6;,Ubah "6"untuk menampilkan jumlah posting pada widget.

Comments