Bahasan tutorial Blogger kali ini tentang Cara Menghapus Read More/Auto Read More Link di Blogger, yang terdiri dari 2 bagian yaitu : Menghapus Read More Link Bawaan Blogger (fungsi Jump Break) dan Auto Read More Link. Dengan menghapus atau menghilangkan kode Read More link tersebut pada template blogger, akan membuat posting di page blog ditampilkan seluruhnya / seutuhnya tanpa ada ringkasan / summary.
Read More Link BloggerTentu maksudnya bisa berbeda-beda tiap individu, ada yang menghapusnya karena ingin memasang Auto Read More yang baru dan lebih baik mungkin, atau ada juga yang malah lebih suka postingan / artikel di page ditampilkan secara utuh tanpa ada pemotongan.
Oleh karena itu, jika Anda ingin menghapus fungsi Read More link, baik yang bawaan/default blogger maupun yang Auto Read More feature link. Ikuti saja tutorial dan panduannya dibawah ini.
1. Menghapus / Remove Read More Link Bawaan Blogger ( Fungsi Jump Break Link )
Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari tag line <data:post.body/>
Dibawahnya hapus kode berikut ini :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Kemudian Save Template
Selesai!!. Anda sudah menghapus fungsi Jump Break link Blogger pada blog Anda.
2. Menghapus Auto Read More Link di Blogger
Untuk yang ini tidak semudah atau se-sederhana menghapus Jump Break Link diatas, karena type template dan jenis kode Auto Read More bisa berbeda-beda. Untuk itu saya akan berikan 2 contoh dibawah dengan cara yang berbeda.
CARA PERTAMA
Remove Blogger Auto Read More Option
Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari tag line <div class='post-body entry-content'>
Dibawahnya cari semua kode seperti berikut ini :
<b:if cond='data:blog.pageType != "static_page"'>
<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>
<div class='readmorecontent'><a class='readmore' expr:href='data:post.url'><b>Read more »</b></a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
note : beberapa code mungkin bisa berbeda tergantung jenis template, tapi secara keseluruhan hampir sama.
Gantilah semua kode diatas dengan kode berikut :
<data:post.body/>
Kemudian Save Template
Refresh page blog Anda dan check fungsi Auto Read More telah hilang dari blog Anda.
Namun ada kasus yang masih melihat tombol Read more link, setelah melalui semua proses diatas, maka ini bisa diatasi dengan kembali cari kode mirip berikut dibawah :
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>
Save Template Anda sekali lagi,
Dan Selesai!!
CARA KEDUA
Remove Auto Read More Feature with Thumbnail
Masuk Blogger > Template > Edit HTML
Backup your template
Click the "Expand widget Templates" Box
Tekan Control + F
Cari semua kode yang mirip seperti berikut :
<p><script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
img_thumb_height = 150;
img_thumb_width = 200;
</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");
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>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
<div><a expr:href='data:post.url'>Read more »</a></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>
Gantikan semua dengan kode dibawah ini :
<p><data:post.body/></p>
Kemudian Save Template
Selesai!!
Semoga metode-metode Cara Menghapus Read More Link di Blogger diatas bisa membantu Anda. Mungkin Anda bisa menambahkan metode lain dengan senang hati saya menerimanya sebagai saling tukar informasi atau sharing bersama.
