Cara Menambahkan Smiley Emoticons Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Pada tutorial kalin ini saya akan berbagi, trik cara menambahkan icon Smiley Emotions untuk para pengunjung blog anda. Semoga dengan trik ini dapat menambah Atraktif blog anda.

Pertama, buka Template ---> Edit HTML. cari kode. ]]></b:skin>. lalu letakan kode dibawah ini tepat di atas kode ]]></b:skin>.

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;

}

Langkh kedua, cari kode </head> lalu letakan kode dibawah ini di atas kode </head>.

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

 Pastikan kamu memasangnya dengan benar, sebelum Simpan klik pratinjau lebih dahulu, jika sudah benar lalu pilih simpan.

BACA JUGA :