how do i...

^MamaSiti^ "hai..pakcik dot..saya tak lepas2 buat cara read more..tak kuar pun kod yang pakcik dot buat tue walaupun dah expand widget..agak2 naper la tue.." 2009-05-11 3:22 PM

^MamaSiti^ "yuhuuuu..pakcikdot tak bley gak...[-O<" 2009-05-12 11:01 AM



tu dia antara mesej yg aku dapat dari sorang blogger nih bertanya kan pasal buat read more mungkin kerana beliau tak mo tgk postingnye pjg berjela....kira macam yang aku orang lain buat read more tu la...

beliau telah buat tapi kata beliau lagi...masih tak jadi...

aku cuba bagi beberapa link tutorial berkenaan read more nih kat sini tapi kata beliau masih juga tak boleh.....emmm kronik sungguh gayanye...aku nih plak bukan nye reti sangat...tp kalu aku tak reti macamana aku blh buat?...kang org kata tak mo tunjuk plak...@ kedekut ilmu....( aku mintak yang orang...aku plak tak mo ajar orang...muwakakakak )

apa yg aku blh buat ialah....aku hanya boleh menceritakan pengalaman aku sendiri @ cara aku sendiri yang telah berjaya buat read more tu.... ( ini bukan tutorial @ tunjuk ajar @ sesi belajar on9....tp cerita macamana aku buat je...aku nih mana reti nak buat tutorial...)

1st step




pegi kat Dashboard -->> Layout -->> Edit HTML

tick kat kotak Expand Widget Templates (dalam kotak merah macam dalam gambo kat atas tu...)

2nd step plak nye...





klik butang F3 kat keyboard tu @ butang Ctrl dan F-fungsi nye sama ..utk Find.... dalam kotak Find tu..taip la skin lps tu klik next..dia akan cari....dan hingga lah ke skin yg macam nih ]]></b:skin>
( contoh dalam kotak hijau kat dalam rajah kat atas tu..... yang dalam kotak hijau tu adalah coding asal...)

letakan coding ini ..


<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

diantara ]]></b:skin> dan <script language='javascript'>

( dalam kotak merah kat gambo di atas tu....)

ok?....dah siap kalu.....pegi ke step ke 3....bukan 3 step ye...huhuhuhu

3rd step




lps tu cari....( cara cari tu macam kat atas tu la ) dalam ruangan find tu taip la <span class='fn'> -- ( ianye berhasil kat tpt aku...x tau plak kat tpt korang..huhuhu harapnye berhasil la ye...)

kalu x jumpa juga...kene la cari yang serupa dalam kotak hijau kat atas tu...kalu dah jumpa....

letakan coding ini ..


<div class='entry'>
<data:post.body/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'> [ suka ati korang la nak letak apa kat sini ].</a>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


diantara .....</b:if>
< /div>
</div> dan
<div class='clear'/> contoh kat atas..dalam gambo tu....

yang dalam kotak biru tu..tulis la read more ke...baca lagi ke...apa ke..ikut suka suki hati korang la...huhuhuhu

siap kalu....save itu template...

siap sudah?....blm lagi loooo..... langkah longlai seterusnye ialah....

4th step...





pegi kat Dashboard -->> Settings -->> Formating -- >> cari Post Template -->> ( Post Template nih biasa nye org akan letak signature @ apa² gambo kat sini...supaya bila kita buat new post..ia sentiasa ada......) so kat dalam tu....tulis la... coding nih.....

<span class="fullpost">
</span>

seperti dalam gambo kat atas tu...ok?....

jangan lupa klik save settings


5th step ( byk la plak stepnye...letih membaca...letih lagi aku yg menulis...huhuhu )

masa kita nak buat new entry macam gambo nih....





so tulis sikit² sebelum <span class="fullpost">

lepas tu....sambung selebih selepas <span class="fullpost">

contoh macam aku buat kat post aku yg over slept tu

contoh mcm kat bwh nih




aku letak gambo sebelum <span class="fullpost">
dan lepas tu aku sambung...

hasil nye begini.....




kat dalam kotak merah tu la fungsi fullpost@read more tu....

seme yg aku tulis nih adalah pengalaman aku membuat READ MORE...mungkin cara orang lain tak sama...@ lebih advance @ lebih mudah....

susah² sangat p je kat pakcik google tu..type je....how to do read more in blogger byk tutorial kat dalam nih blh cari.....


oraik...

aku dah penat menulis nih.....huhuhuuh ayor tak de ke.....huhuhuhu

HTML Encoder

yang nih dari encik paan -->> HTML Encoder

kredit kat HTML Encoder tu...tidak kalu...mana blg paste coding HTML kat dlm nih..huhuh baru edit 6.37pm 13052009