Kamis, 13 Oktober 2011

Cara Membuat ReadMore Otomatis Di blog

Posting saya kali ini akan memberitahukan anda tentang membuat readmore atau baca selengkapnya Secara otomatis. dan kita bisa mengatur ketinggian dan lebar penggalan posting. ini akan membuat blog mu menjadi lebih menarik dan terlihat rapi. Nih dia ScreenShotnya :


Menarik Bukan ???
Pasti Menarik...

Posting saya akan memberitahu anda cara membuat readmore bagi yang belum mengetahuinya...

Langsung  aja deh...
Mudah-Mudahan ngerti di tutorial nanti...

    PERTAMA, 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 :






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'/> 

Ket :
untuk Summary_noing kita bisa mengatur tinggi Artikel  Penggalan tanpa image tersebut...
untuk Summary_img  bisa mengatur tinggi Artikel  Penggalan dengan image..


  KEDUA, 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> 


Ket :

Kata READMORE yang berwarna merah bisa diganti dengan yang lain seperti ; baca selengkapnya, baca selanjutnya, Full read, dll.

KETIGA, klik save template

Lalu anda bisa melakukan postingan dan lihat Hasilnya...
 
 
 

(SS) SAVE AND SHARE MY WEBSITE. TOGETHER :)
                     UNTUK LEBIH DEKAT DAN KENAL. KLIK TANDA FOLLOW AND LIKE.

Tidak ada komentar:

Posting Komentar

WELCOME TO BLOG KEVIN FARELL

TERIMA KASIH ATAS KUNJUNGAN ANDA

Like Button