Cara Menampilkan Emoticon di Form Comment
September 4, 2016
Menampilkan Emoticon di Form Comment
Di blog, emoticon tidak ditampilkan di atas form komentar. Maka untuk menampilkannya dengan menyisipkan script, agar dengan emoticon ini, komentar di blog bisa menjadi lebih ekspresif.
- Pertama masuk di menu dashboard, lalu klik template, dan klik Edit HTML.
- Tekan CTRL + F , ketikkan </head>
- Copy-Pastekan Script berikut tepat di atas </head>
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript">
- Lalu cari kode </body>, dan paste code dibawah ini tepat diatas </body>
<b:if cond='data:blog.pageType == "item"'><style type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#efefef;background-image:-ms-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2 100%);border:1px solid #ccc;-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 #ccc;border-right:20px solid transparent;width:0;height:0;line-height:0}</style> <script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat code! (Click to see the code!)",
emoMessage:"Beri jarak satu spasi sebelum code."
})
});
//]]></script><script src='http://googledrive.com/host/0B3ULQXVKhtIudTBkZ0diWV9STjA' type='text/javascript'/></b:if>
Setelah itu tinggal klik Save dan akan nampak seperti ini:
