SlideShare uma empresa Scribd logo
1 de 4
Auto Read More adalah Membuat Otomatis Readmore pada blog .Auto
Readmore digunakan untuk menghemat tempat post pada beranda kita. dengan
Auto Read More anda tidak perlu repot-repot memberi jumpbreak pada setiap
postingan anda pada blogger, selain itu juga postingan pada beranda akan tertata
rapi karena tidak akan menggangu posting statis milik kita.pokoknya lebih
efisien deh jika meggunakan AUTO READMORE ini..ingin mencobanya
????silahkan baca artikel dibawah ini..

Langkah :
Pertama masuk dulu ke akun blogger agan,
Kemudian masuk ke Dashboard Blogger--Template--Edit
HTML(JANGAN LUPA mencentang Expand Widget Template)
Apabila anda sudah mengisi script Auto Read More maka anda harus
menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang
anda pakai sebelumnya, untuk mengetahui script mana yang harus anda
hapus
Cari tag </head> dan copy--kan script dibawah ini tepat dibawah
tag </head>(Gunakan Ctrl+F dan F3 untuk mempermudah pencarian)
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa
gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</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(thumbnail_mode == "yes") {
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>

Keterangan : Script berwarna biru adalah jumlah dan ukuran tampilan.
summary_noimg = Jumlah karakter tanpa gambar
summary_img = Jumlah karakter dengan gambar
img_thumb_height = Tinggi gambar {dalam pixel}
img_thumb_width =Lebar gambar { dalam pixel }

Anda bisa mengubahnya sesuai keinginan anda..............!!!!!!
Kemudian cari tag <data:post.body/> dan ganti tag tersebut dengan script
di bawah ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>

Nah untuk saat ini cuma artikel ini yang bisa saya bagikan kepada agan semua,
bila ada kekurangan mohon maaaf, kesempurnaan hanya milik ALLOH
SWT.....Semoga bermanfaat !!!

Mais conteúdo relacionado

Semelhante a Cara cepat membuat auto readmore pada blog

Pertemuan java script 2
Pertemuan java script 2Pertemuan java script 2
Pertemuan java script 2
zaenald i
 
Presentation1
Presentation1Presentation1
Presentation1
diahcaem8
 
Presentation1
Presentation1Presentation1
Presentation1
diahcaem8
 
Dasar-dasar jQuery
Dasar-dasar jQueryDasar-dasar jQuery
Dasar-dasar jQuery
Fitra Aditya
 
3 pemrograman internet html (1)
3 pemrograman internet   html (1)3 pemrograman internet   html (1)
3 pemrograman internet html (1)
Toni Tegar Sahidi
 

Semelhante a Cara cepat membuat auto readmore pada blog (18)

Pertemuan java script 2
Pertemuan java script 2Pertemuan java script 2
Pertemuan java script 2
 
Praktikum javascript
Praktikum javascriptPraktikum javascript
Praktikum javascript
 
Membuat curriculum vitae diko
Membuat curriculum vitae dikoMembuat curriculum vitae diko
Membuat curriculum vitae diko
 
Pemrograman Web - Pengenalan HTML
Pemrograman Web - Pengenalan HTMLPemrograman Web - Pengenalan HTML
Pemrograman Web - Pengenalan HTML
 
Java web application 2 - membuat template web
Java web application 2 - membuat template webJava web application 2 - membuat template web
Java web application 2 - membuat template web
 
Web Stastis disertai dengan link-link
Web Stastis disertai dengan link-linkWeb Stastis disertai dengan link-link
Web Stastis disertai dengan link-link
 
Membuat curriculum vitae
Membuat curriculum vitaeMembuat curriculum vitae
Membuat curriculum vitae
 
Presentation1
Presentation1Presentation1
Presentation1
 
Presentation1
Presentation1Presentation1
Presentation1
 
SQL Injection.pdf
SQL Injection.pdfSQL Injection.pdf
SQL Injection.pdf
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 
sqlinjection-230606224413-2efc0d99.pptx
sqlinjection-230606224413-2efc0d99.pptxsqlinjection-230606224413-2efc0d99.pptx
sqlinjection-230606224413-2efc0d99.pptx
 
Css tutorial-20
Css tutorial-20Css tutorial-20
Css tutorial-20
 
Dasar-dasar jQuery
Dasar-dasar jQueryDasar-dasar jQuery
Dasar-dasar jQuery
 
3 pemrograman internet html (1)
3 pemrograman internet   html (1)3 pemrograman internet   html (1)
3 pemrograman internet html (1)
 
HTML, CSS, JavaScript
HTML, CSS, JavaScriptHTML, CSS, JavaScript
HTML, CSS, JavaScript
 
Modul html
Modul htmlModul html
Modul html
 
Css tutorial-20
Css tutorial-20Css tutorial-20
Css tutorial-20
 

Mais de Operator Warnet Vast Raha

Mais de Operator Warnet Vast Raha (20)

Stiker kk bondan
Stiker kk bondanStiker kk bondan
Stiker kk bondan
 
Proposal bantuan sepak bola
Proposal bantuan sepak bolaProposal bantuan sepak bola
Proposal bantuan sepak bola
 
Surat pernyataan nusantara sehat
Surat pernyataan nusantara sehatSurat pernyataan nusantara sehat
Surat pernyataan nusantara sehat
 
Surat pernyataan nusantara sehat fajar
Surat pernyataan nusantara sehat fajarSurat pernyataan nusantara sehat fajar
Surat pernyataan nusantara sehat fajar
 
Halaman sampul target
Halaman sampul targetHalaman sampul target
Halaman sampul target
 
Makalah seni kriya korea
Makalah seni kriya koreaMakalah seni kriya korea
Makalah seni kriya korea
 
Makalah makromolekul
Makalah makromolekulMakalah makromolekul
Makalah makromolekul
 
126895843 makalah-makromolekul
126895843 makalah-makromolekul126895843 makalah-makromolekul
126895843 makalah-makromolekul
 
Kafer akbid paramata
Kafer akbid paramataKafer akbid paramata
Kafer akbid paramata
 
Perilaku organisasi
Perilaku organisasiPerilaku organisasi
Perilaku organisasi
 
Mata pelajaran seni budaya
Mata pelajaran seni budayaMata pelajaran seni budaya
Mata pelajaran seni budaya
 
Lingkungan hidup
Lingkungan hidupLingkungan hidup
Lingkungan hidup
 
Permohonan untuk diterima menjadi tenaga pengganti
Permohonan untuk diterima menjadi tenaga penggantiPermohonan untuk diterima menjadi tenaga pengganti
Permohonan untuk diterima menjadi tenaga pengganti
 
Odher scout community
Odher scout communityOdher scout community
Odher scout community
 
Surat izin keramaian
Surat izin keramaianSurat izin keramaian
Surat izin keramaian
 
Makalah keganasan
Makalah keganasanMakalah keganasan
Makalah keganasan
 
Perilaku organisasi
Perilaku organisasiPerilaku organisasi
Perilaku organisasi
 
Makalah penyakit genetika
Makalah penyakit genetikaMakalah penyakit genetika
Makalah penyakit genetika
 
Undangan kecamatan lasalepa
Undangan kecamatan lasalepaUndangan kecamatan lasalepa
Undangan kecamatan lasalepa
 
Bukti registrasi pajak
Bukti registrasi pajakBukti registrasi pajak
Bukti registrasi pajak
 

Cara cepat membuat auto readmore pada blog

  • 1. Auto Read More adalah Membuat Otomatis Readmore pada blog .Auto Readmore digunakan untuk menghemat tempat post pada beranda kita. dengan Auto Read More anda tidak perlu repot-repot memberi jumpbreak pada setiap postingan anda pada blogger, selain itu juga postingan pada beranda akan tertata rapi karena tidak akan menggangu posting statis milik kita.pokoknya lebih efisien deh jika meggunakan AUTO READMORE ini..ingin mencobanya ????silahkan baca artikel dibawah ini.. Langkah : Pertama masuk dulu ke akun blogger agan, Kemudian masuk ke Dashboard Blogger--Template--Edit HTML(JANGAN LUPA mencentang Expand Widget Template) Apabila anda sudah mengisi script Auto Read More maka anda harus menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang anda pakai sebelumnya, untuk mengetahui script mana yang harus anda hapus Cari tag </head> dan copy--kan script dibawah ini tepat dibawah tag </head>(Gunakan Ctrl+F dan F3 untuk mempermudah pencarian) <script type='text/javascript'> var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar summary_noimg = 430; summary_img = 340; img_thumb_height = 150; img_thumb_width = 150; </script> <script type='text/javascript'> //<![CDATA[
  • 2. 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(thumbnail_mode == "yes") { 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; } }
  • 3. var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> Keterangan : Script berwarna biru adalah jumlah dan ukuran tampilan. summary_noimg = Jumlah karakter tanpa gambar summary_img = Jumlah karakter dengan gambar img_thumb_height = Tinggi gambar {dalam pixel} img_thumb_width =Lebar gambar { dalam pixel } Anda bisa mengubahnya sesuai keinginan anda..............!!!!!! Kemudian cari tag <data:post.body/> dan ganti tag tersebut dengan script di bawah ini. <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>
  • 4. createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <a class='more' expr:href='data:post.url'>Read More >></a> </b:if> </b:if> Nah untuk saat ini cuma artikel ini yang bisa saya bagikan kepada agan semua, bila ada kekurangan mohon maaaf, kesempurnaan hanya milik ALLOH SWT.....Semoga bermanfaat !!!