Cara menambahkan Emoticon di Komentar Blogspot

Oleh Unknown

Sabtu, 17 Oktober 2015

Bagikan :

Tweet

karena meningkatnya pengguna medsos (media sosial) dan ingin mennggunakan emoticon lucu untuk berkomentar diblog. Cara menambahkan emotican chatting di komentar blog, Pepatah mengatakan bicaralah lebih keras dari pada kata-kata.

Demikian pula , ekspresi chatting adalah cara untuk menunjukan suasan hati Anda. Setiap kali pengguna meninggalkan komentar disitus Anda..






# Bagaimana Cara menambahkan  Emoticon di Komentar Blog..

1.Masuk ke blogger.com 
2.Klik Edit HTML.
3.Cari kode </body> 
lalus simpan kode dibawah ini diatas kode </body>

<script src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/><script type='text/javascript'>//bloggersmileys.init();</script>

Sekarang cari kode <div class = 'post-footer-line post-footer-line-3'> Kemudian cari lagi kode </b:includable> kemudian copy paste kode berikut .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='noopsmile' id='noopsmile' style='background-color:#E0F7FF;background:#eee; border-radius: 7px;width:634px; padding:10px; border:1px solid #ddd'>
<img src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/imgs/comment-section1.png'/><a style='display:none;' href='www.netoopsblog.com' >bloggerwidgets</a><div align='right' id='close' style='font: bold 13px arial;margin-top: -14px; cursor: pointer;'> Close [x] </div></div><div id='open' style='background-color:#eee; border-radius: 7px; padding:10px;width: 87px;cursor: pointer;display:none;left: 582px;position: fixed;top: 1%;z-index:999;font-weight:bold;'> Open Emoticions</div>
 </b:if>

Untuk menambahkan coding CSS Smileys supaya lebih menarik, Anda tinggal mencari ]]> </ b: skin> lalu copy kode berikut diatasnya.

.post-body img.noops-smly {
  padding: 0 !important;
  margin-top: -2px !important;
}

5. Klik Save Tamplates 


Saya harap tutorial ini dapat memabantu Anda untuk menambahkan emoticon chatting di komentar blogger.Semoga bermanfaat, Wasalam.. Happy Blogging.

Tag : blogger, Blogspot, Tips postingan