Widget Related Post dengan Thumbnail untuk Blogger

Krumpuls - Widget Related Post dengan Thumbnail untuk Blogger - Widget Related Post membantu untuk meningkatkan tampilan halaman per kunjungan. Jika posting blog Anda baik dan sesuai kategori kemudian posting widget pasca tampilan terkait yang terkait dengan kategori tertentu.

Pada kesempatan kali ini Saya akan menyajikan Widget Related Post dengan Thumbnail untuk Blogger,  dalam format horisontal. Yang desain untuk mewarisi Anda blogger gaya tema seperti background, warna font, dll

Widget Related Post dengan Thumbnail untuk Blogger

Pemasangan

• Login ke Blogger.com
• Pergi ke Template > Edit HTML
• Klik Expand Template Widget
• Cari Kode  </head>

Copy kode di bawah ini dan kemudian paste di atasnya

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> .small-title {     color:#000000;     text-transform:uppercase;     font-weight:600;     font-size:120%;     height:30px;     clear:both; } #post-footer-related-post {     margin-top:15px;     margin-left:15px; } .post-footer-related-post-title {     width:110px;     margin-left:5px;     margin-right:5px;     position:relative;     text-align:start;     margin-top:5px;        text-transform:uppercase;     color:#900; } #post-footer-related-post-item {     float:left;     margin-right:10px;     padding:5px; } #post-footer-related-post-item:hover {     border:#999999 dotted 1px;     padding:4px; } #post-footer-related-post-item img {        margin:5px;     border-radius:5px;     -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.59);     -moz-box-shadow:    0px 3px 4px rgba(0, 0, 0, 0.59); } </style> <script type='text/javascript'> var defaultnoimage=&quot;https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2Ne5K39KvByfczSN85pm08rUkDzn_23K7VaFfHIn_fCQgZpqfQjnpn9pL2U85g_iTB17oA-wIXmTnpyE_Au0ZUdldJ0BjOIAIRrPtqYPf6PD6SU3Q3xOoiHSJTIOCvTiM8dcFXCz634/h120/No-Image.png&quot;; var maxresults=4; </script> <script src='http://growtechinfo-com.googlecode.com/files/RelatedPost.js' type='text/javascript'/> </b:if>




Kemudian Cari Kode ini

<div class='post-footer-line post-footer-line-1'>


Atau Bisa juga pasang pada setelah Kode data:post.body



Lalu jangan Lupa Pastekan Kode diBawah ini Tepat Setelah Kode diatas

<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> <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:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/> </b:if>



Dan Terahir Save Template

Demikianlah tutorial saya padakesmpatan kali ini mengenai Widget Related Post dengan Thumbnail untuk Blogger, semoga bermanfaat dan berguna untuk anda semua - Widget Related Post dengan Thumbnail untuk Blogger

widget related post dengan thumbnail untuk blogger. Widget Related Post Terbaru. Widget Related Post Paling Menarik. cara meningkatkan page view. tips blogging. cara merampingkan alexa