Online Firmware

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:

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....???