Cara Memasang Emoticon di Komentar Blog

Oleh Achmad Arifandi

Sunday 1 February 2015

Bagikan :

Tweet

Emoticon adalah sebuah simbol atau kombinasi dari simbol-simbol yang biasanya digunakan untuk menggambarkan ekspresi wajah manusia yang mengandung emosi atau perasaan dalam bentuk pesan atau tulisaseperti contoh emoticon dibawah ini yang sudah saya pasang di blog Mursaid Blog.

Bagaimana cara membuat emoticon seperti di atas ?? simak baik-baik tutorialnya yak
1- Pertama masuk ke blogger kalian masing - masing.
2- Masuk ke Blog yang di pilih terus Klik Template > Edit HTML
3- Letakan kode di bawah ini tepat di atas kode ]]></b:skin>

.emoWrap{ background-color:#fff;  border:2px solid#0054BB; 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;  *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}

4- Setelah itu letakan kembali kode di bawah ini tepat di atas kode </head> atau </body>

<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/blogkangachmad/Emoticon%20Kang-Achmad.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

5- Klik simpan Template, dan lihat hasilnya bagaimana :) keren dan menarik kan.

Sumber : @KangAchmad.blogspot.com

Berlangganan : Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari Mursaid Blog langsung di pesan kotak masuk.

RSS FEED

Kategori : Tutorial Blogger, Widget