Blogger Template Oneflay: Template Fast loading di tahun 2023

Resolusi pada gambar standarnya untuk blogger  thumbnailnya itu sebesar 72px, dapat di lihat pada url gambar thumbnail disana tercantum kode s72-c. dan Jika terjadi gambar blur atau tidak jelas dikarnakan terlalu besar atau terlalu kecil ukuran gambar thumbnail tertentu

Bagi agan yang ingin mengatasinya agar cerah dan normal pada gambar thumbnail di home page, admin akan berbagi 3 cara memperbaiki atau mengatasi thumbnail gambar buram atau blur di Template blog sobat.

 Untuk memperbaiki atau menagatsi Thumbnail pada blogger yang Buram atau Blur,  Silahkan gunakan satu cara yang menurut agan bisa atau Work untuk template agan soalnya tiap template/thema ada yang berbeda beda strukturnya coba salah satu ya.

Berikut untuk tutrorialnya.

1. Masuk ke menu Tema Klik Edit HTML Di sini agan tinggal cari kode dibawah ini

s72-c

Silahkan ubah menjadi seperti kode dibawah ini
s72-c-k-no

Setelah itu Simpan Tema dan lihat hasilnya.
jika tidak work atau masih blur bisa lanjut dengan cara ke 2

2. Silahkan Cari kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; dengan cara CTRL+F Pada keyboard lalu cari

Jika sudah ketemu Letakan kode dibawah ini Tepat diatas kode </head> yang tadi agan cari

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//thumbnail
function bp_thumbnail_resize(e,t){var n=310;var r=310;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>

Setelah itu simpan thema dan liat hasilnya
jika tidak ada perubahan dan masih blur lanjut ke cara ke 3

3. Cari kode di bawah ini
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>

Hapus lalu ganti dengan kode dibawah ini

<b:with value='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 300, &quot;4:3&quot;) : data:post.thumbnail' var='image_bro'>
<img expr:alt='data:post.title' expr:src='data:image_bro'/>
</b:with>

4. Lalu simpan thema

Ya itu saja tutorial yang bisa admin berikan dan share tentang Cara Mengatasi Thumbnail Blur Pada Blog pada artikel kali ini, dan kunjungi terus dev-android tech berbagai tutorial menarik lainnya dan menambah ilmu wawasan agan" semua yang senantiasa berbagi tips bloging tutorial dan android ini,

Semoga Bermanfaat.

Related Posts