05 February 2014

Cara Membuat Related Post Ala Fastest Magz

Related Post Ala Fastest Magz

Cara Membuat Related Post Ala Fastest Magz - Hai Sobat Blanter dulu waktu template saya belum fastest magz, saya mencari-cari, Related post yang seperti Fastest Magz, dan sekarang saya sudah menggunakan template Fastest magz, dan saya juga berfikir apakan diluar sana ada yang mencari-cari Related post ini juga, dan mungkin ada.. jadi lebih baik saya memberikan Related Post ala Fastest Magz ini deh... kasihan mereka :D

Langkah Pertama : Lihat Gambar Dibawah Ini... dan masukan kodenya mirip seperti gambar dibawah ini... yang ditandai warna merah
Cara Memasukan Kode

Langkah Kedua : Masukan Kodenya,,, Ingat Harus Melihat Gambar Terlebih Dahulu...!

<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#at-gambar{background:#f2f2f2;padding:12px;margin:6px 0 0;border:1px solid #f2f2f2;overflow:hidden;}#at-gambar h2{font-family:&quot;Oswald&quot;, Arial, Sans-Serif;font-weight:600;font-size:1.5em;padding:0 0 10px;margin:0}#at-gambar a{background:#f8f8f8;font-family:&#39;Oswald&#39;,Verdana,Sans-serif;color:#4b4b4b;box-shadow:0px 2px 2px #f0f0f0;overflow:hidden;text-align:center;font-size:12px;font-weight:400;border:1px solid #f8f8f8;text-decoration:none;margin:0 5px 5px 0;padding:6px;float:left;}#at-gambar a img{width:100px;height:98px;}.box-related{width:100px;padding-left:3px;height:50px;border:0px none;margin:0 0 5px;padding:0pt;line-height:normal;font-stretch:normal;}#at-gambar a:last-child{margin-right:0px;}#at-gambar a:nth-child(1):hover{box-shadow:0px -3px 0px #E50700 inset;}#at-gambar a:nth-child(2):hover{box-shadow:0px -3px 0px #0084C5 inset;}#at-gambar a:nth-child(3):hover{box-shadow:0px -3px 0px #6CAC00 inset;}
#at-gambar a:nth-child(4):hover{box-shadow:0px -3px 0px #00C3B7 inset;}
#at-gambar a:nth-child(5):hover{box-shadow:0px -3px 0px #FF8168 inset;}#at-gambar a:hover{box-shadow:0px -3px 0px #FF8168 inset;}#at-gambar a:nth-child(1):hover,#at-gambar a:nth-child(2):hover,#at-gambar a:nth-child(3):hover,#at-gambar a:nth-child(4):hover,#at-gambar a:nth-child(5):hover,#at-gambar a:hover{background:#fff;}#at-gambar img{width:100%;margin:0;padding:0}


#posting{width:auto !important;max-width:100%;margin:15px 20px 15px 0px;}
</style>
<script> var defaultnoimage = &quot;http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s100/picture_not_available.png&quot;; var maxresults = 5; var splittercolor = &quot;#d3d3d3 &quot;; var relatedpoststitle = &quot;Related Posts :&quot;; </script>
<script src='http://yourjavascript.com/1376828511/terkait-v8.js' type='text/javascript'/>
</b:if>
Jika ada pertanyaan, bisa lewat komentar,, admin pasti menjawab pertanyaan lewat komentar.

Semoga Bermanfaat...

 Jangan Lupa Klik Tombol Like dan Tombol Share Yaa... 
SUBSCRIBE TO OUR NEWSLETTER

Add Your Comments

bold <b></b>
italic <i></i>
underline <u></u>
HTML <code></code> use Parser

Emoticon
Parser
Out Of Topic
😊
😉
😀
😁
😎
😍
😜
😑
😇
💖
😯
😱
😭
👍
🍻