Cara Membuat "Read More" Otomatis

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

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)

<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;'/>

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>

Sumber

Apabila Artikel Ini Membantu Anda Mohon Untuk Meng'Klik Salah Satu Iklan Di Blog Ini, Atas Kunjungan'Nya Saya Ucapkan Terima kasih

Artikel Terkait:

Tips And Trick

• Trik Photoshop : Cara seleksi gambar dengan Quick Mask Tools
• Membuat foto unik dan lucu dengan CoolwareMax Face Off Max v3.4.4.6 (Full)
• Aplikasi belajar menggambar dengan komputer untuk anak TK dan SD
• Cara Membuat Lazy Page Loading Effect ke Blogger
• Mendapatkan 1000 Pengunjung Blog Setiap Hari
• Cara Membuat Blog Cepat Terindeks Google
• Soal KKPI Kelas 10 SMK/SMA
• Cara Membuat Fungsi Scroll pada Arsip Blog
• Membuat Bingkai Untuk Tulisan Di Posting Dan Sidebar

Tutorial

• OFFENSE AGAINST INTELLECTUAL PROPERTY
• Download Advanced SystemCare 5 Pro, Utilities peringkat 1 terbaik tahun 2012
• Companion, aplikasi kamera video untuk semua jenis laptop dan notebook
• mediAvatar Photo to Flash, Software mengubah foto menjadi animasi Flash
• Utility Gratis Untuk Ubah Animasi Layar Boot Windows 7
• Melindungi anak dari konten dewasa (blok situs porno) menggunakan MetaSurf Family Safety
• Angry Birds Seasons v2.4.1 Full Crack
• Komputer kamu lambat, coba Auslogics BootSpeed untuk mengatasinya
• 5 aplikasi Media Player terbaik yang bisa memutar seluruh format suara dan video
• Tutorial cara hack menggunakan Keylogger dan mengirim datanya ke E-Mail dan FTP kita

Share it to your friends..!