ingin membuat newticker seperti di bawah ini silahkan lihat di sini

Artikel Terkait dengan Gambar


Ketika mondar mandir untuk mencari cara membuat artrikel terkait, saya menemukan beberapa info dari bloger dan dari banyak info itu ku mencoba untuk mengambil beberapa hal yang menarik dan dapat ku terapkan di blog ku. sedikit cara yang dapat saya bagikan adalah membuat artiket terkait dengan gambar. mau mencoba!!!! ikuti langkah langkah dibawah ini.

1 Login ke Blogger
2 Masuk ke "Tata Letak - Edit HTML"
3 Checklist "Expand Template Widget"
4 Cari kode </head> dengan cara ctrl + f
5 copas kode dibawah ini tepat diatas </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <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,
&#8220;Times New Roman&#8221;, 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://theplick.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> </b:if>
Cari kode <div class='post-footer-line post-footer-line-1'>
 jika tidak ada cari <p class='post-footer-line post-footer-line-1'>

7.(copy paste) kode dibawah ini tepat dibawah kode pada langkah 6:
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/> </b:if> </b:loop> <a href='http://the-plick.blogspot.com/2010/07/integrasi-artikel-terkait-dengan-gambar.html' style='display:none;'>Related Posts with thumbnails for blogger</a> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Artikel Terkait"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div> <div style='clear:both'/> </b:if>

8 Simpan template dan preview
Untuk merubahjumlah artikel terkait silahkan mengganti var maxresults=5;
can untuk mengganti nama "artikel terkait" cari 
kode var relatedpoststitle="Artikel Terkait"; 
terserah anda mau mengganti apa aja kata katanya
dan akhir kata selamat mencoba.


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




The Plick Updated at: 7:07 PM

3 komentar :

  1. iya sob, tp koq mirip widget Link Within ya scara tampilannya, ga jauh beda bgt sob, cm beda pada script n cara pasang, kl link within kan bs copas ke dlm Gadget HTML/Javascript, nah kl pny mu ini perlu edit html dl ... :D

    ReplyDelete
  2. Saya senang dengan penampilan blog kamu, very nice and briliant..tks:I

    ReplyDelete

Silahkan Comment dan Tinggalkan link, Blog Ini DoFollow sehingga anda mendapatkan backling dari blog ini. Terima Kasih

Back to top