RadrenBlog

sesuai judulnya kali ini saya akan meng post cara membuat emoticon yahoo/kaskus di blog,nah berikut ini caranya

1. langkah pertama login dulu sobat.. ke blog

2. pilih edit template ( jangan lupa backup ,buat jaga2 kalo ente error ;) )

3. ceklist " expand template widget"

4. lalu cari kode ini=  <data:blogCommentMessage/> atau  <p><data:blogCommentMessage/></p>
5. letakan kode <dd class='emoticon'> di ATASNYA lalu kode ini </dd> di BAWAHNYA


6. cari lagi kode ini  <data:comment.body/> atau <p><data:comment.body/></p>
7. letak kan kode <dd class='emoticon'> di ATASNYA lalu kode ini </dd> di BAWAHNYA

8. cari kode lagi <a name='comments'/> kemudian lihat di atasnya ada kode seperti ini
<div class='comments'> lalu tambahkan kode ini [ id='comments' ] tepat di sebelahnya
contoh: <div class='comments' id='comments'>
9.  haduh cari lagi sob. kode ini <p class='comment-footer'> kalo ada lebih dari satu, pilih yang TERAKHIR. nah pastekan kode di bawah ini tepat DIBAWAHNYA.

 <hr/>
<div align='center' style='color: #000000; font-size:normal;'>
<a href='javascript:animatedcollapse.toggle(&apos;cemo&apos;)'><b>Yahoo Emoticon</b></a><b> | </b><a href='javascript:animatedcollapse.toggle(&apos;kkemo&apos;)'><b>KasKus Emoticon</b></a></div>

<center>
<div id='cemo' style='border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: white; 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'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))

</b></center></div></center>

<center>
<div id='kkemo' style='display:none; border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: white; 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: 110px;'><center>
<b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='30'/>
:ka:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/s_big_cendol.gif' width='30'/>
:kb:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_shakehand2.gif' width='30'/>
:kc:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='30'/>
:kd:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_pertamax.gif' width='30'/>
:ke:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_mewek.gif' width='30'/>
:kf:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_siul.gif' width='30'/>
:kg:
<br/><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_nosara.gif' width='30'/>
:kh:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='30'/>
:ki:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_tkp.gif' width='30'/>
:kj:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='30'/>
:kk:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_I-Luv-Indonesia.gif' width='30'/>
:kl:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_hoax.gif' width='30'/>
:km:
<img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_berduka.gif' width='30'/>
:kn:
</b></center></div></center>

10. nah langkah ke sepuluh.. cari kode </head> .. pastekan kode dibawah ini TEPAT DI ATASNYA


<script src='http://7startmenu.googlecode.com/files/jquery_vstart.js' type='text/javascript'/>
<script src='http://7startmenu.googlecode.com/files/animatedcollapse.js' type='text/javascript'/>
<script type='text/javascript'>
animatedcollapse.addDiv(&#39;cemo&#39;, &#39;fade=1&#39;)
animatedcollapse.addDiv(&#39;kkemo&#39;, &#39;fade=1&#39;)
animatedcollapse.ontoggle=function($, divobj, state){}
animatedcollapse.init()
</script>


11. LANGKAH terakhir cari kode = </body> lalu letakan kode di bawah ini TEPAT DI ATASNYA


<script src='http://7startmenu.googlecode.com/files/smiley_comment.js' type='text/javascript'/>
<script src='http://7startmenu.googlecode.com/files/kaskus_smiley.js' type='text/javascript'/>

dah selesai juga,sekarang blog lu ada emoticon kaskus/blogger nya deh :)) ,kalo mau testing emoticonnya ,bisa kok komen aja di postingan ini untuk ngetest nya

thx to: http://kuyhaa-bloon.blogspot.com/2012/01/cara-buat-emoticon-kaskus-di-blog-2012.html(buat script emoticonnya

sekian dan terimakasih