RSS

Cara Memasang Emoticon Kaskus di Blogspot

Ada tips nich dari tetangga sebelah cara pasang emoticon kaskus di blogspot / blogger karena sebelumnya cuma anak-anak platform wordpress saja yang bisa memasang emoticon kaskus di blog mereka, itu juga karena wordpress terdapat plugin kaskus untuk wordpress, nah untuk anak-anak yang menggunakan platform blogspot atau blogger tidak perlu kecewa karna blogspot juga bisa memasang emoticon kaskus cuma bedanya agak sedikit repot, biar sedikit repot tapi nanti hasilnya puas kok heee… oke sebelum kita mengedit kode HTML yang bikin rumet otak, klo boleh saranin kamu Download dulu Notepad++ disini, ya itu sih cuma saran biar lebih mudah mengedit kodenya nanti… Nah kalau sudah Download sekarang kita langsung praktekin
Ok.

1. Login ke Blogger terus cari Tata Letak – Edit HTML.
2. Untuk mencegah hal-hal terburuk Raden saranin backup dulu template kamu.
3. Terus kamu centang Expand Widget Template.
4. Sekarang kamu cari kode </body>. Nah yang udah Download Notepad ++ boleh sedikit bangga karena jadi lebih mudah mengedit kode-kode yang buat otak miring sebelah.  Sudah di install kan Notepad++ nya? Baguss.. sekarang kamu pilih Language trus pilih XML, sekarang kamu Copy semua code template kamu yang ada di blogspot, Sudah di Copy semua Code ny? Nice.. Sekarang kamu pilih Search – Find sekarang kamu ketik </body> ketemu kan? Jangan bilang tidak ketemu ya nanti Raden kasih bata nich..heeee.
5. Copy semua Code di bawah ya trus letakan di atas code </body>.
<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q:/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r:/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.gif' alt='' class='smiley'/>")
a.item(i).innerHTML = _str;
}
}
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:nyimak/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:bata/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:bingung/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:capede/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:cendol/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:duka/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu2/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:marah/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:metal/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nangis/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngacir/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngakak/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:siul/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:tkp/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:nyimak/gi, "<img src='http://img338.imageshack.us/img338/5228/amati.gif' alt='' class='smiley'/>");
_str = _str.replace(/:bata/gi, "<img src='http://img87.imageshack.us/img87/6011/bata.gif'' class='smiley'/>");
_str = _str.replace(/:bingung/gi, "<img src='http://img402.imageshack.us/img402/7973/bingung.gif' alt='' class='smiley'/>");
_str = _str.replace(/:capede/gi, "<img src='http://img100.imageshack.us/img100/9422/capede.gif' alt='' class='smiley'/>");
_str = _str.replace(/:cendol/gi, "<img src='http://img87.imageshack.us/img87/4976/cendol.gif' alt='' class='smiley'/>");
_str = _str.replace(/:rate/gi, "<img src='http://img402.imageshack.us/img402/3678/coolx.gif' alt='' class='smiley'/>");
_str = _str.replace(/:duka/gi, "<img src='http://img87.imageshack.us/img87/2579/duka.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu2/gi, "<img src='http://img87.imageshack.us/img87/5840/malu2.gif' alt='' class='smiley'/>");
_str = _str.replace(/:malu/gi, "<img src='http://img87.imageshack.us/img87/333/malu.gif' alt='' class='smiley'/>");
_str = _str.replace(/:marah/gi, "<img src='http://img100.imageshack.us/img100/8913/marah.gif' alt='' class='smiley'/>");
_str = _str.replace(/:metal/gi, "<img src='http://img265.imageshack.us/img265/350/metalz.gif' alt='' class='smiley'/>");
_str = _str.replace(/:nangis/gi, "<img src='http://img338.imageshack.us/img338/1411/nangisb.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngacir/gi, "<img src='http://img255.imageshack.us/img255/4203/ngacir.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngakak/gi, "<img src='http://img101.imageshack.us/img101/8817/ngakak.gif' alt='' class='smiley'/>");
_str = _str.replace(/:ngintip/gi, "<img src='http://img402.imageshack.us/img402/1039/ngintip.gif' alt='' class='smiley'/>");
_str = _str.replace(/:pertamax/gi, "<img src='http://img408.imageshack.us/img408/4052/pertamax.gif' alt='' class='smiley'/>");
_str = _str.replace(/:siul/gi, "<img src='http://img408.imageshack.us/img408/7797/siul.gif' alt='' class='smiley'/>");
_str = _str.replace(/:tkp/gi, "<img src='http://img101.imageshack.us/img101/6695/tkp.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

6. Kemudian cari Code yang ini <p class='comment-footer'> Untuk pengguna Notepad++ lakukan hal yang sama ketika kamu mencari Code </body>.
<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/> </b:if><b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
Karena ada 2 Code yang sama kamu fokuskan saja sama Code yang berwarna merah, ingat ya jangan sampai salah mencari Code nya.

7. Lalu kamu Copy Code yang ada di bawah, kemudian kamu Paste di bawah Code <p class='comment-footer'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; background: transparent; width: 350; text-align: left; border: 1px solid #fff; padding: 5px; height:350'>
<b>
<img border='0' height='30' src='http://img338.imageshack.us/img338/5228/amati.gif' width='30'/> :nyimak
<img border='0' height='30' src='http://img87.imageshack.us/img87/6011/bata.gif' width='30'/> :bata
<img border='0' height='30' src='http://img402.imageshack.us/img402/7973/bingung.gif' width='30'/> :bingung
<img border='0' height='30' src='http://img100.imageshack.us/img100/9422/capede.gif' width='30'/> :capede
<img border='0' height='30' src='http://img87.imageshack.us/img87/4976/cendol.gif' width='30'/> :cendol
<img border='0' height='30' src='http://img402.imageshack.us/img402/3678/coolx.gif' width='30'/> :rate
<img border='0' height='30' src='http://img87.imageshack.us/img87/2579/duka.gif' width='30'/> :duka
<img border='0' height='30' src='http://img87.imageshack.us/img87/5840/malu2.gif' width='30'/> :malu2
<img border='0' height='30' src='http://img87.imageshack.us/img87/333/malu.gif' width='30'/> :malu
<img border='0' height='30' src='http://img100.imageshack.us/img100/8913/marah.gif' width='30'/> :marah
<img border='0' height='30' src='http://img265.imageshack.us/img265/350/metalz.gif' width='30'/> :metal
<img border='0' height='30' src='http://img338.imageshack.us/img338/1411/nangisb.gif' width='30'/> :nangis
<img border='0' height='30' src='http://img255.imageshack.us/img255/4203/ngacir.gif' width='30'/> :ngacir
<img border='0' height='30' src='http://img101.imageshack.us/img101/8817/ngakak.gif' width='30'/> :ngakak
<img border='0' height='30' src='http://img402.imageshack.us/img402/1039/ngintip.gif' width='30'/> :ngintip
<img border='0' height='30' src='http://img408.imageshack.us/img408/4052/pertamax.gif' width='30'/> :pertamax
<img border='0' height='30' src='http://img408.imageshack.us/img408/7797/siul.gif' width='30'/> :siul
<img border='0' height='30' src='http://img101.imageshack.us/img101/6695/tkp.gif' width='30'/> :tkp
</b>
</div>
8. Nah sekarang tinggal di Save dech dan liat hasil nya, Untuk pengguna Notepad++ pertama kamu harus hapus semua Code yang ada di template blogspot kamu kemudian kamu Copy semua Code yang ada di Notepad++ lalu kamu Paste di template blogspot kamu, Save dan lihat hasilnya.
Info Penting : Karena Raden upload file gambar nya di account image hosting Raden maka setiap ada perubahan maka emoticon kamu tidak akan jalan, tapi nanti di kasih tau kok setiap ada perubahan jadi tenang aja ya.
Selamat Mencoba….

Bagikan
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

1 komentar:

Skynet Cyber Cafe mengatakan...

jangan kasih bata yah!!!! :malu

:nyimak :bata :bingung :capede :cendol :rate :duka :malu2 :malu :marah :metal :nangis :ngacir :ngakak :ngintip :pertamax :siul :tkp

Posting Komentar