Senin, 31 Desember 2012

Memasang Emoticon Kaskus Pada Blog

CARA BUAT EMOTICON KASKUS DI BLOG 2012

1. Langkah pertama Login ke blog
2. Pilih edit template ( jangn lupa untuk backup dulu template kamu, supaya jika terjadi  error bisa di pulihkan)
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. Temukan 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: black; font-size: normal;">
<a href="javascript:animatedcollapse.toggle('cemo')"><b>Yahoo Emoticon</b></a><b> | </b><a href="javascript:animatedcollapse.toggle('kkemo')"><b>KasKus Emoticon</b></a></div>
<center>
<div id="cemo" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: white; border: 1px solid #666666; height: auto; padding: 5px; text-align: left; width: 400px;">
<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="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: white; border: 1px solid #666666; display: none; height: 110px; padding: 5px; text-align: left; width: 400px;">
<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'/>

Sekarang klik Save Template, dan lihat hasilnya..
Sumber : 


Artikel Terkait:

 
Copyright © 2015 | Simple Dimensions Design by Wandi Naozumi All Rights Reserved