Foto Blog Admin Di Atas Kekotak Komentar

by Zoul on 13 April 2009

Kita selalu lihat dibahagian atas kotak komen biasanya blogger akan membiarkannya kosong atau diletakkan teks beserta latarbelakang (background color). Kali ini aku nak kita tonjolkan sikit paras rupa kita pada pengunjung.. (sebenarnya foto apa pun boleh)
Ini contohnya pada blog ini:




Minta maaf ya.. gambar kurang jelas, tapi cuba klik manalah tau dia boleh jadi jelas ke...
Baik, apa yang aku letakkan pada bahagian atas kekotak komen adalah foto, teks yang meminta pengunjung meninggalkan komen dan link RSS subscribe untuk blog ini.

Cara untuk meletakkannya adalah begini:

1- Login ke Blogger --> Layout --> Tanda centang pada expand widget templates





2-Cari kod ini

<b:include data='post' name='comment-form'/>

3-Copy dan pastekan kod di bawah ini betul-betul di atas kod tadi

<!--Admin Comment Image-->
<div class='spacer'/>
<div style='background:#EFEFEF; padding:6px; border-bottom:solid 2px #DEDEDE; font-size:11px;'>
<table border='0' cellpadding='0' cellspacing='0' width='488'>
<tr>
<td width='64'>

<!-- Comment Image -->
<img src='URL PHOTO ANDA' style='padding:4px; background:#FFFFFF;'/>
</td>
<td width='435'><strong>Do you have any suggestions?</strong> Add your comment. Please don&#39;t spam!<br/>

<a href='http://feeds2.feedburner.com/NAMA ID ANDA'>Subscribe to my feed</a></td>
</tr>
</table>
</div>
<div class='spacer'/>
<!-- End of Admin Comment Image -->

4-Anda boleh customisekan mengikut citarasa anda:

-background:#EFEFEF; (merupakan warna latar belakang)
-border-bottom:solid 2px #DEDEDE; (merupakan warna, jenis dan saiz border)
-<img src='URL PHOTO ANDA' style='padding:4px; background:#FFFFFF;'/> (sila tukarkan URL PHOTO ANDA (photobucket, Imageshack dsbnya) manakala #FFFFFF adalah warna latarbelakang photo.
-<a href='http://feeds2.feedburner.com/NAMA ID ANDA'> (sila tukarkan ke nama ID Feedburner anda)
-Teks yang di dalam bahasa inggeris boleh ditukar mengikut kesesuaian blog anda

5-Preview dan jika tiada error yang keluar... savekan template anda


Ok, itu sahaja dan selamat mencuba..

{ 10 comments... read them below or add one }

Ikaa said...

wahh cikgu jadik tenaga pengajar blog
isk3
hebat
:)

Zoul said...

Cookie Monster

Eh comel dtg lah.. ada plak di panggilnyer aku cikgu.. panggillah sensei.. hu hu hu ka ka kah..:))

unknown said...

sensei
bgs tutorial ni...
semakin lama semakin hebat la sensei ni dlm blog

MaMa Echa&Umar said...

wah..best wo..cik angah sedang menyedut....hehe

Zoul said...

KhairiL's

Hu hu janganlah panggil aku sensei.. aku gurau jer tuh.. aku taip apa yg aku tau jer dan nak kongsikan..itu aje..

Zoul said...

Cik Angah

Silakan-silakan.. jgn tersedak tau..hik hik

Yaniez said...

"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "l" must end with the ';' delimiter."

kenapa dia keluar cam tu ye?? kalau comment yg jenis pop up tu bleh guna ni ker?

Zoul said...

Yaniez

Maaf yer.. lupa plak nak beritahu.. cara ni adalah untuk comment form underpost sahaja..

Yaniez said...

oo ok, thanks ye... :)

Eriyza said...

Thanxs. Dah wat.
http://eriyza.via.my/2009/05/kotak-pesanan-admin-atas-kotak-komen.html

Post a Comment