Cara Memasang Emoticon Di Kotak Komentar

Tutorial kali ini akan membahas postingan yang berjudul Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog. Bukankah unik jika emoticon menghiasi kotak komentar blog sobat?? Apalagi Emoticon ini bisa bergerak seperti emoticon kaskus. Berikut Screenshotnya

Unyu-unyu ya? Lo tertarik bro untuk memasang di blog Lo Bro ?? Maka, silahkan di bacalah bro caranya, Terdapat 2 Bentuk Emoticon bro sebagai berikut :

1. EMOTICON PERTAMA
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode berikut

</body>

(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

6. Letakan kode berikut tepat diatas kode yang tadi

  <script src='http://tutorialblogger.googlecode.com/files/smiley.js' type='text/javascript'/>

7. Setelah itu cari kode berikut 

<b:include data='post' name='comment-form'/>

(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)

8. Jika sudah ketemu letakan kode dibawah ini tepat diatas kode yang tadi

<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><blink><a href="http://abrian-pamungkaz.blogspot.com/2013/01/cara-memasang-emoticon-di-kotak-komentar.html" target="_blank">Pasang Emoticon !</a></blink></center>

9. Simpan

Selamat Mencoba

2. EMOTICON KEDUA

• Login ke akun blogger lo bro
• klik di Design/tata letak ok bro
• pilih Edit HTML, Centang pada Expand Widget Templates.
• Untuk Antisipasi kesalahan bro, Silahkan BACKUP dulu data lo ya bro.
• tekan tombol di keyboard bro, Ctrl+F, kemudian carilah bro kode </body>
• lalu copy kode berikut bro:

<style type='text/css'>

.emoWrap { 

  background-color:transparent;

  border:none;

  padding:10px 14px;

  color:black;

  font:bold 12px Tahoma,Arial,Sans-Serif;

  text-align:center;

} 

img.emo, input.emoKey { 

  display:inline-block; /* Penting! */

  *display:inline;

  vertical-align:middle;

} 

input.emoKey { 

  border:1px solid #ccc;

  background-color:white;

  font:bold 11px Arial,Sans-Serif;

  padding:1px 2px;

  margin:0px 0px 0px 2px;

  color:black;

} 

</style> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/> 

<script src='https://republicofnote.googlecode.com/svn/trunk/emoticon%20di%20kotak%20komentar' type='text/javascript'/> 

<script type='text/javascript'> 

//<![CDATA[ 

var emoRange    = "#comments p, div.emoWrap", 

    putEmoAbove = "iframe#comment-editor",

    emoMessage  = "Untuk menyisipkan emoticon setidaknya anda harus menambahkan satu spasi di awal simbol.";

//]]> 

</script>

 

•  Lalu paste-kan bro diAtas kode </body>
• Mudah bukan bro ? ? kini lo bro sudah bisa menggunakan 2 emoticon tersebut di blog lo bro.

Selamat Mencoba ya bro . . .