Menambah Emoticon Panda Pada Blogspot

Sebelum berangkat study banding saya ingin membuat postingan yang berkaitan dengan tutorial blogspot yaitu mengenai emoticon pada blogspot, emoticon merupakan salah satu kelengkapan Blog yang menurut saya penting dan tidak penting, karena menambahkan emoticon pada blogspot hanyalah bertujuan untuk mempercantik blog terutama dalam proses komentar agar terlihat lebih menarik, banyak sekali jenis emoticon yang dapat kita gunakan untuk mempercantik blog kita, dan kali ini DiEza Blog akan sedikit memberikan tutorial blogspot mengenai menambahkan emoticon panda pada blogspot dan untuk contohnya sendiri dapat anda lihat pada bagian kolom komentar DiEza Blog. caranya dapat anda simak dibawah ini :

1. Pastikan anda sudah masuk pada akun blogspot anda
2. Lalu masuk pada menu Rancangan dan pilih Edit HTML
3. Jangan lupa beri tanda centang pada Expand Template Widget,
4. Pemasangan Script : temukan kode </body> dan letakkan kode berikut tepat diatas kode </body>



<script src='http://dieza-burung.googlecode.com/files/dieza-web-id-panda.js' type='text/javascript'/>

5. Peletakan emoticon panda : terdapat 2 cara peletakan, cukup gunakan salah satu cara saja yang menurut anda lebih  mudah.

Cara pertama : silahkan anda cari kode <p class='comment-footer'> jika anda menemukan 3 code seperti diatas silahkan pilih pada kode <p class='comment-footer'> yang ke-3 dan letakkan Code Emoticon tepat dibawahnya

Cara Ke-2: Cari kode <b:include data='post' name='comment-form'/> dan letakkan Code Emoticon tepat diatasnya

Code Emoticon:

<div style='background: transparent; border: 1px double #ddd; height: 50px; overflow: auto; padding: 5px 5px 5px 5px; width: autopx;'> <b><b><img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2098.gif'/>:a<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2097.gif'/>:b <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2096.gif'/>:c <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2092.gif'/>:d <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2091.gif'/>:e <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2087.gif'/>:f <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2086.gif'/>:g <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2085.gif'/>:h <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2084.gif'/>:i <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2082.gif'/>:j <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2077.gif'/>:k <img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2076.gif'/>:l<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2071.gif'/>:m<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2069.gif'/>:n<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2067.gif'/>:o<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2066.gif'/>:p<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2064.gif'/>:q<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2063.gif'/>:r<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2060.gif'/>:s<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2059.gif'/>:t<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2056.gif'/>:u<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2055.gif'/>:v<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2054.gif'/>:w<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2053.gif'/>:x<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2052.gif'/>:y<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb2050.gif'/>:z<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb209.gif'/>:1<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb208.gif'/>:2<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb207.gif'/>:3<img alt='Photobucket' border='0' src='http://i1151.photobucket.com/albums/o632/diezablog/jb205.gif'/>:4</b></b><br/> <center>Get This Widget @ <a href='http://www.dieza.web.id/2012/02/menambah-emoticon-panda-pada-blogspot.html'>www.dieza.web.id</a></center></div>

6. Setelah terpasang lakukan Pratinjau untuk jaga-jaga, jika tidak ada kesalahan silahkan simpan template anda.

Semoga berhasil dan bermanfaat....

Salam...

Daftar Isi [Tutup]