auto readmore

untuk readmore kali ini saya akan membuat read more dengan otomatis tanpa harus mengetik kode pada posting blog seperti gambar di bawah ini








caranya adalah sebagai barikut :

• pertama - tama login pada blog sobat blogger masing - masing
  
• pada dasbor klik rancangan
  
• klik edit html
  
• cari kode di bawah ini

<div class="'post-header-line-1'/">

• setelah ketemu hapus bagian kode seperti di bawah ini

<b:if cond="'data:blog.pageType"><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/>

• dan yang ini untuk tulisan readmorenya jangan di hapus

<a href="'data:post.url'">Readmore</a></b:if>

ok kalau sudah kita lanjutkan tutorialnya

• masih pada edit html langsung kita cari kode lalu letakkan script di bawah ini di atas 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++){>")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx = s.join("");}chop = (chop < strx =" strx.substring(0,chop-1);" div =" document.getElementById(pID);" imgtag = "" img =" div.getElementsByTagName(" summ =" summary_noimg;">=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>

• kemudian cari kode
  

kalau sudah ganti kode

<data:post.body/>

dengan kode di bawah ini

<b:if cond="'data:blog.pageType"><div id="'"><data:post.body/></div><script type="'text/javascript'">createSummaryAndThumb("summary<data:post.id/>");</script><span class="'rmlink'" style="'float:left'"><a href="'data:post.url'">READ MORE - <data:post.title/></a></span></b:if><b:if cond="'data:blog.pageType"><data:post.body/></b:if>

• klik save
• selesai