Auto Read More v2

Posted by Abdul Roqib | Monday, May 10, 2010 71 comments
Auto read more - Pada posting sebelumnya cara membuat auto read more pada blogger, nah pada postingan kali ini merupakan auto read more blogger juga tapi sedikit perubahan dan tampilan yang semankin menarik. mau tau bagaimana cara pasang auto read more kali ini?? langsung aja yuk ke TKP.

Cara pasang auto read more:
1. Log in di Blogger.com
2. pilih Edit HTML, click Expand Widget Templates
3. carilah kode </ head> dan copy kode di bawah ini letakkan sebelum kode </ head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; 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>

4. cari kode <data:post.body/> atau <p><data:post.body/></ p>, ganti kode tersebut dengan kode di bawah ini :
<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>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'><br/><b>Read More … </b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. kemudian Save Template.
6. selesai...

71 comments: to "Auto Read More v2"

yogadc said...

PertamaX JA deh,,
Nice info, btw tuh auto readmore ma auto thumbnail ya?

yayah said...

tp skrg kan udah ada beberapa template yang udah diset read me

Imoel said...

boleh juga nich sob di coba auto readmore v2 nya.. makasih ya sob.. langsung tak coba nich..

sepwawan said...

Dicoba dulu ya mas roqib.

belajar rekaman said...

nah... akhir nya ketemu juga...
dicoba dulu yah mas :D

home recording tutorial

yudi said...

makasih infonya..

yudex said...

salam kenal :)

tonbad said...

terimakasih,, triknya udah tak pasang di blog saya,,
:D :D :D :D

Manchester United Tech said...

thx tutorialnya nih, kalo saya pake read more versi blogger...

Bisnis Online Rahasia Dahsyat Hidup Sukses dan Uang Melimpah said...

Thanks infonya mas. Sangat bermanfaat sekali!

MisterXWebz said...

Keren sob... tapi untung templateku dah otomatis readmore,, thx inponya ditunggu kunjungan dan saran-sarannya, maklum lagi belajar ngeblog :D ...

berpikir positif said...

mantap reamore terbarunya, kaau blogku kupasang yang memang bawaan template karena nggak bisa utak-atik blog, salam kenal dari newbie mas roqib

Bali Wedding Photographer said...

Bloeh juga neh infonya....,
Saya saat ini masih mengunakan Fitur barunya blogger...

salam kenal..
izin follow yaph...

software45 said...

Mantap Bro...thanks infonya..

candra said...

mantap banget mas abdul roqib ...
saya dulu make yg lama ...
mudah2 an berguna ya buat kita semua ilmu nya...
amin.....

Dimas said...

wah makasih nih tutorialnya mas...

Artikel Internet Online said...

dicoba dulu mas, mau liat perbedaannya..

Akhyar's Blog said...

dicoba dulu mas, mungkin lebih bagus read more yg in..

Ingat Solo Ingat Soloaja.com said...

wah mantaf nih kang abdul tipsnya..udah saya prakttekan dan berhasil..

Lowongan Kerja Bali said...

Kira2 yang sudah aku pake, sama gak ya...? Coba deh... Thx for share bro...

abdull said...

kalau buat wordpress bisa nga gan ya??
makasih infonya..

bisnis hosting said...

@abdull, kalo wordpress kan sudah tersedia secara default

Indra said...

sblumnya sya sudah psang script sblumnya,klo mau psang yang auto readmore v2 ini pa kudu di ganti yg sblumnya atau lngsung aja psang yg bru.,
thx

Gus Ikhwan said...

makasih atas infonya dan tutorialnya mas
kalau saya juga memakai kaya gituan
oia kalau mau belajar seputar seo series tutorial saya rekomendasikan ke www.mxwan.web.id/
karena blog itu membahas seputar seo

zonda said...

wew ini baru info yang aku cari-cari...
readmore...
susah banget mas...
thanks udah sharing..

Rizky2009 said...

kalau d blog q dah bawaan dari template sob

khadafi said...

thx infonya kk. . .

iklan gratis said...

Makasih Bro infonya.. mantabs dah..

lowongan kerja bali said...

langsung dicoba bos... mumpung masih baru ni blog! :)

Oky said...

wah, asli ane baru denger nih.. dicoba dulu deh..

:):):)

job said...

gag bisa

the kampret said...

mangstab gan infonya...

bayuzacky said...

nice,,,,,,,

dadan said...

kakak,, tmpilannya udah bagus, tapi kok tampilan laman nya tidak bisa ditampilkan???

hanya online said...

Tipsnya manfaat banget bos..

Sex Therapy said...

mantab bos makasih ya

Nenek nenek salto said...

di tes dulu ah nenekmau pergi dulu

Anonymous said...

Mau gak dapatin 1,5 juta dalam sebulan???

Jika anda ingin dapatin 1,5 juta sangat gampang sekali, persiapannya hanya perlu
1. punya akses internet (speedy atau modem internet (GSM / CDMA) atau warnet (tidak maksimal))
2. buka link http://tinyurl.com/2emx8c4 kemudian mendaftar
3. siapkan 10ribu untuk membayar administrasi pendaftaran
4. anda bekerja memberitahukan orang untuk mendapatkan uang 1,5 juta dalam sebulan,
setelah itu kamu akan juga dapatin 1,5 juta dalam sebulan. Pekerjaan ini sangat gampang, saya akan

beritahu caranya: beritahukan melalui pasang iklan gratis seperti saya.
5. GampangKan???
6. Pasti gak bakalan rugi

jangan lupa buka link http://tinyurl.com/2emx8c4
kemudian daftarLah menjadi orang terkaya secara mendadak...
PASTI ANDA BISA dan SAYA YAKIN ANDA BISA MENJADI ORANG TERKAYA

Information technology said...

thax,...
visit yach,...

belajar membuat blog said...

sangat bermanfaat pak infonya..
kunjungan balik ya pak, dan kalo ada yang kurang mohon dikoment blog saya.
sukses ya pak.

membuat blog gratis said...

makasih mas,
ilmunya mantap..

rahasia sulap said...

sangat top tipsnya..
semoga selalu update ya..
thanks..

chamakh said...

Mas, kalo ak gag nemu (data:post.body/) atau (p)(data:post.body/)(/ p) bijimane neh? trus script yg kedua ditaruh mana neh? balesannya ditunggu mas. :)

Panduan Dan Tutorial Gratis said...

sip bgt deh totornya, auto read more memang sangat membantu agar tidak lagi dilakukan secara manual yang bikin repot....

Membuat Auto Read More said...

ane juga udah punya nih bro postingan auto read more...semoga sukses selalu

Dunia Download Gratis said...

langsung coba kawan

kumpulan-karyailmiah said...

aku pengen liat tutorial biar halaman mandiri tidak ikut2an pake readmore alias langsung terlihat fullpost,kayak template kang rohman the mez. tutorialnya dunk.
kumpulan karya ilmiah

Cara Beriklan Di Internet said...

wah kayanya boleh nih,,hehe

Shio 2011 said...

boleh juga nih gan

buah merah said...

kalau untuk Wordpress ada ga file jadinya file zip nya ada ga ya.. thx

Kumpulan Script Untuk Memasang TV Online di Blog - Cara Pasang TV Online di Blog (Streaming) said...

berarti kayak blog saya dong mas auto readmorenya? hehehe :) thanks mas :D

smilenet4u said...

makasih mas infonya sudah aya praktekkan liat aja : http://smilenet4u.blogspot.com/

ashev said...

dicoba ah. hehe.. :D

Javahostindo Web Hosting Indonesia said...

hemm sudah coba sob, makasih deh atas sharenya, pasti sangat berguna bagi para blogger pemula

Steve said...

auto read more memang sangat bermanfaat untuk mempermudah dalam blogging. terima kasih buat info yg sangat bagus ini.

Nikmaya John said...

Mantapp tutorialnya, sukses selalu.....

hukum indonesia said...

sip banget tutornya. semoga sukses selalu mas :)

media pendidikan said...

TOP BGT! many thanks for this cool article :D

Jasa Penerjemah Tersumpah | Jasa Penerjemah | Penerjemah Resmi said...

nyari2, eh dapetnya disini,,,

Busana Muslim said...

tutorial yg membangun..

makeityourring diamond engagement rings said...

Thanks infonya SOB mau kucoba di bloggspot ane

SMARTPHONES said...

Auto Read More v2 ini contohnya kayak gimana gan..
maaf nih... masih nyubi ;)

Surabaya Web Design said...

mantab..

Tutorial Blogspot said...

thanks infonya

solusi mengobati kanker usus said...

info yang keren dan menarik,,,moga bermanfaat buat smuanya,,makasih dan sukses slalu,,,

obat tradisional mengobati jerawat said...

keep blogging moga jadi ilmu yang berguna,,

Handy Eka said...

mas," data:post.body/ " tidak ditemukan

Computers Division said...

keren mas,, saya dah coba dan sukses :D

How To Make said...

thanks for u tutorial,, this success in my ugly blog,, thanks from

www.howmake.co.cc

nyeri haid said...

jadi pengen masang...
hehe

izin ke TKp dulu mass,,

obat herbal penyakit gondok/gondongan said...

thanks yah gan atas info cara pemasanga auto read more nya...

Post a Comment

What's your comment about Auto Read More v2, type in the comment form below. Please Don't Spam.!!!