Cara Mempercepat Loading Blog dengan Auto Readmore

Sebelumnya saya sudah memposting Cara mengurangi berat Blog denganreadmore/Jump break,bagi yang belum baca silahkan klik linknya,memang factor SEO Blog sangat mempengaruhi value suatu blog dimata mesin pencari,apa gunanya Optimalisasi blog dengan SEO bila blog tersebut loadingya lama,pada postingan seebelumnya salah satu factor yang membuat blog menjadi berat ketika dimuat adalah halaman yang beranda blog yang terlalu panjang sehingga  browser memerlukan banyak bandwith untuk memuatnya.

Nah seperti janji  saya yang sebelumnya saya akan memposting cara membuat auto readmore,sebenarnya auto readmore tidak jauh beda dengan readmore/jump break  asli bawaan dari blogger bedanya jika readmore/jump break bawaan google perlu mengatur lebar atau panjang artikel yang mau di potong atau ditampilkan tapi jika readmore hasil hack atau Auto readmore semuanya serba otomatis kita tidak perlu lagi mengatur-atur lagi,gimana tertarik..???kalu tertarik yuk ikuti selengkapnya Cara membuat autoreadmore…chekkidotJ

1. Silahkan log in ke account blogger anda

2.Kemudian pilih elemen template,unduh template anda,jaga-jaga bila nanti  ada kesalahan,this is show time….

3. Bila anda kesulitan mencari kode-kede tertentu Karena tampilan edit template blogger yang baru silahkan copy semua kode-kode yang ada di dalam template(tekan Ctrl A),kemudian cut(tekan Ctrl X),lalu pastekan lagi(tekan Ctrl V )maka kode-kodenya akan muncul sepenuhnya.

4.Cari kode seperti ini </head> (tekan Ctrl F untuk mempermudah pencarian )

5.Copy secript dibawah ini lalu pastekan diatas kode </head> tadi

Klik Buka :

<script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 350; summary_img = 200; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>

6. Nah jika sudah selesai cari lagi kode yang seperti ini <data:post.body/>,jika sudah ketemu hapus kode tersebut dan gantikan dengan kode dibawah ini

Klik Buka :

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span style='float:right'><a expr:href='data:post.url'>Read More..</a></span> <b:else/> <data:post.body/> </b:if>

7. Lalu Save dan lihat hasilnya

Keterangan :
summary_noimg = 300 adalah anyaknya karakter yang ingin ditampilkan pada posting tanpa thumbnail atau gambar
summary_img = 200 adalah banyaknya karakter yang ingin ditampilkan pada posting dengan thumbnail atau gambar
img_thumb_height = 100 adalah merupakan tinggi thumbnail dalam piksel
img_thumb_width = 120 adalah banyaknya karakter yang ingin ditampilkan pada posting dengan thumbnail atau gambar

Nah itulah tadi cara-cara membuat auto readmore,gimana..??gampang kan..hehe....oke semoga bermanfaat,,,,dan selamat mencoba...

Share this post