Cara Membuat Emoticon Pada Komentar Di Blog

Bagaimana sih Cara Membuat Emoticon Pada Komentar Di Blog ?
Cara Membuat Emoticon Pada Komentar Di Blog itu tidak cukup sulit.
Apabila blog kita ditambahkan emoticon-emoticon yang unik maka para komentator blog bisa mengepreksikan diri meraeka melalui emticon yang berada pada komentar mereka.

Bagi yang ingin tahu bagaiman Cara Membuat Emoticon Pada Komentar Di Blog.
Langsung saja ikuti Tutorial berikut ini :

Cara Membuat Emoticon Pada Komentar Di Blog :

1. Yang harus kita lakukan pertama kali adalah Login Akun Blogger anda
2. Setelah itu pada Dashboard pilih Template >> Edit HTML
3. Cari kode </head> kemudian letakkan kode berikut ini diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>
4. Kemudian Cari kode  ]]></b:skin> kemudian letakkan kode berikut di atas ]]></b:skin
/* Emoticon Smiley -------------------------------------------- */
.emoWrap {
  background-color:#fff;
  border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  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;
}

     5.  Kemudian simpan template dan lihat hasilnya

 

Share :

Tweet

✚

Related Post