Tuesday, November 15, 2016
Cara memasang Emoticons Di Komentar Blog V 2
Cara memasang Emoticons Di Komentar Blog V 2
Cara memasang Emoticons Di Komentar Blog V.2 - Selamat pagi sahabat fahrurrozi18 semua !!! Sebenarnya, dulu aq sudah pernah memposting artikel tentang Cara membuat Emoticons di kotak komentar blog. Tetapi... Kali ini saya akan membagikan artikel yang tidak berbeda dengan yang saya sebutkan tadi, yaitu Cara memasang emoticon Di Komentar Blog V.2. Seperti yang kita tahu, emoticon biasa digunakan oleh pengunjung ( termasuk kita ) untuk mengekspresikan perasaan. Apakah sedang sedih, senang, atau yang lain sebagainya. Oke deh nggak usah berlama-lama, sobat lihat dulu saja screenshot nya dibawah ini ya.
Bagaimana sob? Keren bukan? Tenang ajah sob, Emoticon diatas ringan kok... :) Jika sobat tertarik untuk memasangnya, silahkan ikuti tutorial dibawah ini ya.
- Login ke akun blogger.com sobat.
- di Dashboard, Sobat klik Template => Edit HTML.
- Lalu Sobat cari kode ]]></b:skin>, kemudian sobat letakkan kode dibawah ini diatas kode ]]></b:skin> tadi.
.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 #000000; -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 #000000; border-right:20px solid transparent; width:0; height:0; line-height:0;}
- Selanjutnya, sobat cari kode </body>, lalu Letakkan kode dibawah ini tepat di atas kode </body> tadi.
<b:if cond=data:blog.pageType == "item"><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>
Keterangan:
Silahkan sobat ganti Teks yang berwarna Merah diatas dengan kata-kata yang sobat inginkan sendiri.
- Kalau sudah, sobat klik Simpan Template.
Selesai, sekarang... Coba sobat cek, apakah sudah berhasil?
Sekian dulu ya artikel ku kali ini mengenai Cara memasang Emoticons Di Komentar Blog V.2. Semoga bermanfaat. :)
Available link for download
