CARA MEMBUAT "READ MORE" OTOMATIS TERABARU 2016

Read More. Perasaan saya sudah berapa kali melakukan postingan ini. Tapi teman-teman kalau yang ini pasti beda. Tips ini akan memberikan read more yang otomatis pada blog sobat. Tanpa kita memotong teks postingan kita secara otomatis akan terpotong dengan adanya read more otomatis ini.

Jika sobat blogger ingin melihat tulisan saya yang lainnya, silahkan baca DISINI.

Caranya adalah seperti ini:

1. Seperti biasa, login ke blogger dengan akun kamu

2. Pilih Rancangan

3. Pilih Edit HTML

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

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>

</b:if>

<div style='clear: both;'/>

PENTING! YANG SUDAH MEMASANG READ MORE VERSI LAMA SEBAIKNYA DI KODENYA KEMBALIKAN DULU KE SEPERTI SEMULA, CARANYA HAPUS KODE YANG BERWARNA HIJAU DIBAWAH INI (SETIAP TEMPLATE MUNGKIN BERBEDA, JADI TINGGAL DISESUAIKAN SAJA)

4. Jika sudah, lanjutkan anda mencari kode berikut   </head> dan letakkan kode berikut 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++){
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>

Masih dalam Edit HTML. berikan centang pada "Expand Widget Template" dan cari kode yang mirip seperti ini <data:post.body/>.

Kalau sudah ketemu, ganti kode tersebut dengan kode berikut ini

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'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Kalu sudah silahkan Simpan Template.

---

Terima Kasih Sudah Membaca Artikel CARA MEMBUAT "READ MORE" OTOMATIS TERABARU 2016 Jangan Bosan berkunjung ke blog BahasaRemaja.Com dan Follow Saya .

---

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Bahasaremajacom

Tweet