Cara Pasang Emoticon di Posting Blog
Cara Pasang Emoticon di Posting Blog - Emoticon atau emosi ikon (*ngarang :p) adalah icon unyu-unyu (wkwk :d) yang bertujuan untuk menggambarkan emosi senang, sedih, tersenyum, tamvan dan lainnya. Emoticon sendiri sering kita temui pada kolom komentar, chatting, keyboard android dll.
Dengan adanya emotikon maka sebah percakapan teks atau karya tulis akan jadi terasa lebih menarik dan dapat meningkatkan minat pembaca blog yang kalian punya. banyak situs besar seperti facebook, kaskus, yahoo dll menerapkan emotikon pada situsnya untuk membuat penggunanya betah karena percakapan atau teks nya menjadi lebih ber emosi dengan adanya emotikon.
Emotikon sendiri bisa kita pasangkan pada kolom komentar blog, dan juga di konten artikel blog yaitu pada class post-body yang ada pada blogger.
Untuk memasangkan emotikon seperti yang saya pasang pada blog ini ada dua cara.
Cara pertama memasang emoticon
Yang pertama secara manual yaitu dengan menggunakan html image seperti di bawah ini.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGkKSBQskxxiJ89-iY4wkUZ7w6uhiPBg75o_20qGIi8gAdpoaiRMNNuoS335hxB4riM9bHDKTceyiRbMZcoRJOvLQPBnNL_fLJ8tqUg5OTz-s9czsdscr8UbXTtTW32nUMnu_Yhr5H-AY/s36/7.gif" style="max-height: 24px;"/> hasilnya :d
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmON-JixArPlc9QHLXXMuHq9_IcyA-4rovOIzQ8m12MMjMXNl4Uh1O3y35yHMGtv_1B_2gHDcYzuZVMt4uO8YWg01oBFIwGYmYJT30n08MqHB6CwuQqgfdXEg8wZKBQ3O1Ss2TEHXcMWU/s36/01.gif" style="max-height: 24px;" padding:0;"/> hasilnya :)
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl5DiWaClW4nEkYeq8a0ssZVYH-9VrLIW6bVXv5B1Weu5PnBsgVIGF057vOblXWV8s_sr_dV9UyoJxAIN6UG_vxARK4daU_eadFI1-ariwwJ9wtcdckIDMzBmf3JfFOt9uF0tVSp9qHJ0/s36/19.gif" style="max-height: 24px;"/> hasilnya 8-)
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZo7VjuvHFm7LZDB2byANU4EixLEa1aW7O-bdSwstGSrEMRTZdu70dLTG0cKQUB05logmwbyn2zikFig1S66BB312DzRO-_q0QlJ1Hj0D7z3ihuhOh1dwpyNVPQeGELk9TMZMfnYXwStM/s36/15.gif" style="max-height: 24px;"/> hasilnya :?
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkO-Dkdq8iQwTQEXK0ssHuymsDhtDqtu1uunqkQKU-kvUZ5uPLiG2pUHsSrd9UqrS_56JLXXBEXGmR20v2BJ-x5tO65cTxaCPe3QnYTE98fRsTLC60_1HUA0KW7Uqg_5tdBbnKHZBoca8/s36/10.gif" style="max-height: 24px;"/> hasilnya :p
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Vcy2zJahUGbHJVaN0xt8n1GJl7Uyn6ABnr_w_GAKS55MXMVBYSsFPLFGyDPkWp9KNtDzPIx3uk4zzGRRHOaDEALKwV7-VIrtP3BkckuHDrTbxCVBhG8mKrreyFc0l6YSIhrtSo6Ugfk/s36/13.gif" style="max-height: 24px;"/> hasilnya (o)
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRnqiq1HEYAkFrmjjWH5KRFumhgE6aKwCX3no8_NmHY5GH80M62duP4q0nCYt_LgfFJNSjRDXnAouEZGY0mBeVwXFnYZnaJrCNgWEdHw4VHpZtunOYL1otRid64kXSerRAoImqb6fVSM/s36/30.gif" style="max-height: 24px;"/> hasilnya (h)
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjILyulJoZxnc_P_vnAFd9iOdIvVSlY7-UXK0el5Lqp29NiqJ2sbAkLtwt8XrxSFefkVbSX9x1NfUxNn6gndw4FkW-XIhJKEAfHQt15jFmGs8NAEObuDKcwiJoAIhs-CFPVMUvwfn__x8Q/s36/21.gif" style="max-height: 24px;"/> hasilnya :b
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglIvzLMdgQckH5MC5mQFOOojYqW2gV3FXUYJA3WnCA7kcPt4_TTIdFWLCVyVMKe90zpCmRpY7S7BZkjmrPUUJcKAmuuA6UR0vITV1PM64Z-qS3RSldZjbBWERHM9v5qjRU7V-34yLFS4/s36/26.gif" style="max-height: 24px;"/> hasilnya (b)
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUkfpaazVxBp8Tsvvm34055K2_993X6GsdU0DlYIZQWfFAb8utRlY3f-ED2eYMKJ1t_vfrTDf3AHVtooKFRJ1ny6S6rkmtpox84spooniRRUrLI8zc79TUGhXNgtlez0ZvfS571sRS7gI/s36/20.gif" style="max-height: 24px;"/> hasilnya :t
Copykan kode html diatas ke dalam artikel kalian pada mode html jangan yang compose
Jika cara pertama dirasa cukup ribet maka coba cara yang kedua
Cara keduanya memasang emoticon secara otomatis menggunakan java script
kalian tinggal copykan script dibawah ini taruh diatas kode </body> pada template blog kalian
<b:if cond='data:blog.pageType != "index"'>
<script src='https://cdn.statically.io/gist/marwanto606/3aa562b14069e00a7b84779140f143a0/raw/f43b0a98f9d31800310d8e793d369cf18654111a/smile-post.js'/>
</b:if>:) atau :-) hasilnya :)
8) atau 8-) hasilnya 8)
:? atau :-? hasilnya :?
:p atau :-p hasilnya :p
(o) atau (-o) hasilnya (o)
(h) atau (-h) hasilnya (h)
:b atau :-b hasilnya :b
(b) atau (-b) hasilnya (b)
:t atau :-t hasilnya :t
Catatan : Pastikan tidak ada kode sebelum emoticon seperti kode , <br> , <br/> sebelum kode emotikon karna emotikon tidak akan mau tampil karna ini menggunakan javascript untuk mengkonversi simbol emotikonnya ke dalam gambar html secara otomatis.
