Mengatasi Gambar Thumbnail Blur Dan Terpotong Di Blogger

Mengatasi Gambar Blur Dan Terpotong Di Blogger

Tutorial Cara Mengatasi Gambar Thumbnail Yang Ngeblur Di Blog

Memperbaiki Gambar (Image) Thumbnail Terpotong, Buram, Blur, Tidak Jelas di Homepage Blogger. Pada tutorial kali ini saya akan memberikan script untuk mengatasi gambar Thumbnail Homepage Blogger yang Ngeblur atau Terpotong..

Ada banyak cara untuk mengatasi Gambar (Images) Thumbnail blog yang ngeblur, tergantung dari pemanggilan Image untuk ditampilkan pada homepage blog / related post atau pada Popular Post blogger kalian..

Sebelumnya saya juga sudah pernah share beberapa cara untuk memperbesar resolusi Foto, Gambar Thumbnail blog yang ngeblur, untuk melihatnya bisa kunjungi postingan dibawah ini..



Nah untuk tutorial memperbaiki gambar Thumbnail blogger yang terpotong atau buram, kalian bisa ikuti langkah demi langkah dibawah ini..

Memperbesar Resolusi Gambar Agar Tidak Buram Dan Terpotong

  • Langkah pertama, silahkan login terlebih dahulu ke blogger.com
  • Selanjutnya kalian cari kode </body>
  • Setelah ketemu, kalian masukan script untuk mengatasi gambar blur / terpotong dibawah ini tepat diatasnya
  • 
    <script type='text/javascript'>
    //<![CDATA[
    function BlogMasTamvan(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r]}BlogMasTamvan("Blog1",1600);
    //]]>
    </script>
    
  • Kalo sudah tinggal save n done
  • Jika script ini tidak bekerja, kemungkinan di blog kalian menggunakan script lain untuk pemanggilan image ke homepage blog..
  • Untuk mengatasinya, silahkan hapus script bawaan templatenya dan ganti dengan script ini.
  • Saya sudah coba pada satu template buatan Arlina pertama kali saya pasang script ini tidak bekerja, lalu saya hapus readmore / javascript pemanggil imagenya...
  • dan saya ganti dengan script ini hasilnya bekerja dengan baik..
  • Tapi ada tambahan html untuk menampilkan image di homepage blog
  • Untuk template yang lainnya seperti template evo magz, kompi males dan yg lainnya. Kita tinggal pasang n save, hasilnya langsung terbukti..
  • Salam Tamvan

Cukup sekian dan termia kasih, semoga artikel tentang Tutorial Memperbaiki Gambar (Image)Thumbnail Homepage Blogger Yang Ngeblur Dan Terpotong ini semoga bermanfaat..

Apabila script ini tidak bekerja / kalian bingung silahkan bertanya di kolom komentar. Insya allah saya bantu kalo tidak sibuk :)
4 komentar
  1. Keren Gan . Terimah KAsih Artikelnya Membantu :)
    Dan Saya Minta
    #Request Cara Membuat Breakings New Gimana Gan . Dan itu Susah Dii Cari . :( Yah Work Tapi Tidak Ada Link :(

    ReplyDelete
    Replies
    1. Sama-sama gan..
      Saya buatkan gan :)
      Jangan lupa mampir ke post lainnya, sambil nunggu tutor d buatkan (y)

      Delete
    2. Sudah ada gan, silahkan cek di link berikut ini
      https://mastamvan.blogspot.co.id/2017/03/membuat-headline-breaking-news-berjalan.html

      Delete
  2. klo blur nya di tempat tertentu gimana mmperbaikinya mas...conto nya seperti script d bawah sudah tidak bekerja blur dan terpotong.. mungkin karna terpotong jadi blur

    $("ul#relate-summary li img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w138-h190/"))});

    $(".PopularPosts .item-thumbnail img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/w72-h72-p-nu?\//,"/w130-h170/"))});

    ReplyDelete