Cara Menambahkan Emoticons Smiley di Komentar Blog


Cara Menambahkan Emoticons pada blog - Emoticon ini otomatis akan merubah kode :) :-D dan lainnya menjadi gambar yang telah di tentukan. Nah,mungkin kalian ingin mencoba nya di blog anda. Tidak usah banyak bicara langsung saja ikuti tutorial di bawah ini

Cara Menambahkan Emoticons

1. Login Ke Blogger > Template > Edit Html
2. Cari kode ]]></b:skin>  lalu copy kode di bawah ini di atas kode ]]></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;
}

3. Cari kode </head> lalu copy kode di bawah ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<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://googledrive.com/host/0B-HCDWf1SPI0cGlYc0FmTFVLbmc/Emoticon Smiley-dzulkifli.js' type='text/javascript'/>

Nb: Jika blog anda sudah terpasang JQuery, hapus script ini ( <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script> )

4. Kemudian Simpan Template, dan lihat hasilnya.

Jika kalian ingin melihat demonya, silahkan liat di blog saya , karena blog saya sudah menerapkan emoticon ini. Silahkan mencoba emoticon di kotak komentar saya.


Cara Menambahkan Emoticons Smiley di Komentar Blog

19 Responses to "Cara Menambahkan Emoticons Smiley di Komentar Blog"

  1. (h) (o) Bagus-bagus emotnya, sekalian ngecek :D

    ReplyDelete
  2. Emoticons nya keren2 gan, ijin nyoba nih :D

    ReplyDelete
  3. hehehehe thanks infonya gan :) patut di coba nich :)

    ReplyDelete
    Replies
    1. sama sama gan... :)
      silahkan di coba gan :-)

      Delete
  4. tutornya bermanfaat gan ,bikin blog ane jadi lebih bewarna

    ReplyDelete
    Replies
    1. makasih gan,,
      jadi tambah keren blog agan :D

      Delete
  5. izin nyimak,,soalnya udh punya yg lebih bagus :))

    ReplyDelete
    Replies
    1. okeh okeh..
      wah udah punya yang lebih bagus :-o

      Delete
  6. /* 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;
    }

    ReplyDelete
  7. Buat kalian ada yang BARU nih sayangi GEDGET kalian yaaa:) banyak INFORMASI yang bakal kalian tau dengan lihat link-link ini langsung saja yuuu:)
    http://blog.zapplerepair.com

    ReplyDelete

Berkomentarlah yang baik. Jika ingin cari backlink silahkan berkomentar dengan name/url dan open id. Jangan taruh link di komentar. Bagi yang melanggar akan di hapus komentar nya. Terimakasih