Cara membuat Read more

Read More dalam bahasa indonesianya ( Baca Selanjutnya ) Adalah suatu navigasi yang gunanya untuk memudahkan bagi pembaca suatu blog atau website.
Buat yang belum paham Read More ini akan tampak di bawah cuplikan posting pada halaman awal suatu blog atau website ( halaman home ).
dan read more ini masuk kategori navigasi untuk blog ataupun website, jangan di anggap sepele read more ini karena misalnya blog anda mau di pakai daftar bisnis online seperti misalnya untuk daftar Google Adsense maka Reaad more ini sebagai salah satu syarat dari persyaratan yang lain nya yang harus di pasang pada sebuah blog atau website untuk melihat syarat Google Adsense yang lainya bisa kunjungi syarat-syarat supaya di terima Google Adsense 

Contoh Tombol Read More

Banyak blog yang membuat posting cara membuat Read More tapi anda harus hati-hati karena banyak link di selundupkan pada kode pembuatan read more tersebut, sebenarnya jika ada kode read more di lampirin sebuah link itu ga pengaruh pada blog anda cuma anda tidak bisa merasakan / mendapatkan poin plus plus dari link tersebut yang merasakan dan memndapatkan nilai plus plus adalah yang membuat link tersebut. dan pada kesempatan ini akan memberikan panduan sesuai judul cara membuat Read More tanpa ada link dan jelas terbukti

Dan ini langkah pembuatan tombol read more ( ada dua langkah ) :

langkah pertama
1. Buka blog anda lalu ke Dashboard
2. pilih template dan klik edit HTML
3. lalu cari kode </head> di dalam HTML template anda
4. masukan kode di bawah ini tepat 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 (for blogspot)

(C) 2010 Ngulik-Blog.com

visit http://www.Ngulik-Blog.com/
**/
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>

5. setelah anda memasukan kode di atas dan meletahkan nya di atas kode </head>Boleh di klik pratinjau dulu untuk memastikan tidak ada masalah dalam kode HTML template anda

Langkah kedua

1. cari kode <data:post.body/> pada HTML template anda, ingat kode <data:post.body/> dalam template anda ada 3 buah  jadi pilih kode <data:post.body/> yang pertama

2. lalu ganti atau hapus kode <data:post.body/> yang pertama dan gantikan dengan kode di bawah 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'><b>Baca Selengkapnya</b> &#8594;<data:post.title/></a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :

 kode <data:post.body/> yang pertama.

- lihat tulisan berwarna merah pada kode di atas anda bisa menggantinya dengan tulisan Read More tapi kalau masih tetep menggunakan tulisan "Baca selanjutnya" juga tidak masalah

3. setelah mengganti dengan kode di atas lalu klik pratinjau dulu jika tidak ada masalah baru di simpan templatenya

4. selesai

Dan silahkan cek hasilnya dengan cara membuka halaman awal / Beranda blog anda.

Demikianlah panduan Blogger wonogiri tentang Cara Membuat Read More semoga ini bermanfaat  , terimakasih