cara menambahkan emotion di kotak komentar blog

kali ini saya akan memberikan tutorial cara menambahkan emotion di kotak komentar blog sobat 
seperti ini contohnya :


Berikut langkahnya
1. Sign in ke blog - Rancangan - Edit HTML
2. Download Template Lengkap sebagai backup
3. Centang Expand Template Widget
4. Cari (gunakan Ctrl + F pada papan keyboard) kode </body>
5. Pasang kode berikut diatasnya <script src='http://moalmules.googlecode.com/files/comment-content-p-emoticon.js' type='text/javascript'/>
 
6. Cari kode <b:if cond='data:post.embedCommentForm'>
7. Pasang kode ini dibawahnya,apa bila kode tersebut ada 2 buah maka pilih lah yang pertama
<div style='width:550px;text-align: center;border: 1px solid #ccc;padding:  2px 2px;margin-top:  15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'> <b> <img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-001.gif' width='30'/> :a: <img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-005.gif' width='30'/> :b: <img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-009.gif' width='30'/> :c: <img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-013.gif' width='30'/> :d: <img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-003.gif' width='30'/> :e: <img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-020.gif' width='30'/> :f: <img border='0' height='30' src='http://moalmules.googlecode.com/files/boy-emoticon-018.gif' width='30'/> :g: <img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-001.gif' width='30'/> :h: <img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-002.gif' width='30'/> :i: <img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-005.gif' width='30'/> :j: <img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-007.gif' width='30'/> :k: <img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-009.gif' width='30'/> :l: <img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-008.gif' width='30'/> :m: <img border='0' height='30' src='http://moalmules.googlecode.com/files/emo-girl-004.gif' width='30'/> :n: </b>     </div>
 atau download kode emotionnya di sini
8.kemudian letakan sekali lagi kode emotion di atas tepat  di bawah kode   <h4 id='comment-post-message'><data:postCommentMsg/></h4>

9. Simpan Template dan tes hasilnya

Catatan: Tips ini akan berhasil bila template mempunyai kode comment-body atau dengan trik mengganti kode kolom komentarnya dengan kode comment-body

selamat mencoba dan semoga berhasil :c:

Comments

Post a Comment

Popular posts from this blog

Teknik PING Agar Blog Cepat Terindeks Oleh Google

Image
Apa itu ping? Arti kata oing adalah bersiul yakni memanggil. Lebih tepatnya memanggil robot search engine contoh google untuk menjelajahi halaman situs web atau blog yang di ping kan agar cepat terindeks ke google. Hanya saja waktu berkunjung atau kedatangan search engine ini untuk mengindeks halaman baru dari blog kita tidak pasti bisa cepat dan bisa juga sangat lambat dan sering kali nya lambat disebabkan blog kita baru berkenalan dengan search engine google. Adapun cara ping google terdiri dari 2 jenis yaitu : Ping Google Secara Otomatis Ping Google Secara Manual Saat ini banyak sekali layanan dari sebuat website yang menyediakan fasilitas layanan ping google. contoh seperti : pingomatic.com pingoat.com pingler.com mypagerank.net Oleh karena itu, disarankan untuk melakukan ping menggunakan layanan google yang tentunya pihakmgoogle akan memprioritaskan setiap website atau blog yang melakukan ping dari tempatnya sendiri, right? daripada dari pihak ketiga. Adapun cara melakukan ping go...
Read more

Cara agar judul posting blog bisa di klik

Image
B erawal dari masalah blog saya yang sebelumnya judul postingnya tidak bisa di klik akhirnya saya browsing sana-sini dan akhirnya menemukan solusinya, Di sini saya akan berbagi mengenai cara agar judul posting bisa di klik . Beberapa template yang dishare oleh rekan blogger baik dalam atau pun luar negeri mempunyai kode CSS dan HTML berbeda. Otomatis strukturnya juga berbeda. Diantara sekian banyak perbedaan itu ada judul yang merupakan link , ada juga yang tidak berupa link . Atau dalam istilah blogger pemula, ada judul yang bisa di klik ada juga yang tidak bisa di klik .padahal judul blog dengan link aktif sangat berperan penting agar blog kita menjadi SEO Berikut ini adalah cara untuk membuat judul posting bisa di klik : Login akun blogger Anda Lalu pilih Template > Edit HTML Cari kode di bawah ini   < h2 class='post-title entry-title' itemprop='name'>       <b:if cond='data:post.link'>         <a...
Read more

Cara Mencari Driver Yang Belum Terpasang di PC atau Notebook

Image
B ingung soal  masalah driver pada pc anda ? untuk mengetahui dan mencari solusi Cara Mencari Driver Yang Belum Terpasang di PC atau Notebook . saya akan sedikit membantu anda dalam menyelesaikan masalah yang sedang anda hadapai saat ini .  untuk mengetahui PC atau Notebook anda sudah terinstal semua drivernya anda bisa klik Start => Klik Kanan My Komputer =>Klik Properties=>Klik Hardware =>Klik Device Manager apabila terlihat tanda ?/! berwarna kuning berarti driver tersebut belum terinstal  jika sudah memiliki maka anda tinggal instal saya driver yang tadi belum terinstal Jika anda belum punya dan tidak mengetahui drivernya Cara Mencari Driver Yang Belum Terpasang di PC atau Notebook anda bisa download di Internet cara download driver tersebut pertama klik Start => Klik Kanan My Komputer =>Klik Properties=>Klik Hardware =>Klik Device Manager  terlihat tanda ?/! berwarna kuning yang akan di instal drivernya klik kanan =>propertie...
Read more