Rabu, 10 Mei 2017

Cara Membuat Auto Readmore Blogger.com Tanda Gambar Thumbnail

Auto Readmore atau ringkasan artikel yang muncul di halaman pertama blogger.com dan halaman kategori merupakan cuplikan yang berisi judul artikel, gambar, dan deskirpsi dari judul artikel. Secara default bila menggunakan template bawaan blogger yang lama tidak ada fitur auto readmore, kecuali 4 template baru dari blogger.

Namun bila menggunakan template yang telah dimodifikasi hasil unduhan di internet pasti menggunakan auto readmore. Untuk mempercepat loading blog sebaiknya hilangkan gambar thumbnail auto readmore, cara ini juga cocok diterapkan sebagai publisher AdSense dimana tampilan grafis sederhana namun yang mencolok tampilan iklan.

Cara yang dibagikan ini diasumsikan Anda telah menggunakan template yang ada auto readmorenya kemudian disembunyian gambar thumbnail. Selengkapnya silahkan simak caranya berikut ini:
1. Cari kode seperti berikut ini

<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=70;
var show_default_thumbnail=true;
var default_thumbnail="https://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="post-thumbnail" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
2. Ganti tulisan true menjadi fals, sehingga semuanya seperti ini
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=70;
var show_default_thumbnail=fals;
var default_thumbnail="https://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="post-thumbnail" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
3. Simpan dan lihat hasilnya, semoga bermanfaat.

The author of the blog Teknologivirtual


EmoticonEmoticon