Cara Cepat Memasang Emoticon di Blogger

CARA MEMASANG-MENAMPILKAN EMOTICON PADA BLOGGER

Cara Cepat Memasang Emoticon di Blogger
Blog Orang IT . Pada kesempatan kali ini saya akan share Cara Mudah Menampilkan Karakter Emoticon pada Blogger baik pada postingan Blog maupun pada kotak komentar.
Selamat Datang di
Memasang Kode Emoticon pada Blogger - Beberapa hari terakhir ini banyak pengunjung blog Orang IT berkomentar dengan menyisipkan kode Emoticon namun karena Blog ini tidak mendukung Karakter Emoticon akhirnya kode itu hanya menjadi karakter tulisan biasa. Maka dari itu saya menyisipkan sedikit Script agar Blog ini mampu menampilkan karakter Emoticon untuk membuat Blog terkesan lebih hidup dan tentunya menambah kesan bagi para pengunjungnya .

Dengan adanya fitur menampilkan kode emoticon ini pengunjung mempunyai kesempatan untuk menagungkapkan perasaan ataupun ekspresi mereka melalui karakter emoticon yang ada . Emoticon sendiri dibentuk dari beberapa karakter keyboard seperti : :-) (mewakili senyum) dan banyak karakter lainya.

Berikut Cara Menampilkan Kode Emoticon pada Blogger :

1. Silahkan masuk pada Dashboard Blogger anda , setelah itu pilih pada menu template. Lihat jendela sebelah kanan dan pilih Edit Template


Cara Cepat Memasang Emoticon di Blogger
Masuk Edit HTML

2. Tekan CTRL + F , ketikkan </head>
dan setelah ketemu Copy-Pastekan Script berikut tepat di atas Script </head> ( Untuk menampilkan Emoticon pada Postingan Blog )


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

Cara Cepat Memasang Emoticon di Blogger
script tampil pada postingan

3. Masih di Kotak pencarian ketikkan </body>
, lalu ketikkan Script berikut tepat diatas </body>  ( Untuk menampilkan emoticon pada kotak komentar blog )


<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:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]></script><script src=''https://cdn.rawgit.com/Helmy21/Emoticon/master/Emoticon.js' type='text/javascript'/></b:if>
Cara Cepat Memasang Emoticon di Blogger
Script tampil icon pada komentar

4. Selesai, silahkan cek dengan mengetikkan karakter pada kotak komentar anda . Ingat tidak semua karakter langsung ditampilkan tunggu beberapa jam agar semua kode ditampilkan pada blog sobat. ( Lihat di atas kotak komentar anda )

Sekian Postingan saya mengenai Cara menampilkan emoticon pada Blogger semoga bermanfaat dan jangan lupa kunjungi postingan saya yang sebeumnya mengenai Kumpulan Trik Tips Menonton Youtube

  Follow Blog Orang IT dan Like FansPage helmykkediri serta untuk Donasi kepada Admin jangan lupa klik iklan yang ada di blog ini sekian dan terimakasih

35 Responses to "Cara Cepat Memasang Emoticon di Blogger"

  1. saya sudah coba tutorial diatas gan , dan ternyata work :d mantapp thanks ya

    BalasHapus
  2. pas bgt nih,blog saya blm dpsng emoticon :3 izin nyoba gan :)

    BalasHapus
  3. nice post gan.. klau emotikonya yang lbih keren lagi ada gak

    BalasHapus
  4. wah manfaat nih gan , ijin sedot :D

    BalasHapus
  5. wah keren nih.. jadi pengen ganti model emo gan :d

    BalasHapus
  6. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  7. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  8. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  9. aku pemula ni gan ,, jadi tak tau cara nya ,, suah gan gak bisa

    BalasHapus
  10. harus nunggu beberapa jam yaa ??

    BalasHapus
  11. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  12. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  13. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  14. https://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif

    BalasHapus

Terimakasih sudah berkunjung ke Blog Orang IT , aturan berkomentar yang baik :

1. Dilarang mencantumkan berbagai macam link aktif dikomentar blog

2. Jika ingin mendapatkan backlink komen dengan name/url yang telah disediakan

3. Link download mati silahkan berkomentar

4. Postingan dirasa outdate atau sudah tidak berguna lagi komen saja jangan sungkan

5. Komentar yang memerlukan jawaban dari admin jangan menggunakan anonymous

6. Berkomentarlah dengan relevans dan tinggalkan jejak diblog saya

7. Klik iklan untuk biaya perawatan admin

Terimakasih sudah mentaati rules aturan berkomentar yang baik