Membuat "Baca Selanjutnya" V2

Sebelum ni saya dah bagi cara nak wat "Baca Selanjutnya" tp nampaknya cara 2 ada problem ngan ie (Internet Explorer) jd kali ni saya nak bg cara yg lain lak iaitu:-
Membuat "Baca Selanjutnya" disamping memaparkan gambar yg ada lam post anda. Macam blog saya, ada gambar smiley kan ditepi ringkasan catatan post blog...

Perhatian: Kalau anda dah cube "hack" @ cara membuat "baca selanjutnya"/"read more" atau sebagainya yang lain pastikan anda buang dan kembali kepada asal. Anda sebaiknya menyimpan Template {dgn m"klik" Download Full Template} sebelum mencuba cara ini supaya senang untuk kembali kepada kod yg asal.

Cara untuk melakukannya sama iaitu:-

• first skali kena log in lam Blogger, gi kat |Layout|, pilih |Template|, sila pilih |Edit Html|. Jangan lupa tanda pada kotak |Expand Widget Template|
• cari kod ini <data:post.body/> (guna Ctrl+F) dan gantikan dengan kod in
• <script type='text/javascript'> summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://fyzue.googlegroups.com/web/summary-post.js?gda=7UVUS0IAAADO3BEIxSOga0BpaaAzlnPpPyIx6f124uEHABR_jyVMt_EIqLu6jymKgpUD1MIb44hV4u3aa4iAIyYQIqbG9naPgh6o8ccLBvP6Chud5KMzIQ' type='text/javascript'/> <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><div class='readmore'><a expr:href='data:post.url'>
Selanjutnya</a></div> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
• Untuk makluman, Kod yang merah berfungsi untuk:
  
  summary_noimgadalah bilangan huruf yg perlu dipaparkan bagi mewakili post yg tidak mpunyai gambar.
  summary_img adalah bilangan huruf yg perlu dipaparkan bagi mewakili post yg mpunyai gambar.
  
  img_thumb_height adalah tinggi gambar yg diwakili (pixel).
  
  img_thumb_width adalah lebar gambar yg diwakili (pixel).
• Untuk mencantikkan lagi blog itu, cari kod ni ]]></b:skin> dan letakkan kod dibawah diatasnya
• /* readmore */
.readmore a {
float : right;
font-size: 10px;
color: #fff;
background: #141414;
-moz-border-radius:0.3em;
margin-top: 0px;
padding : 1px 5px; }
.readmore a:hover {
color:#fff;
background: #444444; }
.readmore a:link { border-bottom:none; }
  
• itu saje, sekarang cuba apply dalam blog anda.

Sumber : easyadsensevn

---

~orang yang comel sentiasa meninggalkan komen~

---