Selasa, 28 Juni 2011

Memberi emoticon pada kotak comentar di blog



Kembali saya memberikan postingan tentang Tutorial Blog. Sebelumnya juga mengenai tutorial, sekarang pun sama, karena saya ingin sekali membagi ilmu dengan anda semua, pokoknya mengenai blog deh. Sesuai dengan deskripsi blog saya ini, bahwa kita sebagai blogger harus sharing ilmu dengan blogger lain, terutama bagi yang baru belajar blog alias NewBie. Kali ini saya akan memberikan sedikit panduan bagaimana cara untuk memasang emoticon lucu di kotak komentar pada blog. Meski sudah banyak para blogger senior yang sudah memberikan tutorial ini, saya akan memberikan lagi tapi dalam versi saya sendiri.

Anda bisa lihat gambar-gambar emoticon di blog saya ini, tepat di atas kotak komentar, seperti ini:
emoticon pada komentar blogspot



Anda tertarik untuk memasang di blog anda?? Maka, silahkan di baca step by step caranya:
  • Login ke akun blogger anda
  • klik di Design/tata letak
  • pilih Edit HTML, Centang pada Expand Widget Templates.
  • tekan tombol di keyboard, Ctrl+F, kemudian cari kode </body>
  • lalu copy kode berikut:
  • <script src='http://nova13.googlecode.com/files/nova13_plurk_kompres.js' type='text/javascript'/>
  • Kemudian paste-kan di atas kode </body>
  • Jika sudah, Simpan/Save Template.

Ini belum selesai, jika anda ingin menampilkan emoticon yang anda pasang script-nya tadi, karena untuk memberi tahu kepada calon komentator blog anda bahwa di blog anda bisa di isi emoticon.
  • Cari lagi kode <p class='comment-footer'>, serta kode <b:if cond='data:post.embedCommentForm'>
  • copy kode berikut, lalu paste tepat di antara kode di atas. lebih detailnya di bawah kode <p class='comment-footer'> dan di atas kode <b:if cond='data:post.embedCommentForm'>
  • <p><b>Pasang Comentar Anda Dengan Mencantumkan Code di Sampingnya.!</b></p>
    <b><img src="http://statics.plurk.com/4f01bac8a707e5450307f97065ec0fa7.gif" />
    :a:
    <img src="http://statics.plurk.com/65271ac2126706bc09d31ff67c525d67.gif" />
    :b:
    <img src="http://statics.plurk.com/fcd28d7d78ec1f828c76930fa63270e6.gif" />
    :c:
    <img src="http://statics.plurk.com/3385896779bf1c13188bf92ca516878e.gif" />
    :d:
    <img src="http://statics.plurk.com/bac8c8392f7ca8f5ac74612be4d08b74.gif" />
    :e:
    <img src="http://statics.plurk.com/d1a6f08507b126ec6a215e6a2372e8bb.gif" />
    :f:
    <img src="http://statics.plurk.com/373cd2f23dab7528d4875170d13d64f7.gif" />
    :g:
    <img src="http://statics.plurk.com/e8ed6c7eed76d2acd9dbf469f29fbec2.gif" />
    :h:
    <img src="http://statics.plurk.com/aabbc82c2b0dc72bfbce2f82c97a95e8.gif" />
    :i:
    <img src="http://statics.plurk.com/35b16fc25623670e41c2be6bf8ac38c7.gif" />
    :j: 

    <img src="http://statics.plurk.com/843739a95294fd0bf4c958840b46408f.gif" />
    :k:
    <img src="http://statics.plurk.com/b0b0596acce9ffc1f2a27548aa642eaf.gif" />
    :l:
    <img src="http://statics.plurk.com/1c890273544559b17f090d09238fa763.gif" />
    :m:
    <img src="http://statics.plurk.com/95e69aa508d4bb435706b9db0a610dad.gif" />
    :n:
    <img src="http://statics.plurk.com/db4c4a7d141fdcaca4d4b11f8fb360db.gif" />
    :o:
    <img src="http://statics.plurk.com/bb1e3fed482959a00013f7f1efcc17a0.gif" />
    :p:
    <img src="http://statics.plurk.com/e49c8ae965452550c98fc7f99741ae0d.gif" />
    :q:</b>
  • Anda juga bisa menganti kalimat yang berwarna biru di atas dengan kata-kata anda sendiri.
  • Jika sudah, Save Template.
  • Selesai.
Sangat mudah bukan..?
Dan setelah anda berhasil mempraktekan cara ini...semoga blog anda dapat lebih berwarna...dengan emoticon-emoticon yang lucu...
Semoga berguna dan bermanfaat..

2 komentar:

  1. :p: punyaku ndak bisa Om gy mana nie

    BalasHapus
  2. mungkin km salah copy pastenya...
    tu hrus berulang''
    aq ja nyoba sampai berhari''

    BalasHapus