Readmore Otomatis

Cara Membuat Readmore Otomatis. Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini. 

1. 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 :

 


 untuk lebih mudah tekan ctrl + F untuk mencari code </head>

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

 

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 

 

2. cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
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...

3. klik save template

Selanjutnya kita melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

 

Semoga berhasil dan sukses selalu...

 

Related Post:

Tips Blogspot

• Cara Memasang Tombol Share Facebook, Twitter dan Google+ Di Bawah Judul Artikel
• Membuat Slide Menu horisontal dibawah posting
• Cara Mudah Pasang YM Di Blog
• Cara Pasang Rich Snippet Di Blogspot Dengan Mudah
• Membuat Bounce & Share - Widget Social Bookmarking Blogger
• Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel
• How to Install Related Posts Widget related links at the side column (OK)
• Cara Menambah Gadget diatas Header
• Hidden Chatbox
• Widget artikel terkait / Related post dgn Scroll
• Code Color
• Edit Lebar Posting Pada Template
• Cara Memasang Button Share Artikel Di Blog
• Top 15 Most Popular Social Bookmarking Websites | August 2012
• Cara Update Blog Ke Webrank Stats
• 5 Tools For Tracking Your Digital PR Campaigns
• Membuat Widget Like Facebook Melayang
• membuat scroll pada artikel terkait / related post
• New WordPress plugin: Tag Pages
• Cara Membuat Artikel Terkait Dengan Gambar
• CARA MENGUKUR KECEPATAN BLOG
• Membuat 3 Kolom Footer
• Kode Warna ( Color Code )
• Membuat Back To Top Button (100% OK)
• Effect Scroll Text pada artikel tertentu

Widget by [ Iptek-4u ]

Posted in: Tips Blogspot