Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memperbaiki Gambar Blur (Ngeblur) di Blogger Versi Terbaru

Cara Memperbaiki Gambar Blur (Ngeblur) di Blogger Versi Terbaru – kali ini duniamu38 akan bagikan sebuah tutorial singkat akan tetapi sangat mudah untuk diterapkan dan besar manfaatnya untuk sobat khususnya para blogger, jadi kali ini saya akan membagikan tutorial singkat yaitu Cara Memperbaiki Gambar Blur (Ngeblur) di blogger Versi Terbaru

Jadi akhir-akhir ini saya sering melihat postingan-postingan baik di sosial media groub facebook yang membicarakan cara mengatasi gambar thumbnail post blur / buram tidak jelas di blogger versi terbaru ini. Dan sesuai dengan pengalaman yang saya lakukan sendiri sebagai seorang blogger juga pernah mengalami sendiri pada thumbnail postingan di homepage blogger tiba – tiba menjadi blur sehingga tidak enak dipandang.

Kenapa gambar blur karena disebabkan platform Blogger beberapa waktu lalu / diversi terbaru ini telah melakukan update User Interface yang memiliki tampilan web blogger yang lebih responsive dan lebih modern serta kekinian.

Oke ternyata setelah mengamati script didalam thema setiap blogger pasti berbeda, ternyata setelah saya amati Script Gambar / thumbnail didalam dashboard blogger terbaru kini sudah banyak perubahan, oleh karena itu bagaimana cara untuk mengatasi gambar thumbnail postingan banyak yang blur di Blogger versi terbaru ini. Berikut tutorial Cara Memperbaiki Gambar Blur (Ngeblur) di blogger Versi Terbaru.

Maka dari itu biasanya kode JavaScript yang berguna untuk memanggil thumbnail / gambar postingan blogger yang digunakan pada template blogger versi yang lama tidak akan bekerja dengan baik dan scriptnya akan terlihat seperti ini :

function bp_thumbnail_resize(image_url,post_title)
{
    var image_width=200;
    var image_height=160;
    image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
    if(post_title!="") return image_tag; else return ""; 
}


Dan kode didalam HTML.nya biasanya terlihat seperti kode dibawah ini

<a expr:href='data:post.url'>
    <div class='img-thumbnail'>
        <span class='overlay' />
        <script type='text/javascript'>
           document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quotenter code here;,&#39;<data:post.title/>&#39;));
        </script>
    </div>
</a>

Maka dari itu, bagaimana cara memperbaiki hal tersebut, silahkan simak tutorial dibawah ini dengan baik agar template sobat tidak menjadi fatal.

Cara Memperbaiki Gambar Blur di Blogger Versi Terbaru

1. Login dan Buka dashboard Blogger.
2. Pilih menu Tema/Template
3. Lalu klik Edit HTML.
4. Silahkan Replace / Ganti Kode Javascript diatas dengan kode Javascript dibawah ini :

<script type='text/javascript'>
   document.write(lunarSummaryThumb(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>

 
5.Langkah selanjutnya silahkan Replace / Ganti kode HTML diatas tadi dengan kode HTML dibawah ini :

<b:if cond='data:post.thumbnailUrl'>
   <a class='thumb' expr:href='data:post.url'>
   <img class='lazy' expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 280, &quot;300:200&quot;)' height='186' width='280'/>
   </a>
   <b:else/>
   <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url' expr:title='data:post.title'><img class='lazy' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image'/></a>
      <b:else/>
      <a expr:href='data:post.url' expr:title='data:post.title'>
         <div class='postthumb'><img class='lazy' expr:alt='data:post.title' expr:title='data:post.title' itemprop='image' src='https://2.bp.blogspot.com/-SQLF0A_fpEw/XKJ0fE3-weI/AAAAAAAAOhg/6PFcbNMk_csbYQShGq0Bi8pX4cfkYGJMACLcBGAs/s1600/noimage.png'/></div>
      </a>
   </b:if>
</b:if>


6. Klik Simpan. Dan lihat Hasilnya

Jadi seperti itu cara singkat tentang Cara Memperbaiki Gambar Blur (Ngeblur) di Blogger/Blogspot Versi Terbaru. Demikian artikel singkat ini semoga bisa bermanfaat bagi sobat semua dan bisa menjadi web blogger rujukan tentang tutorial blogger. Salam sukses sobat blogger Duniamu38.com


#filmterbaru #downloadfilmterbaru #portalberita #sourcecodewebsite #websiteportal #sourcecodephp #aplikasiberbasisweb #sourcecodeaplikasi #kumpulanaplikasiberbasisweb #freedownload #opensource #gratisdownloadaplikasi #templateblogger #templatewordpress #aplikasidonasi #donasiberbasisweb #donasifree#duniamu38.com #aplikasicetakkartupelajar #cetakkartuperpus #aplikasisedekah #sedekah #aplikasisurat #aplikasimanajamensurat #manajemensurat #aplikasisurat #arsipdigital #aplikasiarsip #aplikasiwarung #aplikasispp #pembayaranspp #aplikasiujianonline #ppdbonline #sistemppdb #tabungansantri #tabungansiswa #daftarhadironline #ektp #kk #sktm #tespsikotes #soalpsikotes #aplikasujian #ujianonline #soalujian #monitoringpuskesmas #aplikasipuskesmas #ppdb #aplikasitokoonline #arsipsurat #esurat #earsip #sourcecodeweb #downloadsorucecodewebsite #webberita #webportal #webkampus #danabansos #sorucecodeaplikasibansos  #sisfosma #sisfomks #sisfosekolah #sisteminformasisekolah #aplikasikoperasi #koperasimpanjam #aplikasisisforusunawa #sisforusunawa #sistemmanajemenkos #sistemmenajamenkamar #sourcecodegratis #aplikasiberbasiswebfreedownload #aplikasifreedownload #sourcecodeaplikasigratis #aplikasikoperasi #koperasisimpanpinjamberbasisweb #aplikasiujian #sourcecodeaplikasiujian #ujiancoding #poscaffe #aplikasipos #aplikasidatakeluhan #eperpus #aplikasiperpustakaandigital #ppdbonline #ppdbsiswa #aplikasipenilaianguru #aplikasidataservice #aplikasipengajuankerjasama #aplikasipeminjamanuangbank #aplikasipeminjamanberbasisweb #aplikasipos #aplikasikasir #kasirwarung #aplikasistokbarang #aplikasiinformasimasjid #aplikasimasjid #infokelulusansiswa #aplikasikelulusan #tutorialbreakingnewsblogger #tutorialblogger #gambarblur #gambarblurdiblogger

Posting Komentar untuk "Cara Memperbaiki Gambar Blur (Ngeblur) di Blogger Versi Terbaru"