Cara Menghilangkan Read More Otomatis pada Laman Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Disini kita akan menggunakan condition tag <b:if... untuk menghilangkan read more / baca selengkapnya dari halaman blog.

Pada tutorial ini sangat dibutuhkan pemahaman dan analisa juga karena mengingat sistem read more disetiap blog itu belum tentu sama, tetapi metode nya tetap sama saja.

1. Masuk Dashboard Blogger > Template > Edit HTML > Centang Expand Widget Templates
2. Mari kita cari javascript read more / baca selengkapnya yang digunakan untuk memotong artikelnya
cari kode (gunakan CTRL+F untuk mencari kode) yang kira-kira seperti ini:
var thumbnail_mode

kode lengkapnya seperti kode dibawah ini:

<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><span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3V8OtwMx-5ihdYO_TYaM4eDljWu32-mt-k1qfrT6hwdR4Azk_mRXcyBLLuX7S6BSQyRU84WiX80_CcEhMkqDcYsj6qNA5pt2OL-ee_B21XnMb7nR-WicUiTz5CgZcI6Wsu_7OqTg1OwuC/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><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>

3. Kalau sudah ketemu kode yang kira-kira seperti diatas
selanjutnya letakkan kode berikut  tepat diatas kode lengkap pada langkah nomer 2 tadi

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

lalu letakkan juga kode berikut tepat dibawah kode lengkap pada langkah nomer 2 tadi

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

sehingga hasilnya kira-kira seperti 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><span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3V8OtwMx-5ihdYO_TYaM4eDljWu32-mt-k1qfrT6hwdR4Azk_mRXcyBLLuX7S6BSQyRU84WiX80_CcEhMkqDcYsj6qNA5pt2OL-ee_B21XnMb7nR-WicUiTz5CgZcI6Wsu_7OqTg1OwuC/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><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>

oke, sampai disini kita sudah berhasil membuat agar halaman / laman blog tidak terpotong read more
berikutnya kita akan menghilangkan tombol read more nya pada halaman / laman blog nya

4. Cari kode yang kira-kira seperti ini   <span class='rmlink' atau kode lengkapnya kira-kira seperti ini: (setiap blog berbeda-beda)

 <span class='rmlink' style='float:right;font-size:13px;font-weight:bold;'><a expr:href='data:post.url'>Read more</a></span>

5. Kalau sudah ketemu, letakkan kode berikut tepat diatas kode lengkap pada langkah nomer 4

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

lalu letakkan kode berikut tepat dibawah kode lengkap pada langkah nomer 4

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

sehingga hasilnya akan jadi seperti ini:

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <span class='rmlink' style='float:right;font-size:13px;font-weight:bold;'><a expr:href='data:post.url'>Read more</a></span>
 </b:if></b:if>

6. Klik simpan template, dan lihat salah satu halaman / laman blog kalian apakah read more nya sudah hilang atau belum

Share on :

Tweet

Terima Kasih Anda Telah Meluangkan Waktu Untuk Membaca Artikel Saya Yang Berjudul Cara Menghilangkan Read More Otomatis pada Laman Blog Anda Bisa Menemukan Artikel Cara Menghilangkan Read More Otomatis pada Laman BlogSaya Ini, dengan url http://teguhdr-x.blogspot.com/2013/03/cara-menghilangkan-read-more-otomatis.html, Kamu Juga Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara Menghilangkan Read More Otomatis pada Laman Blog ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Cara Menghilangkan Read More Otomatis pada Laman Blog Sumbernya. Thank's

Cara Menghilangkan Read More Otomatis pada Laman Blog 9999out of 9999 based on 99999 ratings. 999 user reviews.