Cara Membuat Auto ReadMore (Thumbnails) Blogger V2 + Button (Updated 2014)

membuat auto readmore dengan thumbnail dan button update 2014
Ini adalah post lama yang saya update kembali dan saya sesuaikan dengan beberapa hal, terutama masalah editing template yang berbeda dengan template lama. Selain itu, masih banyak sobat blogger yang menyimak cara membuat auto readmore versi satu yang kurang sempurna, dan artikel ini sebenarnya adalah penyempurnaannya, tapi mungkin karena artikel ini masih kalah di pencarian SE (di bawah artikel readmore V1), banyak sobat blogger yang masuk ke sana. Oleh karena itu, post ini saya update lagi lengkap dengan gambar-gambar auto readmore yang bisa dipake free.

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah penyempurnaan dari script auto readmore V1, di mana ditemukan adanya masalah pada halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut muncul, sehingga harus diberi pengecualian (b if cond & b else) untuk static pages pada scriptnya. Selain itu, javascript dlm auto readmore ini juga bersifat internal jadi tidak perlu lagi memuat file .js eksternal yang diupload ke hosting lain. Meskipun file template menjadi sedikit lebih besar, namun loading  page menjadi lebih cepat daripada auto readmore sebelumnya.

Langkah-langkahnya:
1. Masuk ke dashboard > Template > Edit HTML. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.
2. Jika dulu sudah diisi script auto readmore yang pertama, hapus terlebih dahulu, gunakan panduan dari posting auto readmore V1 untuk mengetahui mana saja yang harus dihapus dan dikembalikan.
3. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F dan masukkan tag di dalam kotak search, tekan enter):
<!-- Auto read more script -http://buka-rahasia.blogspot.com- Start -->
<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>
<!-- Auto read more script -http://buka-rahasia.blogspot.com- End -->

  • summary_noimg=jumlah karakter tanpa gambar, 
  • summary_img=jumlah karakter dengan gambar, 
  • sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (tinggi dan lebar [dalam pixel]).

Ubahlah poinpoin tersebut sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F, masukkan kode ke dalam kotak pencarian, tekan enter), dan GANTI dengan:
<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<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>
<!-- Auto read more -http://buka-rahasia.blogspot.com- End -->
Kostumisasi:
Ganti Read More >> dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan berwarna merah tersebut dengan:
<img border='0' src='url (direct link) gambar readmore'/>
contoh:
<a class='more' expr:href='data:post.url'><img border='0' src='http://hostgambar.com/gambar-readmore.png'/></a>
Pake gambar-gambar ini, ato kalo kurang cocok cari sendiri :p
"Save as" kemudian upload sendiri dan ambil url gambarnya. Kalo perlu resize dulu sesuai dengan kebutuhan dan ukuran yang pas.

Gambar Readmore Button Gratis (PNG Transparan)

----------------
Update (12102011):
Di komentar sobat Ari di bawah ditanyakan: bagaimana cara agar tampilan teks di post summary - auto readmore bisa rata kiri kanan (justified)
Lihat bagian ini pada script kedua di atas. Jika auto readmore sudah dipasang, cari dengan Ctrl + F:
<div expr:id='&quot;summary&quot; + data:post.id'>
Untuk membuat teks di post summary dlm readmore justify, tambahkan style css ini ke dalam tag: style='text-align:justify;'
Jadinya:
<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'>
----------------
4. Preview terlebih dahulu, jika sudah beres, kemudian save.

Gunakan kotak komentar untuk menyampaikan pertanyaan, permasalahan, atau apapun tentang script ini.

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

Cara Membuat Auto ReadMore (Thumbnails) Blogger V2 + Button (Updated 2014)
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

add a comment 237 Comment(s):

Agung said...

mantapbs bro...
jadi pas posting qta ga usah seting2 lagi...

Ahmad Khoirul Azmee said...

okay, jika ada problem dengan scriptnya, don't hesitate to tell me as soon as possible...

Zulsyiddin said...

Mas, Blog Yang di banned berapa lama bisa di buka. neh blog saya yang kena banned http://www.dzulf.blogspot.com

Ahmad Khoirul Azmee said...

saya sarankan langsung contact aja bro ke Blogger, itu berarti ada hal2 yang melawan Terms and Services Blogger. Blogger punya automated disabling feature yang otomatis men-disable suatu blog karena di anggap spam atau juga secara manual, misalnya dilaporkan karena pencurian konten. Lamanya gak pasti tergantung berapa banyak blog yang di-review, so saya sarankan langsung kontak aja ke Blogger lewat ini: http://www.blogger.com/problem.g
Good luck.

biru langit said...

misi mas, mau nanya stelah saya ikutin petunjuk2 dari mas kok pratinjaunya nampilin teks begini mas:
"judul postingan saya"
'Normal o false false false EN-SG X-NONE X_NONE...'
"Read more>>"
apakah ada yang salah mas? kalo ada minta petunjuknya lagi dong.. hehe..
thx b 4..

Ahmad Khoirul Azmee said...

halo biru, setelah saya cek blog kamu, ada banyak karakter non unicode yah (arabic). itu masalahnya. coba dikirimkan templatenya ke saya yah. (backup, trus attach lewat email).

pras said...

gan, yang kode "" kok ga ada ya?
ada cara lain ga?

Le Ciel said...

ralat.
kode data post body kok ga ada ya?
ane dah make ctrl + F juga

Ahmad Khoirul Azmee said...

@Pras: kode yang bagaimana itu, tolong diperjelas.

@La Ciel: Apakah anda sudah memastikan mencentang Expand Widget Templates di bagian kanan atas kotak edit HTML? pastikan dulu. Good Luck.

Flayredho said...

Thank you banget mas..MANTAP !!

Flayredho said...
This comment has been removed by the author.
Ahmad Khoirul Azmee said...

sip.. oke nanti segera mampir

Ahmad Khoirul Azmee said...

itu pake auto readmore darimana bro, itu pake script auto-post-title juga dibelakang readmore. trus problemnya ada di bagian apa? saya lihat fine2 aja tuh.... yang detil ya infonya.. trus untuk cek, silakan backup templatenya and kirim lewat email. oce...

Wahyu pranajaya said...

gua suka banget dengan blog lo ganhahaha i like it , god job :D

dsadissa said...

mas, saya udh ngikutin petunjuknya.
tp pas di preview malah keluar ini :
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Content is not allowed in trailing section.

gak ngerti dimana letak salahnya, udh berulang kali nyoba ttp gak bs.
mohon bantuannya mas. makasih :)

Ahmad Khoirul Azmee said...

itu karena ada tag yang tidak tertutup dengan benar mba', atau tidak lengkap. Ulang lagi ya... pastikan script tercopy semuanya dan ga ada yang tertinggal.

Jika masih belum bisa juga ntuk mengetahui template mba', silakan di backup ya, trus dikirimkan ke email saya.

dsadissa said...

udah nyoba lagi mas. tp gak bisa juga.
sudah saya kirimin ke emailnya mas, makasih :)

Ahmad Khoirul Azmee said...

okay, nanti templatenya saya cek n tes dulu y.

bramantyo adjie said...

oks bgt thaks ya....

bramantyo adjie said...

kalu pengecilan image sebagai thumbnail pake prosentase bisa ndak ya??

Ahmad Khoirul Azmee said...

oh, ndak bisa bro, karena javascript ini sudah pakem dalam kaitannya dengan ukuran gambar (pake pixel).

LutFiiy Lavhalitya said...

wah keren tuto nya :D thx dah jadi dan working :)

4you said...

100 % berhasil... makasih gan... kunjungi blog saya dong kang kalo sempat... tlong kritik apa yang kurang.... maklum gan masih pemula...

Mbah surip said...

matur suwun pakde,,,,i love you full....!!!
haaaa haaaa haaaaaaaa..
hayooo mau kemanaaaaaaa...

Ahmad Khoirul Azmee said...

@all: sip dah... selamat menggunakan auto readmore blogger ini ya

misam-misem.blogspot.com said...

tenkyu ilmunya.. berguna banget... :D

Aalil said...

Makasih banyak sob, mau edit blogspot ane yang dah lama gak di rawat.... Salam

handoko said...

thank gan...gua coba lgsung berhasil..hehehe
good post dah

Eko (Riiscky) said...

mas kok kagak bisa ea,,,,
sama az thu tampilan nya....
ntu postingan yg lama otomatis jd readmore kn???
g harus posting yg baru dulu....

Liputan Terbaru said...

seep thanks sobat share ilmunya :)

Belajar Blog said...

seep aku lagi belajar edit-edit blog thanks ya tutorialnya....

"Tamra The Island" said...

tengs infonya gan .. .

Abdullah Bassam said...

gan ... tolong dong blog ane baca selengkap nya ada dua ...

tolong pencerahnya ya..

www.duloeahblog.blogspot.com liat dulu bos nanti komen di buku tamu script apa aja yang harus di hilangkan

Katsura said...

hi there...thanks for the tutorial...
btw i saw some blogger templates have these script where the post thumbnail only show part of the image like on this template's :

http://focuspoint-dzignine.blogspot.com/
http://savetheking-btwtemplates2.blogspot.com/

can you teach how to implement this on my blogger? :)

Ahmad Khoirul Azmee said...

Hello, dude.
The first one is in the concept of gallery template. It has quite different structure. You could use this hack, change the values of summary_noimg and summary_img to show only thumbnails on the post summary pages. However, you have to change the structure of your template to get the Gallery views and it needs a bit hard work.
The second one, is almost the same with this hack. It's just the matter of CSS. Unfortunately i couldn't get the link to your blog, you're blogger profile page couldn't be accessed.

Ahmad Khoirul Azmee said...

@Abdullah: Itu karena anda dulu membuat readmore di posting. Edit posting dan hapus tag readmore.

Elfarizi said...

thanx mas inponya :)
mas, coba liat blog saya... kepengen nanya nih. kalo gambar 'read more' nya mau digeser ke kanan (rata kanan) gimana ya??? thanx...

Ahmad Khoirul Azmee said...

tanmbahkan ini: style="float:right"
ke dalam:

a class='more' expr:href='data:post.url' Read More dst.....

jadinya:

a class='more' style="float:right" expr:href='data:post.url' Read More dst.....

Irma Devi Santika said...

sudah dicoba, success full..
makasi buat infonya mas :)
tampilan postingan blog jadi rapi.

Ahmad Khoirul Azmee said...

@ Irma: yup ur welcome. saya tadi udah cek ke blogmu n emang readmore-nya bikin rapi. btw, blognya keren :D saya suka idealisme kamu ^_+

Ari said...

Sebelumya, thanks atas Tutor nya master,,,,,
tp ada 1 pertanyaan dari saya,,
gimana biar autoreadmore diatas teks nya rata kiri kanan (justify) di Home page (saya pilih tanpa gambar). saya tunggu jawabannya mas,,,
ijin bukmak dulu, biar mudah ksini lagi. :D

THanks.

Ahmad Khoirul Azmee said...

Halo :D untuk membuat tampilan summary menjadi justify, silahkan simak update saya di atas ya.

indosurfcamp said...

Nice info & Ma kasih sobat ....

Anonymous said...

hi i know this is off topic but i seriously need help...

so i found this free gallery style template but when i click the post picture it goes FULLSIZE i wanted to make it go into the post page...i really like this template and the Designer site seems dead...anyway if you can pls help

here is my test blog with the template on :

http://half-pricedbento.blogspot.com/

Ahmad Khoirul Azmee said...

hi.
to remove the full size effect to the images, you should remove this:

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.js' type='text/javascript'></script>
<link href='https://sites.google.com/site/bingonosadk/fullsize.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/bingonosadk/jquery.fullsizeTXT.txt' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
jQuery("img").fullsize([]);
});
//]]>
</script>

find above </head>

to edit more and to give direct link to the post page, i need to know your xml template.

ADC said...

i'm the Anon above :)

here's the xml : http://www.mediafire.com/?8q9y8blpoytap6b

Rahmat Hermawan Adi Saputro said...

mass nanya dong , kok saya posting komentar dengan cara copas , kok pas di read more malah jadi ada 2 artikel yang sama padahal saya cuma copas 1 x

RayZ said...

Itukan berguna untuk label pada blog, tapi saat kita menggunakan Widgets "Laman" pada blog, Read More tetep muncul, namun ketika di tekan read more pada laman blog, hasilnya tidak berubah. .gimana ini ? ?

Ahmad Khoirul Azmee said...

@Rahmat: itu berarti data post body anda ada dua, hapus yg paling belakang.

@RayZ: apakah anda menggunakan readmore script yg di atas? jika iya seharusnya tidak dan itu bukan pengecualian pada label, melainkan halaman statis. blog ini jg menggunakan script yg sama. silahkan klik salah satu halaman statis blog ini, readmore tidak muncul. oh ya, apa yg dimaksud dengan widgets laman?

DJENDRAL BERBAGI said...

Mas, klw max resultnya dibikin lebih dari 5 per halaman gimana?

Ahmad Khoirul Azmee said...

itu settingan bloggger mu. masuk ke setting > formatting: isikan jumlah/angkanya. atau bisa juga lewat design/layout > klik edit post pada bag bawah badan posting, isikan jumlahnya, save.

EX-SCRIPT said...

bang gimana caranya buat auto readmore hanya gambar .... saja ....
dan tidak pecah kalo gambarnya kecil

Ahmad Khoirul Azmee said...

beri nilai 0 pada:
summary_noimg = 430;
summary_img = 340;

jadinya:
summary_noimg = 0;
summary_img = 0;

gambar digenerasikan dari gambar pertama di dalam posting, sehingga kualitas serta hasil resize mengikuti gambar yg ada. gunakan gambar dengan ukuran yg fix di dalam posting, misalnya set gambar dengan ukuran gambar seperti yg diinginkan dengan ukuran yg ingin dimunculkan di summary (readmore) misalnya semua gambar akhirnya diset 300px x 200px ,
img_thumb_height = 300;
img_thumb_width = 200;
maka gambar di seluruh posting harus punya skala sama, misalnya 600px x 400px (2 kali dari gambar post summary).

Sugiman Alkaromah said...

makasih gan. mo nanya, klo readmore x dbkin kya gni "Detail : keterangan" tuk detail=link readmore & keterangan teks biasa. gmna? tlg cek www.andamanproperty.com yg pgn q tiru read more x bat blog q. http://rumah-raya-lanang.blogspot.com tks. dtunggu komen balik.

Ahmad Khoirul Azmee said...

kalo mau buat begitu, berarti harus mengubah struktur tampilan terlebuh dahulu. Trus halaman web tersebut menggunakan php dan banyak menggunakan halaman statis, tidak seperti blogger. Masing2 struktur readmore dibua dengan menggunakan tabel. Ada banyak sekali perbedaannya dan untuk membuat hack seperti ini butuh waktu :-)

bLog BuDaq dEgiL said...

makasih banget mas,saya udh coba dan berhasil,ini baru OK punya...semangat teruuus.
mampir ke blog-ku yaah....
http://blogbudaqdegil.blogspot.com
http://gitarchordshack.blogspot.com

Ahmad Zaki said...

Terima kasih mas, setelah coba sana sini akhirnya bisa juga..hahaha
salam kenal..saya baru buat blog.

The Beauty of Indonesia said...

Langsung ke TKP gan..
Nice Post..

Di tunggu kunjungan baliknya..



Regard,

admin@beautynesia.org

Yahdi Ma'ad said...

Kang, gimana caranya kallo ngerubah tulisan "Read More >>" nya ada disebelah kanan ??

Mohon Pencerahannya ...

Dio Fahriza said...

thnks banget mas... emang ni yg lagi ane cari cari. maklum masih newbie di blogger.. hehe

Muhammad Ryan Putra Falefi said...

Mass, kenapa Ya ...
Setelah saya memasang Read More, kok hanya 3 Post yang tampil ??

Ahmad Khoirul Azmee said...

set jumlah posting yg ditampilkan melalui layout/design > page elements (halaman add a gagdet) > klik edit pada kotak badan posting. set jumlah posting sesuai dengan yg diinginkan > save.

Ahmad Khoirul Azmee said...

@Yahdi: jawabannya lihat komentar disini

Yudi Sutopo said...

kak mau tanya :
1. gimana caranya biar postingan aku ga terkopi dua kali (liat postinganku ya)?
2. gimana buat setiap widgetku ada didalam bingkai semua?
3. gimana ngubah background atau latar postingan? warna background punyaku ga sesuai sama tulisannya.
4. terakhir nih kak, ngilangin bingkai foto gimana?
udah praktekin jurus-jurus dari teman2 bloger lainnya, masih juga ga bsa. keterangannya selalu "input border color" error 500. http://yudi-sutopo.blogspot.com/
makasih responnya kak.

Ahmad Khoirul Azmee said...

@Yudi: oke aku ntar cek dulu ya semuanya yg ada di blog serta templatemu. jika perlu, kirimi saya template blognya biar saya bisa liat jelas permasalahan di template-nya.

Kg. zIe cHu'n said...
This comment has been removed by the author.
kreasimenu said...

widget auto readmore dan widget scrollingnya dah berhasil semua mas, thx utk tips dan bantuannya ya, masih banyak kebutuhan lagi nich tp sambil jalan aja, btw thx berat utk panduannya mas, silahkan dicek barangkali ada yg kurang mas, masih butuh banyak masukan dan belajar dr bapak guru Azmee nich he he he....

john sondanx said...

waduh mas, sudah berhasil sih di blog ku..
tapi postingan saya jadi mepet gitu kata-kata yg saya "Enter" ama kata sebelumnya :'(
trus saya masukin kode yg mas tulis di komentar di atas biar tulisan "read more" nya ada di kanan gitu, eh hasilnya kayak mba Dsadissa→ Template tidak dapat diparse

yaudah saya undo aja kode buat rata kanan "read more" nya..
sejauh ini sih baru saya pratinjau doang..
mohon responnya mas ;)

john sondanx said...

eh eh udah bisa deng.. yg pertama ga bisa di rata kanan-in "read more" nya soalnya→ style="float:right" ga pake spasi dulu sesudah kata sebelumnya :P

mengenai komen pertama saya yang depannya tuh mastah, emang ga bisa dibenerin ya?
jadi tampilan tulisan sebelum kita klik "read more" emang jadi mepet-mepet gitu kata yang kita "Enter" ama kata sebelumnya? :'(

Mas Dalang said...

Mas minta ijin posting ulang artikel ini di blog saya, terima kasih.


ttd,
Mas Dalang

hair care information said...

wah dapat ilmu baru nih disini, thanks gan...

Hanif Nurmi W said...

makasih gan,dapat ilmu bbaru. . .

http://mendoanpurbalingga.blogspot.com/

LuqmaN_BloggeR™ said...

Mas Brow Saya Boleh CoPas Engga Kalo Boleh Engga Apah" Kalo Engga Boleh Terima Kasih. Karena Artikel Ini Saya Suka

Minta Izin Brow

campursatu said...

mastah ana udah coba ko hasilnya cuma ada 2 postingan ya yang tampil? padahal udah di setting max 7 post...

ana baca komentar di atas katanya hapus dulu auto readmore yang dipasang di posting.. itu caranya gimana yag? :D

oh ia kalo sempet bikin tutor buat bikin gambar statis di pinggir page dong (kaya whos.amung.us di blog saya), saya pengen bikin link ke contack pake gambar di pinggir page yang ngikutin page kalo di scroll trus 1 lagi script status facebook di blog (kaya twit di blog saya) ya... :D

makasih..
kalo bisa kirim ke email ya balesannya... :D

maaf banyak banget maunya... :))

Annisa Arfani Yusuf said...

mas mo nanya nih, gimana caranya supaya gambar yang kita posting ukurannya sama dengan aslinya?
saya udah coba img_thumb_height = auto dan img_thumb_width = auto .tapi semua postingan malah muncul mas. mohon infonya yah :)

Ahmad Khoirul Azmee said...

tidak bisa value auto digunakan pada javascript. anda harus menggunakan nilai persisnya. misalnya:
img_thumb_height=600 img_thumb_width=400

BuyogV said...
This comment has been removed by the author.
awan said...

wahh thanx masbro :D

Baim said...

thanks bro infonya...!! sangat membantu :D

Septiaji Agung Santosa said...

widih panjang banget, tapi ane tes dulu. sapa tau bisa!!

Supardi said...

wah thanks kawan bermanfaat banget..!!
tapi ko pada saaat saya liat blog gue yg share pertama kali cuman ni doang yg muncul

Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4
read more>>

ko lain ya ktanya..? ada yg kurang..? halp dong

Anonymous said...

terimakasih mas bro ya' sekarang blog saya udah bisa.
kunjungi ya sekali-sekali.
http://piscesa-entertain.blogspot.com/

Desi Hikaruchan said...

thx yaaa...q dh cb lgsg succes......:)
like this..^^
krn q msih pmula
kunjungi http://desihikaru.blogspot.com
ditunggu kritik dan sarannya...:)

indonesian movies said...

mantab sobbbbbbbbbbbbbbbbb trik yang sangat berguna ... terimakasih

Raizaruna said...

ada masalah sob, saat menggunakan read more otomatis laman yang saya terbitkan ikut menjadi read more otomatis dan tidak bisa dibuka

TOOLONG !!! said...

bagaimana cara buat tulisan READMORE nya bold tpi tnpa gambar..
trus, tulisan READ MORE nya di bagian kanan..
tolong.. bantu ya om

Ahmad Khoirul Azmi said...

lihat pada bagian ini:
<a class='more' expr:href='data:post.url'>Read More >></a>
tambahkan style berikut (cetak tebal):
<a class='more' style='font-weight:bold;float:right;' expr:href='data:post.url'>Read More >></a>

TOOLONG !!! said...

ganti ukuran font nya, gimana yaa gan ???

Ahmad Khoirul Azmi said...

style='font-size:10px;font-weight:bold;float:right;'

Statistik Ceria said...

ane mw nanya nih..
ane kan mw ganti template blog ane..
tp kluar kyk gini "Content is not allowed in trailing section."
itu gmnaa ya??
makasih sblmny

Gudang Wisata said...

terima kasih mas, tutorial'a berhasil d terapkan d blog saya. silahkan kunjungi balik mas, sya sngt snng sekali kalo mas mau ksh pnilaian d blog saya. biar saya bisa tahu apa yg kurang dr blog sy.
salam kenal,

Kumpulan Artikel Info said...

ditemplates blog ane sudah langsung ada auto read morenya.. tapi yang saya mau tanyakan: caranya biar laman blog tidak ikutan kena auto read more gimana ya? soalnya lamannya jadi error gitu...
dan setelah saya coba klik menu kontak pada blog ini bisa rapi tuh isinya...
tolong tipsnya ya, untuk lebih jelas mengenai masalahnya, silahkan cek langsung di blog ane.. makasih..

admin of kuntil said...

tq banyak sob, berhasil di terapkan diblogku. salam kenal yah ^_^

BitInspiration said...

Gan,saya mau nanya, agar di homepage tidak ada thumbnail postingannya gimana kodenya?

Anonymous said...

makasi, mantap

agung triantoro said...

mas aku udah praktekin di blog aku sukses besar..trus aku ijin kopi buat referensi aku ya..
udah aku pasang link nya dari ente kok berkali kali lagi plus di warnain biar jelas..
trims

Anonymous said...

pak, saya kan coba buat template sendiri tapi waktu mau di auto reader tapi muncul 'Normal o false false false EN-SG X-NONE X_NONE...'

uzly said...

terima kasih banyak dan sebanyak banyaknya lur..... informasi ini sangat bermanfaat sekali. sukses selalu :)

spicy pizza and lemon tea said...

kok tampilannya nda penuh..jadi nda bisa nge save kode yg udh di copy paste

danangnurdiansah said...

kuk jadi g keluar tulisan aslinya y...
bantuannya plissssss

raive said...

kuk muncul tulisan kayag gni ea .....knapa nih bang normal 0 false false false microsoftinternetexplorer4 saat buat read more


http://puisir3maja.blogspot.com ini blogku

Dana Love Islam said...

Mas mo nanya . . .
Ane kan udh ikutin tuh tatacara bikin readmore diatas,..
Tpi, knapa tulisan "Read More" nya ada di bagian paling bawah postingan?
Jdi seluruh potingan ane tampil di halaman dpan.
Jadinya, bukan Readmore donk namanya.... ,.
Gmna nih, mohon solve the problem nya...

saGaara301 said...

wah kurang berhasil nih, kok ada satu artikel malah jadi tulisan normal 0 false false EN-US KO X-NONE....
artikel lain berhasil tapi artikel yang satu gagal ada tulisan kayak d atas
tapi sebelumnya, makasih ia gan....

Fikri said...

Mantappp banget om :-) terimakasih

asmblogs07 said...

makasihh gann ilmunya membantu sangat buat saya yang lagi pengen membangun blog... :D

IYDC Indonesia said...

Kak, Data post body nya kok ada 2 ?
Apakah di ganti semua?

sahabat keyboard said...

makasih ya tutorial nya sangat berguna buat saya yang masih awam tentang blogger

cupuh com said...

ijin di coba ya gan

Rencansih Bhuana said...

sangat bermanfaat kawan,,salam dan saya menggunakannya,,,lihat blog saya www.majiner.blogspot.com

Review Situs said...

mantap tutorialnya gan...

tapi ada sedikit pertanyaan dari saya
cara mensejajarkan Read More dengan postingan kita

contoh..
teks postingan Read More >>


Mohon jawabannya.

Zain said...

Tks...buka semua rahasianya..!!!

Sammy adalah Ofhy said...

bang,koq home.nya tetep ada read more.nya???

anak-gaptek said...

thanks info nya gan di tunggu kunjungan balik nya gan
http://gaptek-online.blogspot.com

Wahyoe Msc said...

Mantap bro......
Kunjungi blog ane juga ya bro :D

http://wahyoemsc.blogspot.com/

How to SEO said...

Thanks infonya ya :)

zetsful said...

kerren blog'y

Agus said...

makasih mas bro atas postingan ini sangat bermanfaat buat saya

trik blogger said...

mas bila saya ingin menaruh widget yang letaknya diatas atau dibawah tapi karena sudah berubah seperti trik diatas saya taruh dimana ?

Ahmad Sopian said...

gan .. saya kan buat contact me di blog bwt info pasang iklan , niat saya yg ini ga usah pake readmore.
tapi jadi readmore pas dibuka , udah begitu ga bisa dibuka-buka walau dah klik readmore .
tlg dg ..
liat blog ane http://ahmadtian0902.blogspot.com/

Ahmad Khoirul Azmi said...

yang ini sudah saya beri pengecualian tuh dengan b if pada halaman statis. Apakh sudah pasang readmore yang ini?

mas lasno said...

Terimakasih,
Lasno

Ahmad Sopian said...

aku udah pasang yg ini gan ..
cba liat blogger ane deh : http://ahmadtian0902.blogspot.com/

OWL said...

kok tempat saya tidak ada ininya ya ? atau mngkn sudah ketimpa?

Mulad Al'Washil said...

Makasih ya ka

kusna said...

Izin copas gan :) nyoba dulu ah...

Najih Azkalhaq said...

mas aku cari kode nya kok gak ada?harus d taruh mana ini?

Blogger Sumedang Community said...

Some really good content, I really liked ! Happy blogging :-)

Tv Online Indonesia Chanel Lengkap said...

Terima kasih gan atas infonya...

Olivia Juanita said...

mas makasih banyak ^^b. udah berkali-kali nyoba cuma dari mas yang bisa. makasiih

Jaja said...

mas punya saya kan udah di edit lalu copas sama kodenya mas, trus dah kus simpan template, tapi kok pas ku lihat lagi htmlnya kembali seperti semula lagi, kode HTMLnya mas udasg gk adam lagi..

hidjrie said...

makasih ilmunya mas

SUSI said...

mohon ijin juragan...saya mau pake gadget ini...mantaaaaapp,,,thaks banget ni...

Anonymous said...

<!-- Auto read more script -http://buka-rahasia.blogspot.com- Start -->

Diatas ada kode kayak gitu.... Emang script buatan sendiri? hehehe... ngaku2

Katanya copy paste harus menggunakan sumber... wakakakakak

Ahmad Khoirul Azmi said...

begini saja ya mbak/mas Anonymous, bagaimana jika untuk membuktikan, saya mengundang anda dan mengajak anda, yah istilahnya adu tanding membuat script. Nanti saya persiapkan tempat, pengunjung/saksi, lengkap dengan akomodasinya agar anda tidak keluar dana. Bagaimana? Jika iya, saya persiapkan semuanya. Silahkan anda mau minta script jenis apa yang hendak dipertandingkan.
Catatan penting bagi anda yang sepertinya awam mengenai GNU license yang biasanya disematkan pada script: banyak Script bersifat open source dan mengalami modifikasi oleh banyak orang sesuai dengan perkembangan dan kebutuhan. Jadi semua orang, yang nyata-nyata mendapat license karena bersifat public, dapat menggunakan dan melakukan modifikasi. Dan script di atas telah banyak melalui banyak modifikasi orang2 sebelum saya. Adanya atribusi menunjukkan bahwa saya yang memodifikasi dalam bentuk seperti itu sampai saat ini. Oke?
Bedakan antara copy pasti script dan copy pasti artikel. saya rasa anda sudah cukup dewasa untuk mengetahui perbedaan keduanya. Kalo saya melarang copy paste script, untuk apa saya share di sini? Sepertinya anda memang belum menelaah dan mempelajari lebih jauh sebelum ber-statement. Salam Blogger.

Bambang Riswanto said...

Makasih banyak mas saya ketolong banget sama script ini. sebelumnya saya dapet script sejenis tapi malah bermasalah kayak mas @ahmad sofian, page static saya buat tukar link http://www.bamz3r.tk/p/tukar-link.html malah jadi ringkasan-nya aja. Temen2 yang saya ajak tukar link jadi bingung, link mereka kok ga ada..
padahal ada tapi ga kelihatan aja gara2 script readmore itu.

Tapi sekarang pake script dari mas masalah itu udah selesai.

sekali lagi makasih ya mas..

buat saudara/i @Anonymous: saya rasa kita harus berterima kasih atas apa yang kita dapat dari blog lain yang memberikan informasinya.
kode
itu adalah cara berterima kasih kita.

Amien melody said...

Berhasil gan........Thanks:)
Salam kenal:
FREE Full version Software, Movies, Video Lesson, Games, MIDI Music Tracks, Keyboards Styles, MP3 Music, Etc
s

Mohammad Irfan Basuki said...

mantab banget.. terima kasih sobat.. ilmunya sangat bermanfaat. senang mengunjungi blogmu. :)
visit me if you want

agus hidayat said...

Infonya sangat membantu gan
http://hopdev.blogspot.com

Eko Darpito said...

ada satu poblem saat scipt itu di instal sob,yakni saat di lakukan pencarian tidak di temukan hasil bls email aja sob ( eko@darpito.co.cc )

Indra said...

wah bs di cb nih Gan. Mdh2an berhasil :D

Frangkismo said...

Thank's Bung,
Harus disadari tidak semua template bisa diterapkan tutorial ini. Tapi untuk teplate yang saya gunakan berhasil. It's work!! hampir 4 jam googling baru ditemukan di sini....
OK salam kenal..

MuhammadIbnuh said...

sob, kalau nggak pakai gambar gimana? udah setting tapi tetep gak mau

Ramadhana Dwi Andika said...

Mas Ahmad Khoirul. numpang tanya dong.,

khan aku pake dah bisa pake auto Read Morenya nih.,

nah aku khan pake Template Asli dari Blogger.,
nah itu postingan di halaman Utamanya cuma 1.,
padahal di pengaturannya dah aku buat 5, dan itu cuma berefek jika liat postingan lama.,

mohon pencerahannya..

Terima kasih

Ubudiyah Abbas said...
This comment has been removed by the author.
indobisnis88 said...

Ass... Thanks,,, Full Working in my blog

obat tradisional sinusitis said...

makasih gan, berkat tutor dari mas akhirnya bisa juga buat auto read mode.,

soalnya dari kemarin gagal mulu.,

asal-klik said...

mas bro, kalo mau menambah link digambar menuju postingan, caranya gimana ya?

intinya gambarnya bisa diklik menuju link postingan gambar tersebut..

s4nd said...

Berhasil juga ga,,,baru tau ane ada autoreadmore v2...pantesan aja ane pake yg v1..eh malah laman statisnya kebawa2 jg..thx infonya ya..

Fenly Masawoy said...

Sekali lagi Trima Kasih Mas Azmi,,,

Akhirnya saya bisa membuat auto read more di posting blog-ku ,,,

Ahmad Khoirul Azmi said...

@Bai Dowi:
Halo! terima kasih atas komentar anda, btw komentar anda masuk spam dan saya tidak bisa me-retrievenya. BTW juga, ini proof atau buktinya:
Ahmad Khoirul Azmi’s Registered & Protected Blog Entry
http://buka-rahasia.blogspot.com/2011/03/cara-membuat-auto-readmore-thumbnails.html
BLYTH-K75HM-MBYTY > 2011 > March > E2QUT-XPX9T-D3AVR
Copyright:All Rights Reserved
Registered:2011-03-10 02:04:07 UTC
Fingerprint:Show digital fingerprint
Title:Cara Membuat Auto Readmore (Thumbnails) Blogspot Bagian 2 (Penyempurnaan)
Entry: Show blog entry text
MCN:E2QUT-XPX9T-D3AVR

anda bisa mengaksesnya di sini:
http://myfreecopyright.com/registered_mcn/BLYTH-K75HM-MBYTY/March_2011/E2QUT-XPX9T-D3AVR

Terima kasih sudah melaporkan, dan saya akan melakukan respon secepatnya.

Dunia Komputer l Berita l Tips dan Trik l Overclocking said...

om kok read more di blog saya malah ada tanda titik ya om?? coba cek di blog saya ini om http://nagneg.blogspot.com

mohon bantuannya dong om

thx

Teguh Sinulingga said...

gan stelah saya bikin blog saya auto readmore. knapa posting yang tampil di blog saya cuma 1 dan 2.

Melody said...

makasih banyak sob, mau tak coba dulu

Yudistya said...

makasih banyak,gan...
ane dah bisa pasang auto read more d blog ane,
silahkan berkunjung ke http://share2u-uc.blogspot.com

sehat oke said...

Akan Saya coba gan...
Semoga berhasil..
dan terima kasih ilmunya

Mas Wakting said...

Ajib, manteb ilmunya gan.

Correspondence said...

sudah di coba dan berhasil, makasih, sebenarnya sudah dipasang tapi error, dan dari tips yang ini kelihatannya bagus.

Rijal Rois Irianto said...

mas kok ga ketemu ya ?

Rijal Rois Irianto said...

kok ga ketemu data:post.body nya

Dani Siregar said...

Wah, berhasil. Terima kasih banyak iya Sob. :D

Pesawatku Miniatur said...

trims masbrow,.

oia bagi yang suka koleksi barang antik, harap mampir gan ke http://pesawatkuminiatur.blogspot.com/
tq :)

pipin ayu said...

Thanks gan ilmunya..
Sangat berguna sekali..

Yusrin said...

langsung dicoba....
terima kasih infonya.....

Akhsan said...

Mas. maaf sebelumnya...
Cz Q udah muter2 di sini. Tapi Q ucpkan trimaksih banyak cz situs ini sangan membantu buat saya...

Ahmad Satibi said...

ok makasih kang tutorialnya, moga akang selalu diberi kesehatan yang prima sehingga bs trus berkarya.amien...

Kim Fi-ra said...

klo kata 'buka-rahasia.blogspot.com' diganti sama nama blog kita, ttp bisa, kan ?

istana cripts said...

mantap, thank atas infonya tapi ko tetap saja tidak bisa apa kode penempatannya yang salah.

jangan lupa kunjungi blog ane istanascript.blogspot.com

Lembur online said...

ow.. keren.. terimakasih atas anfonya :)

Majalah Siantar said...

sukses bro, thanks tutornya...

ikhtiyaruddin afiq said...

wah,,, matur tengkyu gan.... :) :) baru kali ini berhasih.... mampir gan http://apock-tkj.blogspot.com/

BloggerKrispi said...

Matur Nuwun, tips ini sudah diaplikasikan, :)

Aditya eka prastyo said...

makasih gan,ini sangat membantu...

Muhaymin Rifa'i said...

saya suka postingannya, mampir ya mas ahmad :)

rezaarghh said...

siiip kang, terimakssih banyaak :D

Rich Alex said...

Wew Bisa Sob!!

Fauzie said...

Thanks gan... tutornya

Mmichaeltsaico Mico said...

menarik informasinya gan, klo artikelnya menarik dan sangat saya suka penjelasannya yg cukup menarik lagipula loe, juga bagi teman2 yg suka film box office ampe semi terbaru silakan kunjungi situsnya saya ok, makasi untuk admin situs ini loe, salam blogger indonesia.

Kerah Ledrek said...

gan setelah ane pake script read more di atas, gak ada yang bisa masukkin komentar di bawah posting blog ane, ini blognya http://www.ppkbungbulang.tk , mohon pencerahan....Thx.

Riyanto Setia Adi Pamuji said...

gan saya mau tanya... memang sudah ada yang tanya duluan di atas, tapi agan belum kasih solusi di sini...
Blog saya kok setelah pakai Readmore malah jadi gak muncul postingan yang keluar tulisan "Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 ..." mohon untuk menginfokan di sini agar tidak muncul pertanyaan lagi di sini. Terima Kasih sebelumnya...

Muehammad Yuezha Andrean said...

Mantap sekali Gan, tapi kalau mau menyisipkan kode adsense agar iklan muncul setelah Read More diklik bagaimana, Gan? Tolong bikinin panduannya juga, Gan.
Terimakasih

likesmedia said...

Terima kasih script autoredmore-nya, sudah pasang di blog saya. O ya, untuk submit artikel minimal berapa karakter ya mas? thanks a lot

leo dacosta said...

Bro aku masih belum jadi , apa mungkin aku harus ganti kode data:post.body yang kedua ?
soalnya smuanya sudah sy lakukan sprti contoh di atas

Deni Nurdianto said...

gan, ane baru belajar blogging nih, mau tanya kok muncul seperti ini di blog ane ya

Normal 0 false false false EN-US X-NONE X-NONE ...

ane udh ngikutin step2 diatas tapi kok sama aja yah.. solusinya gimana ya??

ini blog ane http://masdenishare.blogspot.com/

indra ws said...

makasih gan atas tipsnya..sukses..

George Hakeem said...

saya sudah ikuti petunjuk nya tapi tetep aja kaga justified ..

crusties said...

mas waktu pertama nyoba, langsung bisa.
tapi sekarang gak ada read more nya lagi, mungkin ada yang saya gak sengaja kerubah.
pas saya coba ulangi langkah-langkahnya. yang tadinya saya tulis: ...'data:post.url'>Read More >>

setelah klik 'simpan' jadinya:...'data:post.url'>Read More >>


Tolong bantuannya ya mas

momoygunners said...

mas, saya udh ngikutin petunjuknya.
tp pas di preview malah keluar ini :
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Content is not allowed in trailing section.

gak ngerti dimana letak salahnya, udh berulang kali nyoba ttp gak bs.
mohon bantuannya mas. makasih :)

Ahmad Khoirul Azmi said...

Hai, saya butuh tahu secara detil mengenai perubahannya. Kasih url blognya juga

Cilung Abon said...

terimakasih sekali mas bbrroo(turun berok kali) saya akhirnya berhasil saya sudah mencari artikel ini selama 1 tahun, tapi tidak ketemu terima kasih banyak bang admin

Cilung Abon said...

hai mas admin, kalo boleh saya request donk! menu navigasi horizontal yang keren, terimakasih

Blog for you said...

makasih infonya sob sudah sya coba ;)

Indra Triya said...

nice this blog :)
salam blogger... :D

nofri ferdiansyah said...

saya coba dulu untuk pastinya :v

BOCAH NDESO said...

matursuwon mas bro.. sukses selalu untuk blog nya.. xD

imam mamen said...

kok ngga keluar ya readmore nya ? mohon bantuannya,trims

Rahchan Yobawi said...

bang minta tolong dong kasi tau cara fixing eror Normal 0 false false false EN-US X-NONE X-NONE ...

Ahmad Khoirul Azmi said...

Apakah anda pake karakter selain karakter latin? (selain utf 8) jika iya itu penyebabnya. script readmore di atas tidak baca karakter lain selain huruf latin, dalam hal ini bahasa EN US.

Ajie Pangestu said...

kok gak keluar sih mas

Bagus Kurniawan said...

punya saya gak ada Expand Widget Templatesnya, terus gak ada ini jg
gimana ni ?
tolong di jawab ?

bacuz.blogspot.com

Blog Ujang said...

trimakasih banyk...

Post a Comment

Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Centang "Notify me" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. KOMENTAR BERISI LINK & tidak sesuai dengan Comment Policy akan langsung dihapus.Karena banyaknya spam, komentar sekarang di-moderasi sebelum diterbitkan. Thanks.
Smashed Spams: 11362

Recent Comments

Tautweb.com

  • Menulis Artikel Blog

    Tips dan panduan menulis artikel blog berkualitas dan menarik (dalam beberapa seri).

  • Template Blog Terbaik

    Review dan daftar situs pembuat dan penyedia template blogger berkualitas dan tentunya terbaik.

  • Strategi SEO 2015

    Hal apa saja yang wajib menjadi bagian dari strategi SEO di tahun ini? Simak ulasan lengkapnya di sini.

  • Artikel SEO Friendly

    Tips membuat artikel yang memenuhi syarat SEO sekaligus tetap menjaga kualitasnya.

  • Belajar HTML & CSS

    5 situs rekomendasi untuk mempelajari HTML dan CSS dari tingkat dasar.

© 2010-2015 Buka Rahasia Blogspot | Template by Dicas Blogger | Modified & Enhanced by Ahmad Khoirul Azmi

 ContactPrivacy PolicyComment PolicySitemap