Tutorial : Tukar Perkataan "Post A Comment"
Hari ni mood nak buat tutorial. Walaupun dan bersepah orang buat tutorial tapi.... peduli apa aku kan.
Tutorial ni khas untuk diorang yang comment location dia Popup Window. Kalau awak punya jenis Embedded, abaikan saja tutorial ini. Uhuks. Tapi kalau mengada sangat, nak jugak try-try tuto ni, tukar settings awak okay.
Pergi Settings > Posts and comments > Comments > Comments Location > Popup Window > Save Settings
Dah? Okay lets get started. Tau apa tu Post A Comment? Benda ni haa :
yang dibulat merah
Pergi Template > Edit HTML > Ctrl + F > Cari code ni :-
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
Jumpa? Okay. Dekat sebelah dia ada code ni kan :-
<data:postCommentMsg/>
Ok rileks dulu. Ada 3 cara yang aku nak ajar korang.
1. Tukar Perkataan.
Gantikan code <data:postCommentMsg/> dengan perkataan awak sendiri. Contoh :
Sebelum
Selepas
Klik gambar untuk tumbesaran.
Klik gambar untuk tumbesaran.
KLIK UNTUK KOMEN tu awak tukar dengan perkataan awak sendiri. Taknak tukar pun takpee.
Dan hasilnya :
Tadaaaaaaa!
2. Letakkan border
Kalau awak nak Post A Comment awak tu cantik sikit, awak boleh letak border. (macam aku punya) Bawah ni adalah contoh dan code yang perlu digantikan dengan code <data:postCommentMsg/>
<center><div style="background:#F5A9A9; width:200px; padding:4px; border-radius:10px; "><center>KLIK UNTUK KOMEN</center></div></center>
<center><div style="border:2px solid #F5A9A9; width:200px; padding:4px; border-radius:10px; "><center>KLIK UNTUK KOMEN</center></div></center>
Oren : Warna border. Boleh ambik code warna dekat SINI
Hijau : Edit untuk kesesuaian lebar border. Kalau perkataan awak panjang, lagi lebar lah border awak.
Merah : Again, tukar dengan perkataan awak sendiri.
Pink : Boleh tukar antara dashed , dotted , atau double . Ikut kreativiti masing-masing.
Hasilnya :
3. Tukarkan dengan gambar
Kalau nak tukarkan perkataan Post A Comment awak tu dengan gambar pun boleh. Gantikan code <data:postCommentMsg/> dengan code :
Gantikan URL IMAGE dengan gambar yang sesuai. Freebies HERE
- Preview dulu sebelum save. Kot-kot laa ada error ke tak cantik ke apa.
- Save dan lihat hasilnya. Hasilnya tak ada dekat main page awak tu. Klik salah satu archieve awak, baru boleh tengok hasilnya.
Kalau cantik, tahniah! Kalau buruk, maafkan saya :(
Penat tau taip tuto ni. Kalau tak faham apa-apa boleh komen di bawah. Thanks for reading. xoxo
Pink : Boleh tukar antara dashed , dotted , atau double . Ikut kreativiti masing-masing.
Hasilnya :
3. Tukarkan dengan gambar
Kalau nak tukarkan perkataan Post A Comment awak tu dengan gambar pun boleh. Gantikan code <data:postCommentMsg/> dengan code :
<center><img src='URL IMAGE'/></center></a>
Gantikan URL IMAGE dengan gambar yang sesuai. Freebies HERE
- Preview dulu sebelum save. Kot-kot laa ada error ke tak cantik ke apa.
- Save dan lihat hasilnya. Hasilnya tak ada dekat main page awak tu. Klik salah satu archieve awak, baru boleh tengok hasilnya.
Kalau cantik, tahniah! Kalau buruk, maafkan saya :(
Penat tau taip tuto ni. Kalau tak faham apa-apa boleh komen di bawah. Thanks for reading. xoxo
0 fella