Memasang auto read more

Oke sobat, kayaknya udah lumayan lama nih blogsmanado blom mosting blog ini. Biar judul postingan ini udah banyak yang share dari sobat blog yang lain, kaga ada salahnya diblog blogsmanado ngeshare kembali tentang artikel cara memasang auto read more pada blog. Kita juga dapat mengoptimalkan jumlah karakter dan ukuran gambar pada saat halaman utama blog.

Memasang auto read more


Penginstalan Auto readmore ini dengan cara :

1. Masuk blog dan menuju pada Edit HTML lanjutkan dan jangan lupa mencentang kotak expand widget
2. Jia sudah cari kode </head> dan masukkan kode dibawah ini tepat diatas kode </head>

<script type='text/javascript'>var thumbnail_mode = "float" ;summary_noimg = 250;summary_img = 250;img_thumb_height = 120;img_thumb_width = 120;</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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><script type='text/javascript'>
var thumbnail_mode = "float" ;summary_noimg = 300;summary_img = 300;img_thumb_height = 200;img_thumb_width = 100;</script>
<script type='text/javascript'>//<![CDATA[/******************************************Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks ********************************************/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>
3. dilanjutkan mencari kode <data:post.body/> dan mempastekan script dibawah ini untuk menggantikan kode <data:post.body/>

<b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:left'><a expr:href='data:post.url'>SELANJUTNYA TENTANG - <data:post.title/></a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
4. Ambil nafas dan baca keterangan untuk penginstalan Auto readmoe di point bawah ini.
  • Untuk warna Merah mengatur berapa banyak karakter akan ditampilkan di posting tanpa gambar 
  • Untuk warna Biru mengatur  berapa banyak karakter akan ditampilkan di posting dengan gambar 
  • Untuk warna Hijau mengatur Tinggi gambar dalam Auto readmore
  • Untuk warna kuning mengatur Lebar gambar dalam Auto readmore   
  • Untuk warna orange mengatur teks dalam Auto readmore

Terkait dengan ini

blogs



Tidak ada komentar:


Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DI SINI...</i> atau <i rel="pre">KODE ANDA YANG TELAH DI PARSE...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Convert kode terlebih dahulu bila komentar anda mengandung kode HTML/JScript pada tombol di bawah ini
Parse HTML
:) :( =( :waaa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :yaya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ \m/ **p &amp;lt;3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( &amp;lt;:) &amp;lt;=) (-.-,) *=p =p* ''J :W :bye: :imhere: :cendol: :rolled: *bang* :drummer: :guitarist: :vocalist:

No comments:
Write komentar