Cara Membuat Read more keren di blogger

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Read more keren di blogger. Sebelumnya saya minta maaf apabila postingan saya sama dengan postingan yg lainnya. Karena ini saya ambil dari artikel dari blog lain. Yosh mari kita simak tutorialnya


1. Silahkan Login ke dasbor Blogger anda
2. Pilih template, kemudian pilih Edit html
3. Cari kode </head> gunakan Ctrl+F untuk memudahkan mencarinya, jika sudah ketemu copy kode dibawah ini pas dibawah kode </head>

<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://deddycamp.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

• kode yg berwarna kuning merupakan kode ukuran besar karakter terpenggal, baik yg dengan gambar maupun hanya artikel tanpa gambar

4. Kemudian cari kode <data:post.body/> atau <p><data:post.body/><p> ganti kode tsb dengan kode berikut :

<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'><img alt='read more' src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

keterangan
kode yg berwarna merah adalah alamat gambar read more, anda bisa mengganti sesuai dengan keinginan anda. Demikian Cara Mengganti Read more keren di blogger versi afinzdi Quincy 

[ souce ]

Share :

Tweet

More

Related Post