Salam. :) Wah rajin pulak aku mengupdate dua tiga hari ni. Ni mesti gara-gara teruja laptop kesayangan dah sembuh dari sakit tengkuk dan tulang belakang kronik. tsk. Okeh apa pulak yang aku nak ceritakan kali ni? Hehehe. Sebelum apa-apa pun, aku nak mengisytiharkan bahawasanya! Aku telah berjaya menukar tulisan 'read more...' yang ada kat bawah ni kepada gambar!~ hahaha. Phew~ sumpah penat aku cari coding dia weh. Bukak blog ni, orang tu cakap macam ni. Bukak blog tu, dia cakap macam tu pulak. Setiap blog yang ada menyediakan tutorial ni menukar read more kepada ikon semua nya coding dia berbeza. Berbeza antara code diorang, dan apa yang diorang suruh find dekat html template aku satu pun tade yang sama. Kalau ada yang sama pun, mesti pelik dan tiap kali aku try preview mesti 'error xml' akan keluar.Tapi akhir nya.....
Aku jumpa jugak jalan penyelesaian yang mana coding yang dia bagitau suruh find tu sejibik macam yang ada dalam html template aku. Alhamdulillah :) Setelah mencari menggoogle, jumpa jugak akhirnya.. See.. kan betul aku cakap. Usaha itu tangga kejayaan c(: Tak caya lagi?
Okeh tanpa buang masa, meh aku buat tutorial sikit *wahhh.. dah pandai nak bertutor-tutor bagai!* hahaha. Ok tapi untuk makluman, tutorial ni aku hanyalah untuk golongan-golongan blogger yang mendownload template mereka melalui laman web http://www.ourblogtemplates.com/ , dan template yang di download itu ada features 'expandable post @ read more'. Saje je aku nak buat tutorial ni, sebab taknak lah ada orang pening-pening kepala cari macam aku. Sebab apa yang aku perasan, coding template-template kat laman web ni berlainan dengan template web-web lain. Plus, template kat sini nampak lebih simple :) Huhu. Tapi taktau lah kan. Ni kalau ikut apa yang aku try cari sebelum ni. Ok, jom mula.
1. First of all, korang mesti lah dah kena ada siap-siap function 'read more'. Kalau tak ada macam nak tukar 'read more' tu kepada 'icon' kan? Macam mana nak masuk kan read more ni? Korang pandai-pandai lah google k :) Senang aje tu. Hehehe.
2. Sekarang kita nak tukar icon kan? Pergi dekat layout >> edit html. Sebelum tukar coding apa-apa make sure korang dah download template korang tu sebagai back-up in case tak jadi ke apa ke kan. Next, tick kan ruang kotak yang ada tulis 'expand widget tempate'. Macam yang aku dah bulat dan gariskan kat bawah ni k :)
3. Dah? Lepas tu korang cari kod yang macam kat bawah ni, nak mudah korang cari guna Ctrl+F je.
<span id='showlink'>
<a expr:href='data:post.url'>Read more...</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
4. Dah jumpa lom? Okeh kalau dah, korang ganti kan perkataan read more yang berwarna merah tu dengan kod yang kat bawah ni. Lepas tu masukkan aje url icon yang korang nak tu. Tau kan cemana nak cari url tu?
<img src="URL IMAGE KORANG" width="200"/>
5. Lepas dah masukkan url, bahagian width tu korang leh adjust k, nak besar mana gamba tu. Yang ni kena pandai-pandai lah. Kalau macam aku, aku gunakan nilai width=200.
6. Okeh ni kira dah setel la ni. Cuba preview, jadi tak? Kalau jadi, save lah template!~ Kalau tak jadi, korang kena check balik coding dia tadi. Ok?
Semoga berjaya!~
:)
2 Kata-kata Pujangga:
Well done wawa.... Boleh la maklang belajo nanti.
mummycinta:
:) boleh boleh. takde masalah. hehe
Post a Comment