Cara Membuat Related Post Fast Loading

Cara Membuat Related Post Fast Loading - Kali ini saya berbagi dengan sahabat blogger tentang related post yang boleh di bilang super wussh . karena artikel terkait ini sifatnya sangat cepat loading . trik ini saya ambil dari kang mahfud pemilik blog fullblogdesign . berikut scrennshotnya

Cara Membuat Related Post Fast Loading

Berikut langkah-langkah Cara Membuat Related Post Fast Loading :

1. Masuk ke akun Blogspot sobat
2. Pilih menu Template => EDIT HTML
3. Cari kode </head> ( gunakan CTRL+F secara bersamaan untuk mempermudah pencarian )
4. Letakan kode di bawah ini tepat dibawah kode tersebut

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEd6dAPjtXXsa2Q9jr_REuEDW5Vpc7GZYkitREnm2MFDSVQLyZVVpW-pvivTKkUiynQKVcfBFhmHuW39lZLxGqhhXGmOljbYIYWCIc9OsPMJIXsqLHGIJGUBa2E2_jPUo96Zz9WFFOIDY/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://kangmahfid.googlecode.com/files/relatedposts.js' type='text/javascript'/>

5. Kemudian cari kode <div class='post-footer'> ( pilih kode yang kedua )
6. Letakan kode dibawah ini tepat di atas kode tersebut

<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

6. Simppan Template dan lihat hasilnya pada template sobat

NB : jika cara di atas tidak bisa diterapkan diblog sobat cara mengatasinya adalah  letakan cara yang ke 6 tepat di bawah kode <data:post.body/> yang terakhir
Share This Article Facebook +Google Twitter Digg Technorati Reddit

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.


Baca Juga Artikel Terkait Lainnya

Silahkan bertanya sesuai dengan artikel yang telah anda baca diatas.
Link aktif otomatis terseleksi ke SPAMMER.
Alasan komentar anda tidak terjawab adalah OOT atau diluar kemampuan Admin.


Thanks For Your Comment Here