Cara Memasang Emoticon Di Komentar

Cara Memasang Emoticon Di Komentar-Dikesempatan kali ini saya akan membagi tutorial membuat emoticon di komentar. Emoticon dapat mempercantik komentar-komentar di blog kita. Selain itu emoticon dapat mengekspresikan wajah pengunjung blog kita yang berkomentar di artikel kita. Kalau begitu ikuti langkah-langkahnya di bawah ini.

1. Login ke blogger
2. Klik "Template"
3. Klik "Edit HTML"
4. Lalu cari kode </body>
5. Lalu copy kode di bawah ini dan letakkan tepat di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"Click to see the code!",emoMessage:"To insert emoticon you must added at least one space before the code."})});//]]></script><script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/></b:if>

6. Kemudian cari kode ]]></b:skin> 
7. Copy kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>

.emoWrap {  position:relative;  padding:10px;  margin-bottom:7px;  background:#fff;/* IE10 Consumer Preview */background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* Mozilla Firefox */background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* Opera */background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* Webkit (Safari/Chrome 10) */background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));/* Webkit (Chrome 11+) */background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);/* W3C Markup, IE10 Release Preview */background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);  border:3px solid #860000;  -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);  font-weight:normal;  color:#333;}.emoWrap:after {  content:"";  position:absolute;  bottom:-10px;  left:10px;  border-top:10px solid #860000;  border-right:20px solid transparent;  width:0;  height:0;  line-height:0;}

7. Lalu klik simpan.

Mudah kan?? Selamat mencoba sobat..

NOTE : Untuk emoticon yang berada di bawah komentar bisa diperbaiki dengan klik disini