Cara Memasang Emoticons Skype Di Blog

Kalau bicara tentang emoticons memang tidak ada habisnya. Sebab, selalu ada perkembangan dan perubahan dari masing-masing emoticons. Kita akan memasang emoticons skype tepatnya di kotak komentar. Jadi, pengunjung dapat mengekspresikannya melalui emoticons tersebut. Sekilas cara nya juga hampir sama seperti memasang emoticons pada umumnya, yang berbeda hanyalah kode dan emoticonsnya itu sendiri. Berikut ini cara memasang emoticons skype di blog :

Ikuti Langkah ini:

1. Pergi ke Blogger > Layout> Edit HTML
2. Klik centang pada kotak "Expand Template Widget" 
3. Kemudian cari kode seperti ini <h4 id='comment-post-message'> <data:postCommentMsg/> </ h4&gt 
4. Masukkan kode dibawah ini, setelah kode yang dicari tadi 

<div style=' width: 370px; text-align: left; border: 2px padat #0084ce; background: #FEF9EA; padding: 10px color:#0084ce; font-weight:bold;'>

<Img border = '0 ' : Sebuah

<Img border = '0 ' : B

<Img border = '0 ' : C

<Img border = '0 ' : D

<Img border = '0 ' : E

<Img border = '0 ' : F

<Img border = '0 ' : G

<Img border = '0 ' : H

<Img border = '0 ' : I

<Img border = '0 ' : J

<Img border = '0 ' : K

<Img border = '0 ' : L

<Img border = '0 ' : M

<Img border = '0 ' : N

<Img border = '0 ' : O

<Img border = '0 ' : P

<Img border = '0 ' : Q

<Img border = '0 ' : R

<Img border = '0 ' : S

<Img border = '0 ' : T 

</ Div>

1. Simpan

Keterangan ! 

Untuk memodifikasi tampilan kotak emoticonsnya, kamu dapat mengedit tulisan yang berwarna hijau

Jangan senang dulu, masih ada kelanjutannya

6. Cari kode </ body>  dan paste kan kode dibawah ini tepat diatas kode </ body>

<script type='text/javascript'> //<![ CDATA [ a = document.getElementById ('komentar'); jika (a) { b = a.getElementsByTagName ("DD"); for (i = 0; i <b.length; i + +) { jika (b.item (i) getAttribute ('KELAS') == 'author-comment-body', 'comment-body'.) { _str = b.item (i) innerHTML.replace (/:. j / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: k / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: l / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: m / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: n / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: o / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: p / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: q / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: r / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: s / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: t / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: a / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: b / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: c / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: d / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: e / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: f / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: g / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: h / gi, "<img alt =''class = 'tersenyum'/>"); _str = _str.replace (/: i / ig, "<img alt =''class = 'tersenyum'/>") b.item (i) innerHTML = _str.; } } } //]]> </ Script>

7. Selesai

Para Emoticon Akan muncul Dalam Kedua Pembaca dan Komentar Penulis!

Seperti yang Anda tahu yahoo smiley tutorial memiliki satu kelemahan dan itu adalah bahwa emoticon hanya muncul dalam komentar pembaca dan tidak dapat ditampilkan dalam komentar penulis. Dalam rangka untuk membuat emoticon muncul bahkan Authors blok komentar maka cukup ganti kode warna merah tebal di atas (yaitu author-comment-body)dengan kelas CSS untuk komentar pemilik blog disesuaikan. Jika Anda tidak tahu bagaimana melakukannya maka hanya berbagi URL blog Anda dan saya akan membiarkan Anda tahu kode apa yang harus Anda paste bukan author-comment-body

Sumber : http://4-jie.blogspot.com/2011/09/cara-memasang-emoticons-skype-di-blog.html#ixzz1mSDAgiWc