Menghilangkan Read More pada halaman Blog

Saat membuat sebuah halaman mandiri pada sebuah blog, mungkin sebagian dari anda tidak mengalami jalan mulus. karena anda menggunakan template yang ada read more otomatisnya.

Bahkan read more nya gak bisa diklik alias tidak berfungsi, :(

Jangan risau, jangan bimbang.. karena disini saya akan sedikit menjelaskan tentang bagaimana caranya menghilangkan read more yang tidak diperlukan pada sebuah halaman .

Berikut bebarapa langkah yang dapa kita lakukan:

• login ke blogger dan klik template >> edit html
• cari script javascriptnya, yang berfungsi untuk readmore dan temukan script berikut, gunakan saja CTRL + F

var thumbnail_mode

atau

<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 100;
img_thumb_width = 110;
</script>
<script type='text/javascript'>
//<![CDATA[
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");
if(img.length<=0) {
imgtag = '<div class="thumb-post"><span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDh7wNWRyrhMTB1ahx00i3fDBZBfvqqGI3-nHDbjqPH2gRUkPW-RFwxj-9GkkoH6OYq5FAXiVX2K4cbXghSY6qUaXC6XWA4ae2MJ5NMIACsqpLFEEBACXp1PPuhvymSA9XyLrltJqLsKtM/s0/diary.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></div>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<div class="thumb-post"><span style="float:left;margin-right:15px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></div>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

• Jika sudah ketemu, silahkan copy-paste script di bawah ini , dan simpan tepat di atas script yang tadi anda cari

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

• Simpan juga script di bawah ini tepat di bawah script yang tadi anda cari

</b:if></b:if> 

sehingga hasilnya seperti di bawh ini:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <script type='text/javascript'>
    var thumbnail_mode = &quot;no-float&quot; ;
    summary_noimg = 300;
    summary_img = 250;
    img_thumb_height = 100;
    img_thumb_width = 110;
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    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");
    if(img.length<=0) {
    imgtag = '<div class="thumb-post"><span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDh7wNWRyrhMTB1ahx00i3fDBZBfvqqGI3-nHDbjqPH2gRUkPW-RFwxj-9GkkoH6OYq5FAXiVX2K4cbXghSY6qUaXC6XWA4ae2MJ5NMIACsqpLFEEBACXp1PPuhvymSA9XyLrltJqLsKtM/s0/diary.jpg" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></div>';
    var summ = summary_noimg;
    }
    if(img.length>=1) {
    imgtag = '<div class="thumb-post"><span style="float:left;margin-right:15px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span></div>';
    summ = summary_img;
    }
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }
    //]]>
    </script>
    </b:if></b:if>

Sampai tahap ini, fungsi read more pada halaman sudah tidak berfungsi, akan tetapi tulisan read more nya masih tetap ada.

Untuk finishing silahkan lakukan bebarapa tahap lagi, seperti di bawah ini:

• cari script 

<span class='readmore'>

• tambahkan script ini diatasnya

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

• dan script ini di bawahnya

</b:if></b:if>

sehingga menjadi seperti di bawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<span class='readmore'><a expr:href='data:post.url'> [read more..] </a></span>
</b:if></b:if>

Nah, dengan begitu semua tahap tentang cara menghilangkan read more pada sebuah halaman sudah selesai.

Untuk melihat hasilnya bisa mengklik link ini http://subangtips.blogspot.com/p/privacy-policy_1.html

selamat mencoba..