Cara Membuat Emoticon di Komentar Blog

<div style="clear: left; float: left; margin-bottom: 10px; margin-right: 10px;"><img alt="Membuat Emotion di Komentar Blogger." src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX2If8SMXvV1JCfrwehF0-HlP4xq-JH8T0MaFiD9IkwyeUTJtY8I88_EmUaUVzB0x1OmjiiodSdoE7xVrUUXbyVxu_Fxvji6-NNKiXCOzSYGapNmI1AwFpZRfDYD5IdktZRh99M998In0/s1600/emoticon-on-blog.gif" title="Membuat Emotion di Komentar Blogger." /></div>Tutorial blog seocips kali ini adalah tentang <b><a href="http://www.seocips.com/2014/09/cara-membuat-emoticon-di-komentar-blog.html" title="cara membuat emotion di dalam komentar Blog">cara membuat emotion di dalam komentar Blog</a></b>. Sebenarnya sudah banyak yang posting tentang tutorial ini, bahkan sudah pernah seocips bagikan di artikel <a href="http://www.seocips.com/2014/01/cara-memasang-emotions-di-komentar-blog.html" target="_blank" title="cara memasang Emotions di komentar Blog">cara memasang Emotions di komentar Blog</a>, jadi seandainya sobat mengalami kegagalan dengan kode dibawah ini maka sobat dapat mencoba tutorial di artikel sebelumnya.<br /><br />Berawal dari pertanyaan seorang pengunjung Blog ini (yang sebenarnya sudah beberapa hari yang lalu bertanya dan belum sempat di balas karena sibuk) di artikel sebelumnya tentang <a href="http://www.seocips.com/2014/07/cara-membuat-efek-gambar-dengan-panel.html">Cara membuat efek gambar dengan panel description</a> maka berikut saya bagikan lagi tutorialnya.<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><img alt="Cara Membuat Emoticon di Komentar Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9vmyqB2jS7p8_f_qVns2gQoZ2qzVcX03m1xeuhzXCD8cma7AK7dk9Xo73cRUdqR_cgM3Aj7VcavkSyYAr2vwIXoQhtXfRukrCWpOgYVqqjEaporWMBPUDe8xtmkMOqVyeQDp9rPi2tI/s1600/membuat-emoticon-diblog.png" title="Emoticon di Komentar Blog" width="100%" /></td></tr><tr><td class="tr-caption" style="text-align: center;"><span style="font-size: xx-small; text-align: start;">Emotion di Komentar Blogger</span></td></tr></tbody></table><ul></ul><h3>Membuat Emoticon di Komentar Blogspot</h3>1. Di Blogger,<br />2. Di Blog yang ingin kamu pasangin emo,<br />3. Pilih menu template >> edit html<br />4. Cari kode ini <codeku><span style="color: red;">]]></b:skin></span></codeku> untuk mempermudah gunakan ctrl+f<br />5. Letakan kode dibawah ini diatas kode <codeku><span style="color: red;">]]></b:skin></span></codeku>.<br /><blockquote class="tr_bq">.emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; background-image:-ms-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-moz-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-o-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#FFFFFF),color-stop(1,#FFF9F2)); background-image:-webkit-linear-gradient(right,#FFFFFF 0%,#FFF9F2 100%); 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; }<br />.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; }</blockquote>6. Selanjutnya dengan mencari kode <codeku><span style="color: red;"></body></span></codeku> dan letakkan kode dibawah ini diatasnya.<br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script type='text/javascript'><br />//<![CDATA[<br />jQuery(document).ready(function () {emoticonx({<br />emoRange:"#comments p, div.emoWrap",<br />putEmoAbove:"iframe#comment-editor",<br />topText:"Click to see the code!",<br />emoMessage:"To insert emoticon you must added at least one space before the code."<br />})<br />});<br />//]]><br /></script><br /><script src='https://cdn.rawgit.com/Brando07/share/newbe/seocips-emo.js' type='text/javascript'/><br /></b:if></blockquote><div>7. Simpan template dan lihat hasilnya.<br /><br />Kamu bisa memasang emoticon ini misalnya untuk membuat komentar blog lebih menarik dimana yang berkomentar dapat menunjukan ekspresinya, kayak di facebook,.. hehehe. walaupun jumlah emoticon tidaklah banyak tapi cukuplah untuk bersenang-senang dengan ekspresi-ekspresi yang unik dan menarik ini.<br /><h4><b>Baca:</b></h4><ul><li><a href="http://www.seocips.com/2014/12/cara-memasukan-gambar-di-komentar-blog.html" target="_blank" title="Cara memasukan gambar di komentar">Cara memasukan gambar di komentar</a></li><li><a href="http://www.seocips.com/2014/10/cara-menulis-element-terlarang-di-kotak-komentar-blogger.html" target="_blank" title="Memasukan element terlarang di komentar">Memasukan element terlarang di komentar</a></li><li><a href="http://www.seocips.com/2014/06/cara-mengahapus-link-aktif-secara.html" target="_blank" title="Menghapus link aktif otomatis di komentar">Menghapus link aktif otomatis di komentar</a></li></ul>Nah jangan lupa lihat <a href="http://www.seocips.com/" title="artikel terbaru seocips">artikel terbaru seocips</a> yang lainnya. Sekian <b>cara membuat emoticon di kotak komentar Blogger</b>, semoga bermanfaaat.</div> <script type='text/javascript'> var d='https://bloggiotian.blogspot.com/2014/09/cara-membuat-emoticon-di-komentar-blog.html'; d=d.replace(/.*\/\/[^\/]*/, ''); location.href = 'https://www.sepeser.com/2023/08/begini-caranya-membuat-kotak-komentarmu-punya-emoticons.html'; </script>

By Brando Mewo