Home › Blogspot › New! Emoticon Free iSMS for Blogspot

Senin, 16 September 2013

New! Emoticon Free iSMS for Blogspot

Diposting oleh Unknown

Pada Senin, 16 September 2013

Kategori Blogspot

Well well, setelah beberapa hari bahkan minggu blog menjadi tidak terurus :( akhirnya sekarang bisa kembali lagi mengetikkan jari diatas keyboard, hehehee .. Ada yang kangen nggak nih sama saya? pasti ngga ada :'(. Artikel kali ini agak menyeleweng dikit, saya terinspirasi dari artikel di blog mas Chaidir tentang mengganti emoticon blogger yang biasa dan bahkan sudah tersebar kepelosok negeri dengan emoticon dari WhatsApp! yang merupakan aplikasi dari ponsel atau smartphone.

Saya pun jadi penasaran dengan aplikasi SMS yang saya pakai di ponsel Nokia E63 saya, yaitu Free iSMS. Setelah bersusah payah sana sini berusaha mengais selentingan info dari mbah Google akhirnya dapet juga file emoticon yang saya cari-cari, saatnya bilang Alhamdulillah :)

Penasaran kan? Kalo ngga ya gapapa deh, kurang lebih seperti dibawah ini tampilan dasarnya.

iSMS

Nah sekarang ayo kita ke pokok bahasan, saya kira untuk cara memasangnya tidak terlalu sulit. Baiklah, kira-kira seperti ini.

Login ke Blogger.com menggunakan Akun Google anda, jangan lupakan passwordnya juga XD.
Masuk ke Menu Template - Edit HTML.
Cari kode </body> lalu letakkan kode berikut tepat diatasnya.

 <style type='text/css'>
  .emoWrap {
  -webkit-box-shadow:inset 0 0 7px #111;
  -moz-box-shadow:inset 0 0 7px #111;
  box-shadow:inset 0 0 7px #111;
  background-color:transparent;
  padding:10px 14px;
  color:white;
  font:normal 12px Open Sans,Sans-Serif;
  text-align:center;
  border:5px solid #3c3c3c;
  margin:10px 0 10px;
}

img.emo {
  display:inline-block;
  *display:inline;
  vertical-align:middle;
  height:20px;
  width:20px;
}

input.emoKey {
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}

input.emoKey {
  border:1px solid #B02614;
  background-color:#C03725;
  font:bold 11px Open Sans,Sans-Serif;
  padding:1px 2px;
  margin:0 0 0 2px;
  color:white;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat kode!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
//]]>
</script>
<script src='https://googledrive.com/host/0BzMAd_G5O1HxSEZNU1I5SXFyV0k' type='text/javascript'/>

Kalo penasaran demonya ada diblog ini kok :D.

Udah ah gitu aja artikel kali ini, maap kalo emoticonnya jelek :( tapi lumayanlah ;) .. Oh iya lupaaaa.