Ricky : 085641209069 (2A122A02) Bagas : 085799890471

Minggu, 30 September 2012

Cara Membuat Read More Di Blog Dengan Icon Button Sendiri




Langkah - langkah :
  • Masuk pada akun blogger
  • Klik Rancangan kemudian pilih edit Html 
  • Centang Expand Widget Template ( saya anjurkan untuk download template sobat dulu,khususnya yang masih pemula/newbie )
  • Setelah itu cari kode seperti dibawah 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;Read More...!!!</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Nah,setelah sobat menemukan kode seperti diatas ganti tulisan&#187;&#187;&#160;&#160;Read More...!!! dengan kode dibawah ini :

    <img border="0" src="Paste alamat hostingan gambar Read More Anda"/> 
  • Setelah itu save dan lihat hasilnya,jka sobat melakukannya dengan benar maka tulisan read more yang sebelumnya akan berubah menjadi icon button atau gambar read more sobat.

    nah,jika sobat tidak mempunyai icon button atau gambar read more sendiri,saya akan 3 pilihan read more yang dapat sobat gunakan :
    Dan ini alamatnya :
    http://i785.photobucket.com/albums/yy131/djnand/Button_ReadMore_Reflective.jpg
     Dan ini alamatnya :
       http://i785.photobucket.com/albums/yy131/djnand/readMorehitam.png
        Dan ini alamatnya :
        
    http://i785.photobucket.com/albums/yy131/djnand/but_moreinfoorange.gif 

1 komentar: