Related Posts Widget dengan Thumbnails

Apakah setiap blogger akan tertarik dengan ini? Banyak pengunjung yang menginap di blog mereka untuk selama mungkin.
Menampilkan link ke posting tematis terkait bersama-sama dengan thumbnail dari setiap posting yang sesuai akan membantu Anda meningkatkan tampilan halaman / jumlah pengunjung. Pengguna akan tergoda untuk memeriksa posting terkait ketika mereka disajikan dengan thumbnail yang menarik.

Widget ini sedikit bergaya,yaitu dengan menggunakan thumbnail sebagai media yang dihasilkan oleh Blogger untuk setiap postingan.

Widget ini akan menggunakan gambar pertama yang diupload ke dalam postingan menggunakan uploader Blogger atau alat eksternal (Live Writer, dll)

Widget Realited Post

Bagaimana menginstal Widget Related Posts dengan Thumbnail di Blogger

Silakan ikuti langkah-langkah dibawah ini untuk menginstal widget realited post untuk blogger dengan thumbnail:

  1. 1. Masuk ke Blogger, kemudian pergi ke Dashboard -> Template (lama: Layout) -> Edit HTML.
  2. Centang kotak di sebelah pojok atas "Expand Template Widget".
  3. 3. Kemudian silahkan cari kode berikut (Gunakan Ctrl + F)

    </head>

  4. Ganti kata tag dengan

    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <!-- remove -->
    < b:if cond ='data:blog.pageType ==&quot;item&quot;'>
    < style type ="text/css">
    #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; }
    #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia,&#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; }
    #related-posts a{ color:black; }
    #related-posts a:hover{ color:black; }
    #related-posts a:hover { background-color:#d4eaf2; }
    </ style >
    < script type ='text/javascript'>
    var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupuP2Zc2p3PJp8POhGQRH5NEoMIXt97YUis4mUKeJV_mt-5EHH1ZLBkLmTCwMCnQDrFFq29lwefEUyDgk9hZNDKOiOLqESrCyJJ3i8Zlp1eWCElNrvxZH5B5SwKhVOASZtbtZg9Pu3yw/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Related Posts";
    </ script >
    < script src ='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
    <!-- remove --> </ b:if >
    <!--Related Posts with thumbnails Scripts and Styles End-->
    </ head >

  5. Kemudian cari lagi

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

    Jika Anda tidak dapat menemukan baris ini, silahkan cari dengan code berikut

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

  6. Salin dan sisipkan kode berikut segera setelah salah satu baris (mana yang Anda berhasil temukan):

    <!-- Related Posts with Thumbnails Code Start-->
    <!-- remove -->
    < 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'/>
    <!-- remove --> </ b:if >
    < b:if cond ='data:blog.url== data:blog.homepageUrl'>< b:if cond ='data:post.isFirstPost'>
    < a href ='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/'><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
    </ b:if >
    </ b:if ><!-- Related Posts with Thumbnails Code End-->

  7. Anda dapat mengatur jumlah maksimum posting artikel terkait yang ditampilkan dengan mengedit baris berikut di kode:

    var maxresults=5;

    Catatan: Anda juga harus mengedit postingan per label (idealnya, harus lebih dari satu maxresults):

    max-results = 6

    Silahkan anda sesuaikan sendiri

Bagaimana untuk menampilkan posting terkait pada setiap halaman dan tidak hanya pada halaman posting?

Hanya menghapus dua baris yang dimulai dengan <- remove -> dari langkah 2 serta langkah 3.

Line

<!-- remove --> <b:if cond='data:blog.pageType == "item"'>

Dan

<!-- remove --></b:if>


PENTING: Jika script tidak bekerja untuk Anda secara benar (atau tidak sama sekali), maka silakan melakukan perubahan anda sendiri

Selamat mencoba!
thumbnail
Judul: Related Posts Widget dengan Thumbnails
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh

Artikel Terkait Blogger :

 
Copyright © 2013. About - Sitemap - Contact - Privacy
Template Seo Elite oleh Bamz