mas template
→ → Cara Menghilangkan Read More Otomatis pada Laman Blog

Cara Menghilangkan Read More Otomatis pada Laman Blog

Unknown
Tutorial Blog
Senin, 25 November 2013
Belum ada komentar
Sebelumnya saya telah menulis artikel tentang Cara Membuat Read More Otomatis dengan CSS Animation, Mungkin masih ada beberapa blogger yang memasang read more otomatis mengalami kendala, yaitu tombol read more / baca selengkapnya yang seharusnya hanya memotong dan muncul di artikel tetapi malah ikut muncul di halaman blog. Ini sangat berbahaya karena dengan begitu konten pada halaman yang terpotong oleh read more / baca selengkapnya tersebut tidak akan bisa dilihat oleh pembaca. Nah disini saya akan memberikan Tutorial Menghilangkan Read More / Baca Selengkapnya pada Halaman Blog.


menghapus read more pada laman blogger

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 class="thumb-post"><span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt5BfvnRNs1j1hdZtGGoFzIfioUvRxx3_c50LFdEZMBYF-gqIKfiT8d75X2hoz7k5pE4ZSdw3-wPuz1JknyZ150d1sDMBWwqiaum1MRqJqmW4xiDvrlAxLf2G_LV0ylojhTs85ZADjaiA_/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>

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 class="thumb-post"><span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt5BfvnRNs1j1hdZtGGoFzIfioUvRxx3_c50LFdEZMBYF-gqIKfiT8d75X2hoz7k5pE4ZSdw3-wPuz1JknyZ150d1sDMBWwqiaum1MRqJqmW4xiDvrlAxLf2G_LV0ylojhTs85ZADjaiA_/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>
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


<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

sekian Tutorial Cara Menghilangkan Read More Otomatis pada Laman Blog ini

0 Response to "Cara Menghilangkan Read More Otomatis pada Laman Blog"

BACA DULU SEBULUM BERKOMENTAR PERATURAN BERKOMENTAR DI BLOG INI :

- Di Wajibkan Berkomentar Dengan OpenID,supaya mimin bisa berkunjung balik
- Berkomentarlah sesuai artikel diatas,Jika diluar artikel gunakanlah tag [ OOT ].
- Berkomentar Disaran kan Sesuai Artikel
- Untuk Menyisipkan Kode Gunakan <i rel="code">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan pre Gunakan <i rel="pre">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan Catatan/Blockquote Gunakan <b rel="quote">Tulis catatan di sini</b>
- Untuk Menyisipkan Link Gunakan <i rel="anchor">URL DISINI</i>
- Untuk Menyisipkan Gambar Langsung Saja Tulis URL Imagenya
- Untuk Menyisipkan Video Youtube Langsung Saja Tulis URL Videonya


Konversi KodeEmoticon