Cara Membuat Emoticon Komentar Keren

Memang Blog yg bagus itu bro menyediakan fasilitas unik di kotak komentarnya bro, ya contohnya membuat blog lo pada bro lebih menarik peminat pengunjung dengan adanya Emoticon Komentar yg Lucu dan Unyu - Unyu haha, untuk lebih jelasnya bro Perhatikan Gambar diBawah ya bro :

  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

• 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:

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

 
•  Lalu paste-kan bro diAtas kode </body>

Ini belum selesai bro, jika lo Bro ingin menampilkan emoticon yang lo pasang script-nya tadi bro, karena untuk memberi tahu kepada calon komentator bahwa di blog lo bro bisa di isi emoticon bro, silahkan ikuti untaian berikut bro :

• Carilah bro kode <p class='comment-footer'>, serta kode <b:if cond='data:post.embedCommentForm'>
• copy kode diBawah bro dan Letakkan di Antara Kode <p class='comment-footer'> dan <b:if cond='data:post.embedCommentForm'> oke bro, untuk lebih jelasnya lihat contoh diBawah bro

<p class='comment-footer'>

<p><b>Judul Yang Lo inginkan Bro</b></p><b><img src="http://statics.plurk.com/4f01bac8a707e5450307f97065ec0fa7.gif" />
:a:
<img src="http://statics.plurk.com/65271ac2126706bc09d31ff67c525d67.gif" />
:b:
<img src="http://statics.plurk.com/fcd28d7d78ec1f828c76930fa63270e6.gif" />
:c:
<img src="http://statics.plurk.com/3385896779bf1c13188bf92ca516878e.gif" />
:d:
<img src="http://statics.plurk.com/bac8c8392f7ca8f5ac74612be4d08b74.gif" />
:e:
<img src="http://statics.plurk.com/d1a6f08507b126ec6a215e6a2372e8bb.gif" />
:f:
<img src="http://statics.plurk.com/373cd2f23dab7528d4875170d13d64f7.gif" />
:g:
<img src="http://statics.plurk.com/e8ed6c7eed76d2acd9dbf469f29fbec2.gif" />
:h:
<img src="http://statics.plurk.com/aabbc82c2b0dc72bfbce2f82c97a95e8.gif" />
:i:
<img src="http://statics.plurk.com/35b16fc25623670e41c2be6bf8ac38c7.gif" />
:j: 

<img src="http://statics.plurk.com/843739a95294fd0bf4c958840b46408f.gif" />

:k:

<img src="http://statics.plurk.com/b0b0596acce9ffc1f2a27548aa642eaf.gif" />

:l:

<img src="http://statics.plurk.com/1c890273544559b17f090d09238fa763.gif" />

:m:<img src="http://statics.plurk.com/95e69aa508d4bb435706b9db0a610dad.gif" />
:n:
<img src="http://statics.plurk.com/db4c4a7d141fdcaca4d4b11f8fb360db.gif" />
:o:
<img src="http://statics.plurk.com/bb1e3fed482959a00013f7f1efcc17a0.gif" />
:p:
<img src="http://statics.plurk.com/e49c8ae965452550c98fc7f99741ae0d.gif" />
:q:</b>
<b:if cond='data:post.embedCommentForm'>

Ket :

• Lo juga bisa bro menganti kalimat yang berwarna HIJAU di atas dengan kata-kata Lo sendiri bro.
• Jika sudah bro,Tinggal Save Template deh bro . . .
• Selesai dan lihat hasilnya bro.
• Biasanya banyak template blog yg gak Bekerja dengan EMOTICON PERTAMA bro, untuk itu silahkan lo pada pakai EMOTICON KEDUA dibawah bro yg lebih simple caranya dan lebih keren pastinya hehe . . .

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:#ffffff;
  border:2px solid #ffffff;
  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='http://raxterblog.googlecode.com/files/emoticon-komentar-keren.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange    = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage  = "Untuk Menyisipkan Emoticon Setidaknya Lo Bro Harus Menambahkan Satu Spasi di Awal Komentar, , , Oke Bro ! ! !";
//]]>
</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 . . .