HOME ABOUT LINKIES STUFF DASHBOARD FOLLOW

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

Kalau kita nak komen entry someone tu mesti kita klik benda ni kan. Tapi macam boring je perkataan tu. Nak tukar? Ok jum tukar.

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 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/>



KLIK UNTUK KOMEN

<center><div style="background:#F5A9A9; width:200px; padding:4px; border-radius:10px; "><center>KLIK UNTUK KOMEN</center></div></center>


KLIK UNTUK KOMEN

<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 :

<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