Membuat Related Post Atau Baca Yang Lain Dengan Menggunakan Gambar[Untuk Template Putih Atau terang]

Selamat Pagi Sahabat DJ Site Semua,

Khusus Postingan hari ini, saya mau bales reQuest dari salah satu sahabat DJ Site. Dia termasuk Sahabat baik DJ Site yang pasti nongol klo saya postingan hhe… Ini ReQuest dari Sahabat Saka. Sebenernya, tadinya saya males bikin postingannya dan niatnya saya pengen Ngasih Scriptnya di postingannya dia aja, Cuma Bloggernya malah Too Large pas saya pengen Submit Scripnya di Kotak komentarnya dia haha… Jadi, saya posting di Blog saya aja deh….Dan Maaf baru bisa Diposting pagi, soalnya Blognya Sobat kan Warnanya beda sama saya jadi saya bikin Dulu Scriptnya biar diliatnya ga kacau di Templatenya Sobat hhe…..

Sahabat Saya yang satu ini minta Script buat bikin Baca Yang Lain kaya punya saya yang selalu ada diakhir postingan. Sebenernya namanya Related Post, Cuma karena saya lebih suka pake Baca Yang Lain jadi ya namanya jadi baca Yang lain haha…..

Klo ga salah banyak Blogger yang juga mengunakan Related Post ini, Cuma kebanyakan pake yang dari LinkWithin dan berhubung saya kurang suka klo ada bacaan LinkWithinnya jadi saya bikinnya pake Script dan itu yang diminta sahabat Saka.

Sahabat DJ Site yang lain juga boleh ikutan Praktek klo mau, Cuma berhubung ini Tutorial Exclusive buat Templatenya Sobat Saka jadi klo yang templatenya Hitam atau berwarna Gelap ya tunggu ada yang ReQuest baru saya bikinin hhe….

Sebelumnya, kita bersulang Dulu seperti biasa…. Cheerss….(Glek..glek….glek…)

Okeh langsung aja ya:

1. Masuk dulu ke Akun Blogger anda

2. Klik Rancangan pada Dashboard, dan pilih Edit HTML, kemudian centang Expand Widget Template(Buat yang ga yakin Download dulu aja Templatenya)

3. Klo udah cari kode </head> (Biar gampang teken CTRL+F di keyboard anda)

4. Tambahkan script dibawah ini diatas diatas kode </head>

Script Untuk template Warna Putih(yang templatenya terang):

<!--Related Posts with thumbnails Scripts and Styles Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type="text/css"><br />#related-posts {<br />float:center;<br />text-transform:none;<br />height:100%;<br />min-height:100%;<br />padding-top:5px;<br />padding-left:5px;<br />}<br /><br />#related-posts h2{<br />font-size: 1.6em;<br />font-weight: bold;<br />color: black;<br />font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />margin-bottom: 0.75em;<br />margin-top: 0em;<br />padding-top: 0em;<br />}<br />#related-posts a{<br />color:black;<br />}<br />#related-posts a:hover{<br />color:black;<br />}<br /><br />#related-posts a:hover {<br />background-color:#d4eaf2;<br />}<br /></style><br /><script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/><br /></b:if><br /><!--Related Posts with thumbnails Scripts and Styles End-->

5. Cari Kode <div class='post-footer-line post-footer-line-1'> atau buat yang Templatenya ga ada, cari kode <p class='post-footer-line post-footer-line-1'>

6. klo udah ketemu, letakkan kode dibawah ini tepat dibawah salah satu kode diatas

<!-- Related Posts with Thumbnails Code Start-->
<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://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Baca Postinganku Yang Lainnya Yukk!";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

7. Klo udah selesai Klik Save dan lihat hasilnya…..

Nah, yang saya warnain Merah terserah mau diganti apa.....

Gimana? Gampang kan? Iya dund, soalnya saya males bikin Tutorial yang panjang-panjang orang Blog saya bukan Blog tutor haha….Klo Scriptnya ga bisa silahkan laporkan di kotak komentar, tapi harusnya sih bisa klo anda ngikutinnya bener wkwkwkwk…..

Oiya, Buat Sahabat DJ Site semua, ada kabar Gembira nie…. Setelah kemaren saya penasaran kenapa akhir-akhir ini Internet yang saya pake Cepet banget, akhirnya saya tanya di Gerai Telkomsel dan katanya sih bukan Cuma Telkomsel aja yang nambah bandwidth buat Penggunanya tapi seluruh penyedia layanan Internet di tanah air, mau itu Speedy, IM2, 3, Biz, atau lainnya emank akan nambah Bandwidth gratis untuk penggunanya tanpa perlu bayar lebih. Hal ini dikarenakan Bandwidth Internasional naik 40% dari biasanya…Jadi, klo Internet Sobat bandwithnya ga ngaruh atau masih tetep Lemot coba protes sama penyedia Internet yang sobat pake…….

Buat Sahabat DJ Site Semua, happy Blogging yach…….