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

MEmBuat BAca SeLAnJutNYa

Xyah saya terangkan ape benda "Baca Selanjutnya", kamu memang dah tahukan...kalu xth tgk gambar kat bawah @ anta komen kat saya

nak buat camtu tak, kalu nak buat ikut prosedur kat bawah ye...

• 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

</head>

• kedian masukkan atas </head> kod ini

<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/><br><script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/><br><script type='text/javascript'><br>$(document).ready(function() {<br>$('.excerpt').expander({<br>slicePoint: 280, // default is 100<br>expandText: '[...]', // default is 'baca selanjutnya…'<br>});<br>});<br></script>

• cari kod kat bawah ni;

<div class='post-body entry-content'><br><data:post.body/><br><div style='clear: both;'/> <!-- clear for photos floats --><br></div>

• dan gantikan dengan kod ini (buang yang kat atas)

<b:if cond='data:blog.pageType != "item"'><br><div class='excerpt post-body entry-content'><br><data:post.body/><br><div style='clear: both;'/> <!-- clear for photos floats --><br></div><br><b:else/><br><div class='post-body entry-content'><br><data:post.body/><br><div style='clear: both;'/> <!-- clear for photos floats --><br></div><br></b:if>

• kedian |Save Template| dan cuba buat pos baru...refresh@reload blog kamu.
• sila tekan " Ctrl+F" untuk mencepatkan proses pencarian kod

Sumber : bloggerbuster
Hakmilik sepenuhnya : jquery dan plugins.learningjquery