Cara memasang Emoticons Di Komentar Blog

Emoticons biasanya digunakan untuk mengekspresikan perasaan kita, jadi jika kita memasang emoticons dia atas komentar maka orang yang berkomentar akan mudah mengekspresikan perasaannya saat membaca artikel anda, apakah itu senang, sedih, atau kecewa.

Kali ini saya akan memberi cara membuat emoticons di blog, emoticons yang saya tunjukkan kali ini sangat unik, bisa bergerak dan ringan. untuk sebagai contoh saya berikan gambar di atas atau lihat demonya:

Demo

Cara Memasangnya:

1. Masuk ke blog anda terldih dahulu
2. Pilih menu template --> edit HTML
3. Cari kode ]]></b:skin>
4. Pastekan kode dibah ini diatas 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;
 }

 
5. Langkah berikutnya cari kode </body>

6. Pastekan kode dibawah ini di atas kode </body>

</body> kode ini biasanya ada di bagian bawah edit html



 <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:"Untuk menyisipkan emoticon Anda harus menambahkan setidaknya satu ruang sebelum kode."
 })
 });
 //]]>
 </script>
 <script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
 </b:if>

 

7. Ket:

Warana merah anda tukar dengan kata-kata anda sendiri

8.Pratinjau terlebih dahulu

9. Simpan

10. Sekarang tinggal lihat hasilnya dach !





Semoga bermanfaat ya ?

BABAI....???