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. :)
Ditulis Oleh : Unknown ~ Tips and Trick, Download, Widget and Gadget, and Other Article
Sobat sedang membaca artikel tentang Cara memasang Emoticons Di Komentar Blog V.2. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terima kasih.
0 komentar "Cara memasang Emoticons Di Komentar Blog V.2", Baca atau Masukkan Komentar
Posting Komentar
Harus diingat ! :
1. Dilarang berkomentar dengan Kata-kata Kasar/Kotor.
2. Dilarang berkomentar SPAM dan Memasang Link Aktif.
3. Komentar dengan Link Aktif akan dihapus sesegera mungkin.
4. Berkomentarlah sesuai Topik/Artikel.
5. Berkomentarlah dengan Sopan.
6. Sobat diperbolehkan Copy-Paste artikel namun jangan lupa untuk menyertakan link sumbernya.
Tulislah Setiap kata dengan penuh makna Kesopanan.
Salam dari saya FahrurRozi18.