Cara Mengatasi Thumbnail Terpotong dan Blur di Blog

Pembahasan Artikel Blog BabaKBeluR.com Mengenai Tips dan Trik Kali Ini, Cara Mengatasi Thumbnail Terpotong dan Blur di Blog

Thumbnail Blurry Blog

Dalam hal ini Ada banyak cara untuk dapat mengatasi sebuah Gambar atau Thumbnail pada blog yang blur dan terpotong, tergantung dari cara pemanggilannya

Dari banyak Trial and Error yang sudah di lakukan dalam tutorial ini sebenarnya tidak menggunakan script / javascript dalam mengubah resolusi standar URL thumbnail pada Blogger, mungkin sudah banyak cara-cara dan tutorial lain yang bertebaran di internet. Dan apa saya bagikan sebenarnya sudah banyak diajarkan oleh para Blogger hanya saja mungkin tata bahasa mana yang lebih anda pilih untuk dapat memahami dan mempelajarinya. Untuk prinsip kerja ini hampir sama dengan thumbnail yang ada di dalam widget popular posts. Semoga dengan cara yang akan Saya bagikan kepada Anda ini dapat digunakan untuk semua jenis template.

Memang pada kebanyakan template yang mungkin kita beli atau buat sendiri banya gambar pada halaman utama blog (homepage) kadang terlihat buram dikarenakan ukuran pada gambar yang tidak sesuai, dan untuk hal ini biasanya Blogger newbie sering kali dan bingung bagaimana cara mengatasinya.

Perlu kita ketahui pada dasarnya permasalahan ini terletak ukuran default gambar yang kita pasang saat pada posting Blog, jika anda membuat gambar tersebut dengan ukuran yang pas tentu saja akan tampak dan tampil pada homepage blog kita seperti yang kita harapkan. Dan jika gambar Anda kebesaran ataupun terlalu kecil maka gambar yang akan tampil di hompage blog Anda akan tampak buram atau bahkan terpotong dan tidak tampil seperti gambar yang Anda buat.

Recommended Author


Hal ini dapat kita atasi dengan melalukan sedikit global resize pada thumbnail untuk semua gambar yang tampil pada homepage atau halaman utaman Blog Anda.

Cara nya adalah seperti berikut, anda cukup taruh kode dibawah ini sebelum kode </head> atau Anda bisa mencari kode seperti <![CDATA[ Setelah ketemu copy paste kode Element dibawah ini

Spoiler:

Hint


<![CDATA[
function BlogBabaKBeluR(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]}BlogBabaKBeluR("Blog1",1600);
]]></b:skin>

Simpan Template Anda dan lihat hasilnya untuk sedikit catatan kode ini dapat saya terapkan pada Blog AMP yang saya gunakan

Demikian tadi artikel tentang Cara Mengatasi Thumbnail Terpotong dan Blur di Blog. Dan jika anda memliki pertanyaan seputar Cara Mengatasi Thumbnail Terpotong dan Blur di Blog ini ataupun anda ingin sharing informasi silahkan berkomentar melalui disqus di bawah dan jangan lupa like fanspage, Subscribe Youtube channel kami di samping artikel ini, jangan lupa share artikel ini jika bermanfaat. Terima kasih telah berkunjung.

Baca Juga Artikel Tentang Cara Fanspage di Blog Valid AMP DI SINI
Related Keyword: thumbnail blog buram, cara menampilkan widget blog di mobile, cara membuat artikel terkait di blog, membuat related post, cara membuat artikel terkait di tengah postingan, artikel terkait blogger
Reaction:

BabaK BeluR Channel Merupakan Sumber Informasi dan Pengetahuan Serta Sarana Untuk Membangun Masyarakat Yang Gemar Membaca Sehingga Menjadikan Masyarakat Gemar Menulis

Disqus Comments

This website uses cookies to ensure you get the best experience on our website. More Info