Saturday 22 December 2012

Cara Memasang Emoticon Terbaru | 2012 Di Blog

Halo sobat Cyber Empires, dari beberapa kasus para blogger mania untuk membuat emoticon yang benar-benar bisa tampil sangatlah susah, dan banyak yang request untuk pembuatan emoticonnya, oleh sebab itu ni sob saya share untuk cara memasang emoticon di blog versi ane sob..

Silahkan ikuti langkah-langkanya sobat..:

1. Pertama sobat harus sign in dulu tentunya ke blog sobat
2. setelah itu pilih Design / Rancangan
3. Lalu Pilih Edit HTML
4. Setelah itu sobat kasih tanda centang/ conteng di Expand Widget Templete
5. Setelah itu sobat cari kode / script ]]></b:skin> agar lebih mudah gunakan ctrl + f  dan letakkan kode/ script di bawah ini tepat di atas kode ]]></b:skin>

.emoticon { margin: 0px 0px 0px 5px; }

6. Setelah itu sobat cari kode / script <data:blogCommentMessage/> biasanya sih seperti ini sob <p><data:blogCommentMessage/></p> setelah di temukan sobat tambahkan script di bawah ini :
<dd class='emoticon'>

</dd>
sebelum dan sesudah kode tersebut sehingga menjadi seperti di bawah ini :

<dd class='emoticon'><p><data:blogCommentMessage/></p></dd>


7. Setelah itu sobat cari kode <p class='comment-footer'> atau yang menyerupai/ sama dengan kode ini, setelah di temukan sobat letakkan kode/script di bawah ini tepat di bawah kode/script <p class='comment-footer'>


<div align='center'><span>&lt;a href=&quot;javascript:animatedcollapse.toggle(&#39;cemo&#39;)&quot;&gt;<span style='color: #FE2E2E;'><b>Yahoo</b></span>&lt;/a&gt;</span><b style='color: #FE2E2E;'></b></div>
<br/>
<center>
<div id='cemo' style='border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #000000; none repeat scroll 0% 0%; width: 400px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: auto;'><center>
<b>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>:25
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>:26
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>:27
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>:28
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>:29
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>:30
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>:31
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>:32
<br/>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>:33
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>:34
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>:35
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>:36
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>:37
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>:38
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>:39
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>:40
<br/>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>:41
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>:42
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>:43
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>:44
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>:45
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>:46
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>:47
</b></center></div></center>

8. Setelah itu sobat cari kode </body> jika sudah di temukan sobat masukkan kode /script di bawah ini tepat di atas kode tersebut
<script src='http://emoticonmedia.googlecode.com/files/yahooemo.js'/>
9. Setelah itu sobat simpan / save  and enjoy.....

Bagaimana sobat semua mudah kan membuatnya..., silahkan di coba sob...

Selamat berkarya dan semoga bermanfaat..., Thank's...^_^....


EmoticonEmoticon