Buat Expandable Post
Labels:
blog tutorial
,
diari aku
Salam semuanya....entri kali ni nak kongsi wat summary untuk entri yang panjang lebar...ianya untuk memudahkan pembaca blog korang untuk memilih entri yang mana dia berkenan nak baca n komen...yok,kita wat...
LANGKAH PERTAMA
Login Blogger > Dashboard > Layout > Edit Html...tick 'expand widget templates'.
LANGKAH KEDUA
Cari kata kunci (Tekan CTRL+F) </head> , kemudian copy code bawah ni dan pastekan sebelum </head> tu
LANGKAH KETIGA
Cari Code ni...
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Gantikan dengan Code yang di bawah ni...
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
Selesai...
Korang jugak boleh edit Perkataan yang nak digunakan ,cam Baca Lagi, Seterusnya , dan macam2 lagi la kan...Caranya...kat Edit Html tadi juga, cari kata kunci "..." ( CTRL+F pastu type ... ),then ganti je dengan perkataan korang..
Selamat Mencuba !!! err...Harap2 Dir leh wat..^-^
LANGKAH PERTAMA
Login Blogger > Dashboard > Layout > Edit Html...tick 'expand widget templates'.
LANGKAH KEDUA
Cari kata kunci (Tekan CTRL+F) </head> , kemudian copy code bawah ni dan pastekan sebelum </head> tu
<!-- JavaScript Posts Summaries -->
<script language='javascript' src='http://bandofgirls.googlepages.com/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://bandofgirls.googlepages.com/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 450, // default is 100
expandEffect: 'fadeIn',
expandText: '[...]', // default is 'read more...'
userCollapseText: '[^]' // default is '[collapse expanded text]'
});
});
</script>
<!-- End JavaScript Posts Summaries -->
<script language='javascript' src='http://bandofgirls.googlepages.com/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://bandofgirls.googlepages.com/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 450, // default is 100
expandEffect: 'fadeIn',
expandText: '[...]', // default is 'read more...'
userCollapseText: '[^]' // default is '[collapse expanded text]'
});
});
</script>
<!-- End JavaScript Posts Summaries -->
LANGKAH KETIGA
Cari Code ni...
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Gantikan dengan Code yang di bawah ni...
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
Selesai...
Korang jugak boleh edit Perkataan yang nak digunakan ,cam Baca Lagi, Seterusnya , dan macam2 lagi la kan...Caranya...kat Edit Html tadi juga, cari kata kunci "..." ( CTRL+F pastu type ... ),then ganti je dengan perkataan korang..
Selamat Mencuba !!! err...Harap2 Dir leh wat..^-^
Subscribe to:
Post Comments
(
Atom
)
6 Atom Bergerak :
dah ikut arahan tu.. but masih x jadi la lee
fenin niiii
ni, kerja bab² it ea?
gewd²..` hehe`..
xyh susah² nk cari kt web cara cmne..
byk blog uat cmtu..
tp, nk uat, xreti..
Krazbatu-erk,tak jadi eh?try cari kat web..byk cara nak wat post summary..ikut template gak
fatin nabila-ada blogger wat tutorial..nnt Paatz bg link
kimi camne nak jadikan dari 2 column kepada 3 column?
...please where can I buy a unicorn?
Post a Comment