Rabu, 27 Juni 2012
Cara ini sebenarnya sudah banyak teman-teman blogking yang sudah update terlebih dahulu tentang artikel ini, namun karna permintaan teman akhirnya saya tulis. Dengan memasang emotion dikotak komentar maka para komentator akan lebih mudah untuk mengekspresikan perasaannya. Salain itu, akan membuat blog kita lebih ekspresif.
Untuk memasang emotion ini sangatlah mudah, dengan sobat mengikuti langkah-langkah dibawah ini dijamin akan berjalan lancar.
1. Login ke Akun Blogger sobat2. Klik menu Template
3. Klik Edit HTML
4. Kemudian jangan lupa centang Expand Template Widget
5. Cari kode </body>
6. Copas kode dibawah ini dan taruh tepat di atas kode </body>
<style type='text/css'>
.emoWrap {
background-color:#EEDE86;
border:2px solid #D3BA59;
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;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
</div><!-- penutup cyb3r6h0stautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>
7. Save Template.emoWrap {
background-color:#EEDE86;
border:2px solid #D3BA59;
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;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.";
//]]>
</script>
</div><!-- penutup cyb3r6h0stautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>
Selesai...... Nah, itu adalah cara memasang emotion dikotak komentar blog. Jika sobat kesulitan atau tidak berjalan dengan lancar, sobat bisa kometar di kotak komentar.
untuk demo lihaat di blog ini ya sobat
untuk demo lihaat di blog ini ya sobat
Keren gan .. terima kasih yo ..!!
BalasHapus@Tux Admirerya gan sama2
BalasHapusmantapp oyy...
BalasHapusgagal gan
BalasHapus@Ahmad Fawzan Rohmangagal gmn gan
BalasHapusWidieee mantapsss ddahhh
BalasHapusperdana ke sini sambil ngucapin pertamax
BalasHapusmakasih sob infonya mampir ya...
BalasHapuspertamax gan ijin sedot,,,,
BalasHapus