Breaking News

Membuat emoticon animasi lucu pada kolom komentar blog

Selamat sore para pembaca semua, rasanya nikmat sekali dalam suasana yang hujan seperti ini berada dikamar dengan diselimuti selimut Angry Bird kesayangan yang tebal serta ditemani segelas teh hangat, membuat sedikit inspirasi muncul dan tangan ini gatal rasanya untuk menuliskannya ke dalam blog ini.
Ya mari kita belajar tentang bagaimana caranya membuat emoticon gif animasi yang lucu dalam kotak komentar blog kita ? seperti pada blog ini, lihat saja cukup membuat blog anda lebih terlihat teratarik :

Emoticon animasi gif komentar blog

Tujuan dibuatkan emoticon pada kotak komentar jelas supaya menarik minat para pengunjung untuk berkomentar dan memperindah blog kita sehingga blog kita tidak hanya menampilkan kotak komentar standfar.

Oke lansung saja ikuti tutorial membuat emoticon animasi gif lucu dan keren pada komentar blog :

1. Tentunya log in dulu ke dasbor blog kamu kemudian pilih template -> klik edit HTML. Setelah keluar kode HTML template blog anda, letakkan kursor pada kode HTML anda dan tekan Ctrl+F pada keyboard anda, nanti akan muncul kolom pencarian di pojok kanan atas. Silahkan Copykan kode ini <div class='post-footer-line post-footer-line-3'> dan pastekan pada kolom pencarian HTML, bila sudah ketemu silahkan copykan kode di bawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style=' width: 434px ; text-align: left; border: 4px double #00008B;background: #FFFFFF; padding: 10px; color:#000000; font-weight:normal; margin-left:0px;'><h3 style='text-align: center;'>
<a style='color: #00008B;'>Kode Emoticon Komentar</a></h3><br/>
<img border='0' src='http://4.bp.blogspot.com/-cx7iRSgMZPM/U43jHDqX2HI/AAAAAAAAAR8/LdSsKJFg7lg/s1600/muka+memerah+emo.gif'/> :a
&#160;
<img border='0' src='http://3.bp.blogspot.com/-BeTl8CX5n80/U43jD7bU6YI/AAAAAAAAARA/2WciAB3KlVo/s1600/ketawa+emo.gif'/> :b
&#160;
<img border='0' src='http://4.bp.blogspot.com/-ccHk3TGn8Ik/U43pq030eUI/AAAAAAAAATc/YkwkwlOWaHg/s1600/amyreload.blogspot.com_kiss+bye+emo.gif'/> :c
&#160;
<img border='0' src='http://2.bp.blogspot.com/-ZiJrTcomKlY/U43jtGaJvLI/AAAAAAAAAS0/Orxc3OqTYik/s1600/woro-woro+emo.gif'/> :d
&#160;
<img border='0' src='http://4.bp.blogspot.com/-mq8H_nAXUF4/U43jCPTx3cI/AAAAAAAAAQ0/lr0UK6OAv_Q/s1600/ingat+emo.gif'/> :e
&#160;
<img border='0' src='http://4.bp.blogspot.com/-bZLj1X5IdnY/U43jCKiBkII/AAAAAAAAAQw/imYZf9dvyBg/s1600/jempol+emo.gif'/> :f
&#160;
<img border='0' src='http://3.bp.blogspot.com/-uJ32xvqwTRI/U43jre5XhJI/AAAAAAAAASg/lWg9iLFS7hc/s1600/penunjuk+emo.gif'/> :g
&#160;
<img border='0' src='http://4.bp.blogspot.com/-jI3A5CwmFlQ/U43jGTBpZSI/AAAAAAAAARs/5xay9KKhwjg/s1600/menangis+emo.gif'/> :h
&#160;
<img border='0' src='http://1.bp.blogspot.com/-SL5YKU58CZQ/U43jrp2PxLI/AAAAAAAAASo/fb_md7IRoJ8/s1600/sibuk+emo.gif'/> :j
&#160;
<img border='0' src='http://2.bp.blogspot.com/--cCcl50WU3Y/U43mjV4uqEI/AAAAAAAAATI/trH6yaPeZXs/s1600/peace+emo.gif'/> :k
&#160;
<img border='0' src='http://4.bp.blogspot.com/-Kn2g95Q-7JY/U43jCJq6C2I/AAAAAAAAAQs/sE0wwS7hUlQ/s1600/Love+emo.gif'/> :l
&#160;
<img border='0' src='http://1.bp.blogspot.com/-nQ6w9rLBjGw/U43jFPMLf6I/AAAAAAAAARc/Pu9KkbswBrk/s1600/marah-emo.gif'/> :m
&#160;
<img border='0' src='http://2.bp.blogspot.com/-aVSPsPH5qUo/U43jGMK1kiI/AAAAAAAAARk/Ahcrw1RkYY0/s1600/menyimak+emo.gif'/> :n
&#160;
<img border='0' src='http://3.bp.blogspot.com/-PoLeMO48Q0w/U43m6FNeNHI/AAAAAAAAATQ/NEjh2JXDjjs/s1600/cilekba+emo.gif'/> :o
&#160;
<img border='0' src='http://4.bp.blogspot.com/-2MSGpG6Jh-c/U43jHuQUf0I/AAAAAAAAASA/XjQU1z9q9UE/s1600/ngantuk+emo.gif'/> :p
&#160;
<img border='0' src='http://1.bp.blogspot.com/-AECAA2F55Mg/U43jt_PvgOI/AAAAAAAAAS4/2TKd8VtpngY/s1600/terkejut+emo.gif'/> :q
&#160;
&#160;
<img border='0' src='http://4.bp.blogspot.com/-T2795q4T4J8/U43jEry51iI/AAAAAAAAARM/VBN_hMKM71k/s1600/kagum+emo.gif'/> :r
&#160;
<div style='text-align: center;'>
<a href="http://adf.ly/tKsHB" onclick="window.location.replace('http://sh.st/y7mZm')" style='color: #1e7ab7; font-size: x-small;' target='_blank'>
                            <b>Dapatkan emoticon ini disini!!!</b>
                          </a>
                        </div>
                      </div>
                    </b:if>
                    adf.ly/tKsHB

Pastekan dan letakkan diantara kode </div> dan </b:includable>
lohat pada gambar dibawah ini :

Peletakkan HTML emoticon pada template

2. Langkah terakhir yaitu cari kode </body> cari di kotak pencarian seperti tadi kemudian letakkan kode berikut :
<script src='https://comment-emoticon.googlecode.com/svn/amyreload-emoticon-comment.js' type='text/javascript'/>
Tepat diatas kode </body> dan klik Save Template dan berhasil deh, jika sudah berhasil silahkan di tes di kotak komentar anda.

Demikian artikel singkat dari saya semoga bisa bermanfaat bagi para pembacanya.
Terima Kasih

Tidak ada komentar:

Posting Komentar

silahkan komen gan :)blog ini dofollow, komentar spam akan dihapus oleh administrator !!!!

Designed By Modify By