Cara Memasang Emoticons Di bawah Posting Blog

Cara Memasang Emoticons Dibawah Posting Blog - Selamat siang sobat Dum-may, Alhmadulillah pada kesempatan yang baik ini saya akan mencoba memberikan sedikit tutorial seputar ngeblog.

Sobat mungkin pengen blognya terlihat, menarik, cantik, mungkin salah satunya sobat bisa memasang emoticons dibawah posting blog sobat. Selain bisa mempercantik tampilan blog, emoticon bisa juga menjadi cara mengekspresikan perasaan para pengunjung. hehehe...

Mungkin sobat belum punya dan berencana memasang emoticons dibawah posting blog sobat, berikut langkah-langkah yang bisa sobat lakukan.

• Bukalah blog sobat
• Pilih Template >> Edit HTML
• Cari kode </head> (untuk memudahkan pencarian tekan Ctrl+f) copy script di berikut lalu pastekan di bawah kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

• Cari kode </body> kalau sudah ketemu silahkan copy paste script di bawah ini di atas kode </body>

<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:"Klik untuk melihat code!", emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon." }) }); //]]> </script> <script src='https://njilun2.googlecode.com/svn/njilun.js' type='text/javascript'/> </b:if>

• Belum selesai sampai disitu, lanjuta lagi sobat cari kode ]]></b:skin> kemudian copy paste script dibawah ini di atas 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; }

• Langkah terakhir klik Save Template, dan lihat hasilnya. Saya menggunakan cara ini sekali langsung berhasil gan, semoga sobat juga langsung berhasil...

Demikian artikel sedikit dari saya semoga dapat membantu sobat yang mau Memasang Emoticons Di bawah Posting Blog, selamat mencoba dan semoga berhasil!!! :D