Emoticon di Kotak Komentar

Kali ini pasal emoticon lagi..cuma dipasang pada kotak komen dibawah posting pula. Untuk membuat kotak komen berada di bawah posting, boleh lihat tip ini. Kotak Komentar Dibawah Posting

Ok ini cara memasangnya..Sebelum tu Download Full Template untuk langkah berjaga2.

1. Loggin => Layout => Edit HTML. Tandakan pada kotak Expand Widget Template.

2. Tambahkan kod berikut dibawah kod </body>. Di bahagian paling bawah.

<script src='http://www.geocities.com/almansuqie/emo2.js' type='text/javascript'/>

3. Seterusnya cari kod berikut..

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

4. Dah jumpa, letakkan kod dibawah selepas kod <p class='comment-footer'>

<b><img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/21.gif'/>
:))
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/39.gif'/>
:)]
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/28.gif'/>
;))
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/5.gif'/>
;;)
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/4.gif'/>
:D
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/3.gif'/>
;)
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/10.gif'/>
:p
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/20.gif'/>
:((
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/1.gif'/>
:)
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/2.gif'/>
:(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/8.gif'/>
:X
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/12.gif'/>
=((
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/13.gif'/>
:-o
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/7.gif'/>
:-/
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/11.gif'/>
:-*
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/22.gif'/>
:|
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/35.gif'/>
8-}
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/32.gif'/>
~x(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/33.gif'/>
:-t
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/37.gif'/>
b-(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/40.gif'/>
:-L
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/14.gif'/>
x(
<img border='0' src='http://i302.photobucket.com/albums/nn113/aburifaie/smiley/24.gif'/>
=))
</b>

5. Ok selesai, klik save template dan cuba lihat hasilnya. Kalau xjadi jangan marah yer, maby xsesuai dengan template Antum.

Emoticon Yahoo! Messenger 9

Akhirnya berjaya juga membuat script emoticon Yahoo! Messenger 9. Ok bagi sesiape yang pernah menggunakan mana2 script emoticon macam ni, just klik saja Disini untuk install.

Untuk yang pertama kali boleh rujuk tip dibawah.

Memasang Emoticon Di Post Entry

Ana ade tambah beberapa emoticon yang agak menarik. Hasilnya akan ada di post editor begini yer..

Memasang Emoticon Di Post Entry

Emoticon Yahoo! Messenger..Sebenarnya dah ramai yang buat tutorial ni.. Ana tulis balik untuk simpanan peribadi..Kalau nak emoticon lain Antum boleh ke Chokilala.com. Disana ada macam² emoticon yang comel dan menarik. Chokilala memang pandai buat emoticon. Ok untuk yang ini, caranya begini..

Tutorial ini memerlukan kepada langkah berikut:-

1. Menggunakan Web Browser Firefox, mesti guna Firefox, yang lain tak boleh.. nak pulak IE yang kurang best tu. Maka bertukarla ke Firefox. Download Sini. Pastikan sudah menggunakan Firefox untuk step seterusnya.

2. Memasang Add-ons Greasemonkey. Kalau belum Install Disini. Senang aje. Ikut arahannya. Bila selesai, akan muncul icon kepala monyet yang berjambul dibawah.

3. Seterusnya install script emoticon Yahoo! Messenger dengan mengetik Script Ini. Bila keluar satu kotak, klik pada Install.

Ok selesai.. Emoticon sudah wujud di post editor Antum. Selamat beremosi dalam menulis.

Tambahan: Kalau gambar di posting Antum telah diborderkan, maka setiap emoticon yang ditampilkan akan berserta dengan border. Untuk hilangkan border tersebut, tambahkan kode ini sebelum ]]></b:skin>

img.emoticon {
border: 0;
}