• INFO DAFTAR CUG
  • WA:085200000285
  • PIN: D703CC94

cara membuat read more otomatis temolat bawaan blogger terbaru - arminaven

 

Advertisement
Solusi Nelpon SMS Paket Internet Telkomsel Murah - KLIK DISINI

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Cara Membuat Readmore Otomatis di Blogspot. Kali iniarminaven ingin sharing kepada sobat bagaimana cara membuat readmore otomatis (auto read more) di blogspot. Mungkin telah banyak yang membahas cara ini di blognya masing-masing, tetapi tidak ada salahnya arminaven mempublishnya.

Dengan adanya readmore otomatis, homepage blog kita akan terlihat rapi dengan ketentuan tinggi dan lebar yang bisa di atur dengan mudah, juga menampilkan thumbnails gambar di sampingnya.

Sebelumnya zona-klik minta maaf jika cara penyampaian di artikel ini kurang dipahami dan dimengerti oleh sobat blogger, karena itulah kemampuan dan pengetahuan zona-klik membahas cara membuat readmore otomatis di blogspot.


PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis diatas kode tersebut.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>
KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
kodenya mungkin ada beberapa, silahkan dicoba satu persatu, arminaven berhasil pada kode yang kedua selanjutnya ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...


KETIGA, klik save template

Untuk melihat hasilnya coba buka halaman home page blog sobat, jreng...jreng...jreng... readmore otomatis telah tampil dan blog sobat terlihat lebih menarik sehingga menimbulkan daya tarik tersendiri bagi pengunjung.



Bisnis Investasi Online

Sobat punya blog ??
jangan biarkan menganggur hanya untuk tempat sharing semata
maksimalkan dengan melakukan bisnis online.
Arminaven mengundang sobat untuk mendapatkan usaha sampingan lewat blog

Penghasilan yang didapatkan Rp 50.000 s/d 1juta perhari dari INTERNET !
mari gabung sekarang
free member juga dapat komisi
semoga sukses
Nama :
Email :


segera validasi email sobat dan ikuti langkah - langkah selanjutnya
terima kasih telah bergabung
Salam Arminaven

DAFTAR CUG SEKARANG | KLIK DISINI

cara membuat read more otomatis temolat bawaan blogger terbaru - arminaven 4.5 5 Unknown بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم Cara Membuat Readmore Otomatis di Blogspot . Kali iniarminaven ingin sharing ...


2 komentar:

  1. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus
  2. terima kasih atas kunjungannya...

    BalasHapus

1.Jangan lupa koment yah kawan,untuk mempererat silaturrahim, NO CAPTCHA berkomentarnya.
2.Silahkan kawan becanda,asal dengan etika.
3.Komentar Dengan Moderasi untuk menghindari SPAMMER. Yang mau pasang Link,gunakan NAME/URL. Link LIVE otomatis terhapus
4. Yang gak punya akun maka silahkan berkomentar sebagai "Anonim"
5.Gunakan media komentar ini sebagai sarana saran, masukan serta request :)
6.Terimakasih kunjungan dan komentarnya kawan,Mohon maaf jika belum bisa berkunjung balik

J-Theme