Untuk Style #4 ini akan masih hampir sama dengan Style #3 dengan konsep animatif, karena menggunakan kumpulan figur animasi emoticon.
Emoticon/smiley biasanya digunakan untuk menyatakan kondisi, senang, sedih, marah dll. Selain itu juga sebagai pemanis kolom komentar, sehingga tampak lebih hidup.
>>Style #3. Kumpulan Thread Comment Emoticon
Emoticon/smiley biasanya digunakan untuk menyatakan kondisi, senang, sedih, marah dll. Selain itu juga sebagai pemanis kolom komentar, sehingga tampak lebih hidup.
Langsung saja kita breakdown Style #3, SIAP:
>>Style #3. Kumpulan Thread Comment Emoticon
 |
| Fig. Emoticons campuran animasi |
| Sangat Penting : Sebelum melakukan pengeditan pada HTML Template Blog, masuk ke Template>>Cadangkan/Pulihkan, download template anda biar kalau ada kendala masih bisa mengembalikan format template sebelumnya atau gunakan fasilitas key CTRL + Z untuk Undo fungsi. |
1. Cara Menambahkan Thread Animation Collections
Step 1>> Login ke Blogger Account
Step 2>> Masuk ke Template >>pilih Edit HTML
Step 3>> Cari kode <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> dengan menekan CRTL + F pada keyboard, scroll ke bawah hingga menemukan kode seperti di bawah ini :
</div> </b:includable> |
#Masukan kode di bawah ini tepat di tengah-tengah 2 kode di atas
Contoh
</div> Masukan Kodenya Di sini </b:includable> |
Sisipkan Kode yang ini:
<b:if cond='data:blog.pageType == "item"'>
<div style=' width: auto; text-align: left; border: 4px double #0084ce;background: #FFFFFF; padding: 10px; color:#000000; font-weight:bold; margin-left:40px;'><h3 style='text-align: center;'>
<a style='color: #3d85c6;'>Kode Smiley Untuk Komentar </a></h3><br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTEBGilTx9shL6xP3Km8N_cSyX1SBQERJvCQVzKnpz628YxOnfIwPFAmOTMUAuyV6_ojPMrWkiZvjDW2WPPlYW2hyphenhyphenOaYfMkQRaMs-2UNeV1Kp7hD2q0pjVAlA6PLefI-y926kp3C0fb2F/s1600/seociyus.blogspot.com_015.gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKVoGmpVskFM7QhICH6Tj5eMOk1_ImNc2J4AJ5JGmJ3K0oAstcQDsitCtvR1NYj3rDDQkdaoUvkeAhfCxSCJNG91Ys32yPsEyAerTmO_ryKuyU-4w8eseOnkNa7ATb7eq3bBdoiBO0EUQb/s1600/seociyus.blogspot.com_016.gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjef0f4XUgRtnRWVHrsAA88b4rYMt3oW6QGv3CWT-EVDfc2uatzQosXarJtaXrgtYNlFfajEwzLr5v2ko31rEztntFIt55s7l5klxrb41pOmwLPH_RZLEfr_02-avlK-XxMNmRP5_Chj0qd/s1600/seociyus.blogspot.com_017.gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS0gxvQyyKmd-N01E4urVajIA_B6SQqAxNgthjvidlkXmDFppxha_I19LTde41unxH14zA1j79hRbjI0K9XLAoDh6WDRwRUvpVASyjkx5lbeB4xOz6h5FMpxqBn79XiWfTLcO5Zb4JTnTe/s1600/seociyus.blogspot.com_018.gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT4-168lAuCR8x-Ph3qlM9ZpeTyMEbLd1frDz9ciXtutVAwKxcyEdygFQZvza20y1B8H_zuGqgUNQthdpHThdOJA2d8krIN0p5fWHgCSumalNmxPqHv_Xt3LHi96e6MyMD7HBJ_j_M-elA/s1600/seociyus.blogspot.com_022.gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrm0tQYrj0hWC4Rqe950PLQKrYZddu8Jv9ZtjQ8o7sDc_hgpecwyBZNIQYmx8fpd_inn-Svt1BfbI5oNANiYGYASYQVmyHhwRrRBd3nzaJ9SovmCBu6ncYejAxRdJnvGJ-Zf4kWWk2aEgm/s1600/seociyus.blogspot.com_025.gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifN8sOFMEpYvSgYHokPbvgLZmoA-JcLUU0F54b45qeI8fQaLRZeKf571p8JsGSXKtDLfwSvTuDrfB8aHvx_HOl-OC6S-E0_4-TX3q4OuH4yfDB_uGBOOyqZ9Pt1piADJKpgx9dKNoXRD1e/s1600/seociyus.blogspot.com_027.gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT-UdikUf6wmCliz9Tqd8evuoOhIOeOHfWHgkVeXGa3wBD66XjgoSWD66VxerwOiSx1OS6LejH6_LZlLE3KiECeyoUoyisR2SmwPq2UOI-n97YOj5Hj1Z5kzYmk-H0kqNguyxj8cSgNQU6/s1600/seociyus.blogspot.com_028.gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsU7lV7phvqsPzkbMkRz6-IiZ_swhMklPn3IuKkJEAyFDdkK8KrkvIMuHz_znLublvvHlpK81l7p-GZrlRnxn_s8BdereAo49lgYpibtDV4sNq4c_-J3kUrm0sQu8SttEMwibocFygICZh/s1600/seociyus.blogspot.com_029.gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQSaYcmVLK_PTw7K2RHJxAQO2hyHh0iLs0qyDjZjmUpSguIpuMIYmf94adAMU_2Ci4uUJVO4e7uvT_EXUw5mKl-T1fB0Tf6Dusa-BMT2H3r2bA2XU6wQWR6hqoidG1RW1VExHcaWFcAx2A/s1600/seociyus.blogspot.com_031.gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKeLdbmmHdy7EWlSor9rAiZJ_YkdUKlZw0U9ZdLnMiSFfFzGwsAIT0mxVwpKLM-dsZLozJUdk7-2My0xdhBO4p2stFhLNzgCurWxUKmoRaRv4_JadnuAYDnWXx_Cjruacd8putQHfjCfID/s1600/seociyus.blogspot.com-chick-smiley-01.gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gVdwiiX2zQ73n9RlnNLk0fmsWyxZiQQnESyewL3-qX4XXw5E_JjWrbg81OaE8TNeHDlq3tKabnxzSQ76j2h42TUfSeb-5vHLTs3VS9Zve9UEAUZi5ZceGvIWOHP53y69jJ0XyAOCgSJC/s1600/seociyus.blogspot.com-chick-smiley-05.gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT9oNoXIZyCf_hXSUVrFhz6nEP8jV9uokbUOIFb5sViY81z4C_aL_CcEdqSRP1wAY8HHU0CQ_rDaBUj475wXPNHRUkWqfgN92lqfodAqrP9ydaW1URGqN6hIDhaYCxJuqaaNa3jeh63-Zi/s1600/seociyus.blogspot.com_042.gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_QyIfRTOZt8Y4RH9JHG8uJyAmPwLaJW7Kx1jfqPay0gUgxdcIKMB1ksMxGBofgkW8yOGxMWKjbfhCE_M9r-OZaU8D-va_8fjZ39phfxlGvUUPatz6U_l6_0RQERJKskpsOybSOelrxJNk/s1600/seociyus.blogspot.com_040.gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeseXPl6lDHjxtf_HoUnMtAiVwlkeBpZJa81d6ga7IRcGZ-bmTWgNZaJG_VV58s8zKLkPWO6gDj2P0kuNkoIxvwfxl4w6eZjtyGUgR04iq8G8S8RNnHxUnpRKFhIUsEUPvAvijExkqIe4L/s1600/seociyus.blogspot.com-girl-emoticon-11.gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhOD7uWfKi4n45IH6bTXaMfPxP7zv1_sH6Su-c59jdohgupXLvW4Bb9n0-tCAj2mFv5dFb7goIxWn6mB-3fL0_Iw3RVfQu_CmusgtBj1xXUrkT5XHHOoVwBce0Zb8HOr9KLiDJm2HmDJlR/s1600/seociyus.blogspot.com-girl-emoticon-19.gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoWfDHm9mzZISZaIDOvo6hWebYdcYLh6CXzD9YgmCRtk2z2uB-6_gyGsqBFL1DsTM-Q2jEkW-c-wBpPozGfteOmFfrUfU33WIYAr4d59LrfalGXTlshnKUMxBqYnu-UsaEXkeWfOfpCOBM/s1600/seociyus.blogspot.com-girl-emoticon-18.gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoFtZ-RD-BSRXwRtfrtnodQaE3qdiBejlbmzm5IjlMKjE3R-rww0fUcQ0P9miSi21aX9qLVX2aus9KDkNe6zMwGU7PivfNcgvUAYNQF42M7PGw-0nI4cBmdF_-ZHqV7B2r9B66F_CQF982/s1600/seociyus.blogspot.com-glass-leaf-emoticon.gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAXLE3We9XwjshkzVquVe_ZF0i_eYi59z1YZMJVZgHuH3ldMq8fJe7J8pL0MNgGDD2Kp2QKDWzYewUCZQST12Ld6ikdFYZMQ2mvHO1tWvnURETIvmECtEeuIkr1SMZnOW6zRrAHSPcbwt/s1600/seociyus.blogspot.com-laugh-leaf-emoticon.gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqkTQ279-EdNHBGX6kMlk7y_tpF4NZ4AKBCCZj8edDOchf8Bl1z0Bo4-yMpT1PVOd9MiOFPWCr0ly1SXineCmHGOeHf01nEirBIVelNttQDlg8gpIGzwSYBLBiez-oEOU4u2Va64gpkPkN/s1600/seociyus.blogspot.com-sign-leaf-emoticon.gif'/> :t
 
<div style='text-align: right;'>
<a href='http://banguet.blogspot.com' target='_blank' style='color: #1e7ab7; font-size: x-small;'><b> Dapatkan Emoticon Ini!</b></a></div></div></b:if>
Note : Ganti tulisan warna Merah dengan URL blog sobat.
Step 4>> Sekarang cari kode </body> dan sisipkan kode javascript di bawah ini tepat di atas kode </body>
<script src='https://sites.google.com/site/seociyussite/file/seo_ciyus_smiley_komentar_bloggerV2.js' type='text/javascript'/> |
Step 5>> Simpan Template
Hasilnya akan seperti ini:
Hasilnya akan seperti ini:
:a
:b
:c
:d
:e
:f
:g
:h
:i
:j
:k
:l
:m
:n
:o
:p
:q
:r
:s
:t
Demikian langkah-langkah Cara menambahkan Emoticon Smiley Onion Head