Cara Membuat/Memasang Auto Readmore Blogger/Blogspot (Plus Thumbnail)
Lihat Cara Membuat Auto Readmore (Thumbnails) Blogspot V2 (Penyempurnaan) yang merupakan penyempurnaan dari script auto readmore ini, pengecualian tampilan auto readmore pada halaman statis (static pages) telah ditambahkan.
Berikut langkah-langkahnya:
1. Masuk ke editor template HTML. Download template terlebih dahulu untuk amannya.
2. centang expand widgets template.
3. Masukkan script berikut TEPAT SEBELUM tag </head> (gunakan Ctrl+F untuk mencari)
<script type='text/javascript'>keterangan:
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>
-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.
-img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.
Tapi untuk amannya tinggalkan begitu saja.
4. Lanjutkan dengan mencari <data:post.body/> (seperti biasa, gunakan senjata Ctrl+F)
5. Lalu GANTI <data:post.body/> dengan script berikut:
<b:if cond='data:blog.pageType == "item"'>keterangan:
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
-padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya", "Read the rest of this entry", "Lanjut gan...", "Monggo dilanjut!", atau apa sajalah...
Tapi untuk amannya tinggalkan begitu saja.
6. Untuk memastikan hasilnya, jangan di-save dulu. Gunakan preview untuk mengeceknya.
7. Setelah beres, silakan di-save.
8. Finished, you've now got auto readmore for blogger.
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com
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.
86 Comment(s):
Well Ctrl F nya membantu bgt :)) dr kmrn bingung saya :) saya pasang link ini di blog saya deh :) thx ya
sudah saya pasang di list Tips and Trick dalam blog saya :) semoga bermanfaat buat blogger2 lain :)
Halo Gloriaputri. Ya, makasih banyak ya, that's nice and thank you very much for your kindness ^_*
well...anyway, gimana cara mbuat pencuri konten itu? jd bs tau klo blog kita ada yg copas?
koq linknya gag bs di buka ya?
aq sih uda pake copyscape...cukup gt aja ya?
waduh iya sori, ada kekeliruan penulisan kodenya.... saya tulis lagi, tar copas secara manual ke browser:
http://buka-rahasia.blogspot.com/2010/12/tips-mengetahui-pencuri-konten-artikel.html
http://buka-rahasia.blogspot.com/2011/02/copycats-kucing-kucing-penjiplak.html
untuk copyscape itu kan cuma simbol saja, bukan pelindung, jadi tetep harus ada tindakan dari pemilik blog sendiri. masuk aja ke copyscape.com, masukkan url blog atau url artikel yang ingin diketahui dicuri apa tidak, klik enter.
kalo pengen punya copyright sebagai bukti, daftar gratis di myfreecopyright.com
yess boss
makasih banyak yah gan informasinya hahaha :D ctr+f nya membantu bangett
Trima kasih infonya. Sdh di coba & berhasil.
Salam kenal...
@ istiqlal gest, @ wahyu.pranajaya, @ Eckhart™ :
Good, you're welcome :D
siiip gan artikelnya sakses! http://andikwin.blogspot.com/
tapi kok gk berubah ya cuma nambah tulisan dibawah Read More>>
ni blogku www.hikageninetyseven.blogspot.com
sy g nemu gan, kode html sprti di atas
Makasih banyak... Info yang sangat berguna... silakan kunjungi blog saya http://ceukbeja.blogspot.com
kak! gimana cranya biar imagenya di tengah (center) ?
mangstab infonya,,
emm ,tp msh bingung masbro ,, kuk cm nmbh tulisan red more ya ,,
Terima Kasih buat infonya. salam
Terima kasih ilmu-nya...
Izinkan saya copas ya..
Assalamualaikum... Mas Admin"
Cara agar Article kita tidak bisa dicopy Gimana ya?
Soalnya saya pernah lihat blog/website ga bisa dicopy.?
== Assalamualaikum == Tanks saya sudah coba, tapi itu tulisan Read more saya berwarna Hitam? cara gantinya gimana ya? soalnya blog saya Background Postingnya Warna Hitam.
coba dilihat di Blog :
=== http://ilmukomputer95.blogspot.com/ ===
@Ilmu:
Halo.
Sisipkan kode pada bagian style seperti contoh di bawah yang dicetak miring dan tebal"
style='color:#kodewarnapilihankamu;padding-top:5px;;float:right;text-align:right;'
untuk kode warna bisa dilihat disini:
http://buka-rahasia.blogspot.com/p/hex-color-chart-generator-compose-your.html
Soal anti copy paste, silahkan cari di Google dengan keyword script anti copy paste, script anti klik kanan, script anti text selection atau gunakan kombinasi ketiganya.
saya coba terapkan auto read more ini di blog saya. code html nya sudah saya pasang tetapi tetap saja tidak terjadi read more otomatis seperti yang diharapkan dan setelah saya utak atik saya tetap tidak dapat memperbaikinya,,, nah saya mau minta tolong sama mas Ahmad Khoirul Azmi untuk mencoba memperbaiki auto read more di blog saya tersebut tolong sms saya di nomor 085878738769 nanti akan saya kirim ID login ke blog saya sekalian password nya, atau saya kirim script template blog saya via e-mail.. maaf kalo merepotkan dan terimakasih banyak
kok setelah dicari di blog saya tidak ada kata:
terus gimana?
Thx infonya gan, mampir ke blog saya juga ya
HaturNuhun kk infonya,, dah ane pasang..
Di cek zaw kk blog newbie ane..
thank's bri infonya
membantu beud
numpang sebar link yaa
http://rldtubanict.blogspot.com/
software,trics,tips,information of IT
:)
makasih om... berhasil... tapi tulisannya cuma muncul sedikit ya... padahal summary_imagenya udah ditambahin...
bisa bantuannya om?
ni blog saya
http://boxpilem.blogspot.com
tulisan readmore nya mana yah?
http://zahralover-dewidedew.blogspot.com/
THanks gan
ane berhasil
salam kenal ya
Follow http://saungcheater.blogspot.com/
bang ahmad .. :) met malam, bikin text nya rata kiri kanan gmana bang yah bang? mksi bang :)
lihat script kedua, cari bagian ini:
<div expr:id='"summary" + data:post.id'>
tambahkan: style='text-align:justify;' pada tag tersebut, jadinya:
<div style='text-align:justify;' expr:id='"summary" + data:post.id'>
save.
readmore ane ada, tp ketika di halaman ndak bisa ke buka readmorenya, ada apa ya? saya bingung memperbaikinya.
ada yang saya tanyain nih. kan setiap posting di blog ini ada disitu tulisan "mencuri adalah pekerjaan pengecut" gimana bikinnya gan?
thanks...
@Teguh: Haha, itu cuma dibikin secara manual aja, bro.
Makasih ya Mas..,,,atas infonya Berguna baget bagi yang pemula kayak saya...,,
thanks
bagus artikelnya gan, ane udah praktek-in, langsung jreng!! Thanx, gan! Kalo ga keberatan ane mohon visitnya di indoprestasi.blogspot.com :D
Nice Tutor..... ijin Buat Copy Gan........THank's
carana gimana biar laman selain home biar ada read more nya ? di bales yah thanks :D
tutor yang sangat berguna bagi saya yang msh newbie..
saya banyk mendaptkn info dari blog agan..
saya ada pertanyaan sedikit gan..
stlh pasang totur agan diatas ternyata halaman statisnya jg ikut berisi readmore, pertanyaan saya bagaimana cara menghilangkannya?
terima kasih sebelumnya gan..
Terima kasih atas artikelnya pak, tapi knp di template saya tidak tersedia yah??
mohon bantuannya :)
makasi banyak kebetulan saya newbi dalam blog.
kalo lagi ada luang waktu silahkan mampir ya om
http://gameriski.blogspot.com
makasi boz untuk tutorialnya ....
hampir kebanyakan newbie bingung gimana cara cepat nyari konten script...CTRL F yang mas khoirul tulis disetiap postingan sangat membantu...keep spirit mas :)
jempol sekali...
Saya haturkan terimakasih atas tutorialnya sangat berhasil dengan baik di blog saya, salam dari si suka lupa kang artha, makasihhh
great mas,,udh dicoba n berhasil,,
o ya,,kalo si mas berkenan nie mampir di blog ane,,soalnya dl pernah ngedit template,,n muncul huruf2 di sebelah kiri atas blog,,kira2 apa y t mas,,n gmn ngilanginnya,,
moga2 berkenan,,n thanks bgt.
blog ane http://iker-onlinebusiness.blogspot.com
ok kak
This comment has been removed by the author.
saya mau tanya mas,data:post.body saya ada 4 nah saya masukin ganti data:post.body yang paling pertama,pas saya coba readmore saya gak muncul padahal saya cek html saya udah sesuai intruksi.mohon penjelasnya....,thanks
berhasil gan..
thanks very much, semoga bloggnya makin jaya
sangat membantu untuk newbie seperti saya, maturnuwun!
jangan lupa mampir balik ke blog saya
http://thesukualam.blogspot.com
Terimakasih tutorialnyaaaa.. Saya sudah coba di blog saya, dan berhasil. Sipp deh.. Sekali lagi makasih yaaa :D
makasih ya gan infonya
Mampir di blog ane :)
freizsky.blogspot.com
mantap gan... sukses. sudah saya coba... terima kasih
terima kasih pak auto readmore nya membantu
Alhamdulillah, sy berhasil.
Terima kasih ya,..
Ctrl+F-nya membantu bgt,.
Ilmu baru nich,.
gan tapi knapa ya laman juga jadi ada read more nya juga?
thx infonya.. sy punya masalah nih.. susah ngejelasinnya
coba mampir: whatskpop.blogspot.com/
Templatenya pake auto read more (bagus sih) CUMA, pos sebelum di klik read more itu keliatan seperti berantakan dan nyambung ky gitu... kl cuma memperbaiki aja bisa gak ya? (Read more tetep, cuma postingannya sebelum klik read more, beraturan/sesuai dengan yang kita buat)
Hmmm... kl tau, kasitau sy ya... thx you
Auto readmore dengan javascript secara otomatis membaca dan menuliskan semua tulisan yang dipersingkat secara plain. Apabila anda menuliskan lirik lagu dimana perbarisnya hanya diberi jarak spasi dengan enter, otomatis baris ke satu dan kedua sebenarnya tidak ada jarak, sehingga ketika diringkas, baris ke satu dan kedua nyambung alias tidak ada jarak. Solusinya adalah memberi spasi sebelum anda tekan enter untuk menuliskan baris berikutnya, sehingga tulisan per baris tidak nyambung, tapi ada jarak.
Itu sama sekali tidak ada hubungannya dengan desain, tapi format tulisan anda penyebabnya, karena dalam bentuk bait-bait lirik dan tidak dalam format paragraf biasa.
Om Ahmad
Om di template asli blogger yang saya pake kode ini
< data:post.body / >
ada 3 Om
yang mana kah yang harus saya pilih, Om ?
Coba dulu yang pertama, yang kedua biasanya data post body untuk halaman statis, yang ketiga untuk mobile.
Mas, udah aku copas tapi hasilnya sbb:
Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 ...
Read more >>
Mohon pencerahannya mas..
Makasih
Sekalian mw tanya lagi ni mas..
knp tiap posting baru ada tulisan ''
Terjadi kesalahan saat mencoba menyimpan atau memublikasikan pos Anda. Coba lagi. Abaikan peringatan ''
mohon pencerahannya mas
makasih
@Henry: Hai. Jenis tulisan apa yang anda post? Karena readmore ini hanya akan me-retrieve tulisan normal. Silahkan detilkan problemnya lewat contact form di link bawah.
Itu problem bug Blogger yang sampai sekarang masih dihadapi banyak Blogger, termasuk saya. Ada banyak faktor, di antaranya faktor setting tanggal (sebaiknya diset automatic), faktor caching browser, setting permalink, label, deskripsi, dll yang belum disave, beberapa kode yang dimasukkan ke dalam mode HTML posting dan kemudian tidak dapat diparse oleh post editor, dan masih banyak lagi. Sebenarnya artikel sudah saved, tapi editor tidak mau menganggapnya sudah saved. Cek beberapa hal tersebut. Lalu coba keluar lagi dari post editor (close), jika tidak yakin isi post tersimpan, copy dulu ke notepad. Kemudian kembali lagi buka post editor dan coba save.
gagal sob, saya coba pasang tetep gk bisa buka laman !
terima kasih pak.. sangat membantu, dan berhasil diterapkan pada blog sederhana saya :)
saya mau nanya nih kan saya udah masang readmore udah jadi yah kok pas hari ke3nya readmorenya ilang sendiri bingung nh tolong jelasin dong
Ada banyak penyebab, misalnya: anda ganti template, anda mengedit template dan tidak sengaja ada kode yang terhapus atau terubah, ada script baru yang anda tambahkan dan kemudian terjadi crash javascript, dan kemungkinan terakhir ada bug pada blogger. Yang terakhir saya tidak yakin, jadi lihat 3 kemungkinan yang pertama dulu.
oke sudah jadi lagi,, kalo tulisan READ MORE nya diganti pke gambar bisa kan pkae kode
img src='URL GAMBAR' betul gg kodenya kaya gituu
Ya, sebaiknya anda membaca artikel readmore version 2 yang jauh lebih detil:
http://buka-rahasia.blogspot.com/2011/03/cara-membuat-auto-readmore-thumbnails.html
gimana caranya buat related post yang di bawah posting ??
gan aku kan udah lakukan semua itu cara2 tapi kok pas di klik read more pada postingan ngga ada muncul lanjutan kata2nya sich ?
itu masalahnya apa yach ?
mohon bantuannya
Sebaiknya pake script yang di sini saja, versi 2:
http://buka-rahasia.blogspot.com/2011/03/cara-membuat-auto-readmore-thumbnails.html
thenkyu gan, cara ini sangat membantu buat blog ane... nice this blog :)
salam blogger... :D
mksh ilmunya (^_^)
makasih tutorialnya yang sangat bermanfaat bagi saya yang baru belajar blog
Bang Bisa disejlasin ga yang ..js yang terdapat dalam google code? masih buram soalnya...!!! Makasih Sebelumnya...!!!
sip om ... ijin minta scripnya yahh sekalian saya terapkan di blogspot baru saya :)
kerennnnn :-)
Masss, tak masukin di data post body 1 dan 2 ga ngefek apa2 skripnya, trus tak masukin ke data post body yg ketiga muncul tulisan readmore tiap bawah tulisan tanpa ada summarynya, jadi kaya cuman ketambahan link doang. Itu gimana mas?
saya sudah menyempurnakannya melalui versi dua seperti yang sudah saya sampaikan di atas, http://buka-rahasia.blogspot.com/2011/03/cara-membuat-auto-readmore-thumbnails.html simak yang itu ya
mas saya pengen nambah jumlah baris yang nampil di home page blog saya tapi di template q gak nemu properties kayak ini mas
summary_noimg = 230;
summary_img = 140;
solusinya gimana ya
mungkin scriptnya beda, atau script di host di tempat lain, sehingga tidak ada. coba cek apakah script readmore nya di host di tempat lain. unduh, edit, dan unggah lagi.
kok di blog gue ga bisa bisa ya? padahal udah dicoba. gimana caranya ?? ><
didetilkan problemnya gimana, jadi saya bisa tau cara bantunya
Post a Comment