• Breaking News

    Blog Pendidikan, Contoh Makalah, Contoh Naskah Drama, English Text, Contoh Resensi, Contoh Surat

    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://lh6.googleusercontent.com/-JUDBJe1M9VM/UO_EzcGxZtI/AAAAAAAAAFI/M_QYaQ4iV-E/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

    Fashion

    Beauty

    Travel