08/10/09

Emoticon Pada Kotak Komentar

Kemarin ada permintaan tutorial mengenai emoticon pada kotak komentar saya, dari saudara Q~Q. yang contohnya dapat anda lihat di bawah ini ;


 Sebernya sangat mudah,  untuk menampilkan emoticon seperti gambar di atas, adapun tutorialnya sbb ;
  1. Sign In pada account blog anda
  2. Klik tulisan tata letak pada tab
  3. Klik tulisan Edit HTML pada tab
  4. Klik tulisan expand widget template seperti gambar di bawah ini ;
  1. Silahkan saudara cari kode </body> pada template
  2. Taruh kode HTML di bawah ini sebelum kode </body> tersebut ;



  • Selanjutnya silahkan anda mencari kode script berikut                                                                     <b:if cond='data:post.embedCommentForm'>
  • Setelah itu silahkan copy paste script dibawah ini dan letakkan sebelum script di atas
  •  
<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif'/>:10
<img border='0' src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif'/>:11
<img border='0' src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif'/>:12
<img border='0' src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif'/>:13
<br/>
<img border='0' src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif'/>:14
<img border='0' src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif'/>:15
<img border='0' src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif'/>:16
<img border='0' src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif'/>:17
<br/>
<img border='0' src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif'/>:18
<img border='0' src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif'/>:19
<img border='0' src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif'/>:20
<img border='0' src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif'/>:21
<br/>
<img border='0' src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif'/>:22
<img border='0' src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif'/>:23
<img border='0' src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif'/>:24
<img border='0' src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif'/>:25
<br/>
<img border='0' src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif'/>:26
<img border='0' src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif'/>:27
<img border='0' src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif'/>:28
<img border='0' src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif'/>:29
<br/>
<img border='0' src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif'/>:30
<img border='0' src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif'/>:31
<img border='0' src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif'/>:32
<img border='0' src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif'/>:33
<br/>
<img border='0' src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif'/>:34
<img border='0' src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif'/>:35
<img border='0' src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif'/>:36
<img border='0' src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif'/>:37
<br/>
<img border='0' src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif'/>:38
<img border='0' src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif'/>:39
<img border='0' src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif'/>:40
<img border='0' src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif'/>:41
<br/>
<img border='0' src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif'/>:42
<img border='0' src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif'/>:43
<img border='0' src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif'/>:44
<img border='0' src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif'/>:45
</b></center>
</div>

  • Klik Simpan Template 
  • OK, Slesei
Emticon pada kotak komen dapat anda variasi dengan gambar lain selain di atas dan ini merupakan salah satu tutorial blog yang saya ambi dari seorang bLogger juga..........
Semoga Sukses dan terima kasih atas Requestnya dari saudara Q~Q ...



Ahmad fadiL

9 komentar:

Aditx mengatakan...

kEren Bro.. ????

Q~Q mengatakan...

aku suka gaya lo...wakakakak...thanks yaaa...sori merepotkanmu

Q~Q mengatakan...

aku suka gaya lo....wakakakaka...tnks ya ...sori dah merepotkanmu...

fadiL mengatakan...

thx Broooo,,,,

ardi33 mengatakan...

emoticonnya beragam yah????hehe.....
kalo yg pengen emoticon monyet,ke tempat q yakz...
Menggunakan Emoticon Monyet pada Komentar

facebook hacker mengatakan...

kok punya Q yg keluar cuma simbolnya aja ya:41

Aditx mengatakan...

Nice bRo..???? :n:

Aditx mengatakan...

Kalau yang pengen nyobain emotion soldier kunjungi saya

Adityo Eko Wibowo mengatakan...

kalo emote nya pengen di ganti sama yang saya pengen gimana kk..?!
itu kan file .JS nya cuma buat emote yg itu aja kan..??

Poskan Komentar

Leave Comments Please