Cara Membuat 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

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;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbiRkeZafKnOutQBW7TCzN_x8SDy9BoqrOJnRrFFzOzTIi25KiDCR-oTDy7uX6YW_gaGGDDSsncl4-3r5MpR3QIG-uUtkcS3pPP2CMcy7k7fhf6540IrreA1rVbQKoS_VlhxVmnZduEE/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...