Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di template HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini.
Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.
Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tersebut.
Begini caranya memasang script Read More Otomatis di Blogspot :
1). Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. Cari dan dapatkan code ini:
</head>
2). Kemudian tandai dan langsung ganti dengan code ini :
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>
Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda, lihat gambar di bawah ini:
3). Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :
<data:post.body/>
4). Kemudian tandai dan langsung ganti dengan Code ini :
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<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>
</b:if>
Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, lihat contoh gambar di bawah :
Anda juga dapat mengunjungi beberapa Blog yang juga memposting cara membuat Read More di artikel postingan Blogspot, diantaranya :
-Bloggerplugins
-Snaphow
Artikel Terkait:
- Ponsel HTC One 802 D saya yang sudah mati suri selama 5 hari akhirnya bisa hidup kembali Dengan Shuame
- Konversi File Ppt ke Video Dengan Xilisoft PowerPoint to Video Converter
- Tips Blogger | Memasang Spoiler Di Blog
- Tips Blogger | Membuat Blockquote Sederhana Di Blog
- Tips Blogger | Memasang Widget Menu Tab View Tiga Kolom Di Sidebar
- Tips Blogger | Cara Membuat Widget Artikel Terkait (Related Posts)Dengan Fungsi Scroll
- Tips Blogger | Pasang Widget Encoder HTML di Blog
- Tips Blogger | Pasang Huruf Besar Di Awal Postingan
- Tips Blogger | Widget Recent Comments Dengan Summary Post Untuk Blogspot
- Tips Blogger | Memasang Widget Recent Posts Dengan Fungsi Sliding Di Blog
101 komentar:
Thanks infonya Bro...salam kenal :a:
makasi bosss
yupz thankz buat infonya............
bermanfaat banget buat gw yang masih newbie:D
hehehehhe
salam kenal:)
terima kasih.telah banyak membantu saya
bagus bos tutor'a...makasih ya...
tukeran banner ya bos....bannernya sudah saya pasang...makasih
mantap fren tipsnya, berhasil di dua blog saya. thank fren. sekalian senggol2.:D
Sangat membantu Bli.....terimakasih yaaaa... jangan lipa mampir....link bannernya mana? mo tukeran nichhh....
I actually enjoyed reading through this posting.Many thanks.
terima kasih ya infonya sangat membantu
best regards
http://tupperware99.blogspot.com
artikel-nya bagus...
http://musaadah.blogspot.com
infonya sangat mantaf sobat.......and tidak susah...MANTAPPPPPP thanks........
0ke jg neh bagi pemula.heheheheh
Makasih ilmunya gan..
wah gw ms bingung nh dah gw cb tp kq tmplate gw malah g bs di save..gmn nh bro ap gw salah ngeditnya?tp thx lah infonya. 8-}
boss tuker link carax gmn y :)]
mantap nih...
berguna banget infonya buat yang baru belajar keq aku..
k', aku tambahain ke daftar link di blog aku ya...
boleh kan...?
thx bwt infonya...
nice info
thanks akan gue coba.
lebih praktis neh..........
thx bro infonya.kbetulan blog saya byk gambar, jadi loading agak lambat..cm td udh dicoba msh error. klo ga salah pesanya xml blum ditutup dgn benar..mo coba lagi nti di rmh..
Akhirnya bisa juga... Thanks gan!
Akhirnya stelah lama saya berkelana di jagad maya..ktemu jg tutornya dan 100% Lgsg work..
Nice Master..Thx..:)
thanks sob infonya, buat kita-kita yang baru belajar ngeblog
thanks gan, sukses gua . .
kunjungi blog saya..
http://www.s3m3nd3.tk
Sungguh menarik cadangan blog kamu tentang letakkan READ MORE di muka depan blog. Cukup sesuai until merapikan HOMEPAGE lebih cantik dan mudah baca.
John dari
Singapore Florist
thanks atas tutornya bermanfaat buat newbie seperti saya
trik anda ini benar2 hebat,saya sangat kagum:
Saya pemula, baru belajar trik-trik ngeblog. Terima kasih.
mantab gan
thanks bos tipsnya???
Trimakasih banyak ilmunya... langsung saya praktekan dan jing...jeng.... BERHASIL....
Mas mau tanya ne...
kalau cara membuat menu seperti milik anda itu bagaimana ??
maklum ne anak baru
aduhh... makasih bgt mas... smga aj, blog mas mkin maju deh...
makaseh trik-nya, tp yg edit stiap widget posting saya lum bisa... gmn caranya??
boss...cara buat pointer nya ada bintang bertebaran gimana tuh???ajarin donk boss..kalau bisa langsung ke email saya aja ya boss..di darryus_ck@yahoo.com atau add ym saya di dariuslim95@yahoo.com
mantab ..
bermanfaat. .
seprtinya saya salah ngedit http ni....
pemula ribet jg ya....~x(
haaaahhhhs....
ga boleh nyerah
=))
Makasih kang ..dah ..sudah tak coba..hasilnya memuaskan....
Thanks Infonya, sangat membantu udah jadi jga nich sekali lagi thanks ya :-* :-* :D :D
kok ga bisa ya.. trus muncul keterangan beri;kut:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "html" must be terminated by the matching end-tag "".
wah bagus nih.... kalo cara membuat read more otomatis untuk blog saya/wp gimana yaa
Thansk Bro..
Sangat Kreatif, Menguntungkan
matur kesuwun gan.\m/
thank;s gan............
tahks tutorialnya, udah dicoba dan berhasil...
Terima Kasih Mas
Mantapp sobbb,,,,,
gan gmna klaw code g da gan ???
da capek nyaik nya gan +_+
Udah Jadi Men Readmore nye tp kok g' bisa dipencet readmorenyeee??? http://ghokilz-ikrimah.blogspot.com , minta di cek ye men
kk kok saya kaga ketemu sih kalo mau kk srinshot ajah biar aku tau tandanya ;))
@azis cheater
sekian lama saya mencari dan mencoba,akhirnya saya menemukan cara yang tepat dan benar,thanks ya sob
info yg bagus gan!!!
sy dh nyoba, tp ada yg ga berhasil. ada artikel yg ga ada summary-nya,di bawah judul tertulis :12.00 Normal 0 false false false IN X-NONE X-NONE MicrosoftInternetExplorer4 ...ada juga:
Normal 0 false false false IN X-NONE X-NONE ...
ada lagi yang tertulis:
v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} Normal 0 false false false false IN X-NONE X-NONE MicrosoftInternetExplorer4 ...
mohon bantuannya bro..Thanks
http://cahndeso-mbangundeso.blogspot.com/
Maaf Mas, setelah aku coba ... postingannya jadi ga beraturan... mungkin lebih detil lagi kali yah kodenya..???
The important thing in life is to have a great aim
thxs atas artikel'a.....
great!
Amazing post thanks very interesting!!!
Muebles
Makasih banyak infonya, langsung di praktekkan di http://www.katadaeng.com/.
Thank's gan postinganx, smoga ini bermanfaat buat ane n blogger mania lainx
mantap tutorialnya mas,,, trima kasih
okay gan..
mantaplah... :))
info menarik bos, saya dah coba tapi ada kurang sedikit... tak apalah, cukup buat uji coba, kunjungi aku ya... di http://s-surya62.blogspot.com/ makasih...
Thanks for the resources. I bookmarked your site for future reference.
info yang sangat bagus dan bermanfaat, tipsnya langsung saya praktekan dan walahhhh langsung on.. makasih salam Blogger...!
The post is written in very a good manner and it entails many useful information for me. I am happy to find your distinguished way of writing the post. Interesting post and thanks for sharing. Some things in here I have not thought about before.
I must say that overall I am really impressed with this blog.It is easy to see that you are impassioned about your writing. I wish I had got your ability to write. I look forward to more updates and will be returning.
Wah sangat bermanfaat nih tipsnya,,,
Bisa membantu yang masih newbi nih,,,, thanks sob
semoga bermanfaat buat yang lain,,,
Reading is my passion. Browsing through your site gives me a lot of knowledge in so many ways. Thank you for the efforts you made in writing and sharing your points of view. Looking forward to learn some more from you. Keep it up.
Hello,I love reading through your blog, I wanted to leave a little comment to support you and wish you a good continuation. Wishing you the best of luck for all your blogging efforts. Ai also find information, may be you will write aabout that? thanks.
Thanks for your personal marvelous posting! I truly enjoyed reading it, you can be a great author. I will make sure to bookmark your blog and will eventually come back sometime soon. I want to encourage one to continue your great posts, have a nice holiday weekend!
FDGRDGR
Avodart .5MG
bannernya sudah saya pasang...makasih
Thank you for the efforts you made in writing and sharing your points of view. Looking forward to learn some more from you. Keep it up.
Thank you for the efforts you made in writing and sharing your points of view
Thank's Bos tutorialnya sangat membantu sekali
Great posting dear, Really thanks. I'm now following your blog & I 'll follow your all blogs for that kind of interesting blogs.
made in writing and sharing your points of view
determining influence and measuring success in this new mediasphere.
wah..yg lain udah pada berhasil kyknya ya...aku kewalahan nyari script di box edit html nya.ada yg tau ga' cara cepat cari script di box edit html blogspot? thx for sharing bro
http://www.akmilponsel.blogspot.com/
Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.
Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di template HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini.
terimakasih atas artikel nya...blog saya jadi bisa pake read more...
http://ostdrama22.blogspot.com/
wah bagus nih.... kalo cara membuat read more otomatis untuk blog saya/wp gimana yaa
nice share, happy blogging
wah kren nih... hrus di coba !!
Thank you, that was just an awesome post!!!.....
its very cute. thanks too share.....
I love that idea. Awesome Post..
Thanks for sharing that. It was fun reading it. :-)
Thank you, that was just an awesome post!!!
That is great to hear, thank you for reading!
Thank you, that was just an awesome post!!!
Thanks for sharing that. It was fun reading it. :-)
thank you for reading
Post a Comment