Tutorial : Pengubahsuaian Fungsi Read More

WRITTEN BY : Arep Skema TIME : 11:24 PM TOTAL COMMENTS : 0
Hey,, ini tutorial aku Hack siket pasal Read More Button,, Selalunya kalau Read More biasa kat blogger, kalau kita klik button Read More tu,, page yang kita tengah berada tadi terus bertukar dan terus pergi kat link Read More tadi kann. So kalau korang follow tutorial nie, gerenti tak de macam tu lagi. Bila korang klik Button Read More, secara otomatik terus terbukak kat tab baru.. Mesti korang nak kan macam tu.


Okey,, nie cara-caranya:

1. Pergi 'Dashboard'
2. Buka ruangan 'Template
-Lagi baik 'Backup Template' blog kauorang dulu. Kalau tak tahu caranya. Tengok Tutorial : Cara Backup/Restore Template Blog
3. Klik 'Edit HTML'
4. Tekan Ctrl+F  dekat keyboard kauorang [serentak]

<data:post.body/>

5. Lepas dah jumpa kod dekat atas tadi. Copy kod kat bawah nie:


<b:if cond='data:post.hasJumpLink'><div class='jump-link'> <a expr:href='data:post.url + "#more"' target='_blank'><p align='Right'><img border='0' src='URL BUTTON READ MORE KORANG.PNG'/></p> </a></div></b:if>


6. Paste kod yang korang Copy tadi tu kat bawah kod ini:

<data:post.body/>

7. Klik 'Preview Template'
8. Kalau tiada error, klik 'Save'


-PERINGATAN-
Bagi sesetengah Template, template tu dah disediakan dengan Read More tersendiri,, so kalau nak guna yang dah tersedia tu, tak yah ikot yang nie pon tak per. Kalau nak ikot,ikot lah,,
Kalau nak buang yang dah tersedia sendiri tu boleh,, Nie caranya,,

1.Cari kod nie,yang warna merah jer,,(kalau tak der maknernya blog korang memang tak der fungsi read more lah,, so korang kena follow tutorial aku kat atas tu,,)


<b:if cond='data:post.hasJumpLink'>.........
..........</b:if>


2. Delete dari kod dari kod warna merah tu sampai kod warna biru tu(termasuk kod kod yang ada diantara kod merah dan biru tu). Then gantikan dengan kod yang aku kasi.

-CARA NAK GUNA-
Aku bagi contoh la untuk terangkan ,Contoh korang nak buat karangan 5 perenggan, korang nak 2 perenggan kat atas dan 3 lagi kat bawah atau tak nampak kat bahagian Post. Korang dah buat 5 perenggan tu kat bahagian Post, korang klik kat hujung huruf perenggan 2 tu, then tekan Button Insert JumBreak macam kat dalam gambar kat bawah nie:




- No 1. Klik Button Nie = Tu lah Button Insert JumBreak.
- No 2. Akan keluar palang nie = Tulah tandanya dah ada Read More kat post tu.

-PENGUBAHSUAIAN-
-Gantikan 'URL BUTTON READ MORE KORANG.PNG' kepada URL gambar Button Read More korang.
-Gantikan 'Right' kepada LEFT kalau korang nak Button Read More korang kat sebelah Kiri. Tapi kebiasaanya kat sebelah kanan.

Sila bagitahu kalau menjadi dan bagitahu juga kalau tak menjadi. ;)

Enjoy!.


Related Posts Plugin for WordPress, Blogger...

No comments:

Post a Comment

Dah baca kan? Komen lah sikit. Sikit pun jadilah.
Fikir sebelum menaip. ;)