Jumat, 02 Agustus 2013

Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog

Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog

Hai sobat blogger, wah semangat nih karena sekarang ada postingan bagus tentang Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog.

Sebelumnya sudah tahu kan apa itu emoticon? ya, gambar yang menampilkan emosi atau suasana hati seseorang yang ditampilkan di komentar ataupun chatting, dan lain sebagainya.

Nah, sudah pada dipasang belum emoticon-nya di blog kamu? kalo belum, berikut akan saya share salah satu emoticon yang bernama Onion Head atau bahasa indo-nya Kepala Bawang. karena memang gambar emoticonnya berbentuk bawang :D

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : <div class='post-footer-line post-footer-line-3'> atau kode : <p class='post-footer-line post-footer-line-3'>
» Setelah kode tersebut sudah ditemukan, cari kode di bawah ini (di bawahnya kode yang ada di atas)
</div>
</b:includable>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di tengahnya.
<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 Emoticon Untuk Komentar :</a></h3>
<br/>
 <img border='0' src='http://3.bp.blogspot.com/-_-f2HKRWDnE/UZmH7Fr59aI/AAAAAAAAAjk/Kyeg3Lh_Gvg/s1600/a.gif'/>:a
 
 <img border='0' src='http://1.bp.blogspot.com/-c2GYIse0h94/UZmH7iv2a9I/AAAAAAAAAjs/bHgwTKcb2Es/s1600/b.gif'/>:b
 
 <img border='0' src='http://1.bp.blogspot.com/-MuJk7zIAwfk/UZmIHeIKysI/AAAAAAAAAkE/hndZOHO7qgY/s1600/c.gif'/>:c
 
 <img border='0' src='http://3.bp.blogspot.com/-JG6Y4KgBzgs/UZmIGtGmqBI/AAAAAAAAAj8/Qh_rCKbM3Jc/s1600/d.gif'/>:d
 
 <img border='0' src='http://4.bp.blogspot.com/-t1QdvGo95hI/UZmIHyVqVSI/AAAAAAAAAkM/1iiaKnhN418/s1600/e.gif'/>:e
 
 <img border='0' src='http://1.bp.blogspot.com/-9VLGZSxoPgs/UZmUkjw65TI/AAAAAAAAAmU/wQylGHX76bg/s1600/f.gif'/>:f
 
 <img border='0' src='http://4.bp.blogspot.com/-Mcy-6Go-WhE/UZmINgOTP8I/AAAAAAAAAkU/ek84Ky95qx0/s1600/g.gif'/>:g
 
 <img border='0' src='http://3.bp.blogspot.com/-oUacvmRTDqk/UZmINwvAuEI/AAAAAAAAAkg/-_RCsIPT-Y0/s1600/h.gif'/>:h
 
 <img border='0' src='http://3.bp.blogspot.com/-TfwrFtIZ_AE/UZmIYJNiz0I/AAAAAAAAAks/MtSHCR9Gdis/s1600/i.gif'/>:i
 
 <img border='0' src='http://1.bp.blogspot.com/-rk8-e5yfC4U/UZmIe8fZ0tI/AAAAAAAAAk0/ewgj1tvPOxU/s1600/j.gif'/>:j
 
 <img border='0' src='http://2.bp.blogspot.com/-24C6X0Bv3Ho/UZmIgiMwZlI/AAAAAAAAAk8/nDMJTqV_1i8/s1600/k.gif'/>:k
 
 <img border='0' src='http://3.bp.blogspot.com/-THkSVkqacPg/UZmIlvqbRrI/AAAAAAAAAlE/xR5G8xZ9oPk/s1600/l.gif'/>:l
 
 <img border='0' src='http://3.bp.blogspot.com/-cUzrnPmRnoI/UZmInIzwiFI/AAAAAAAAAlM/y1qaTyaNur8/s1600/m.gif'/>:m
 
 <img border='0' src='http://4.bp.blogspot.com/-XQc6kTmARXY/UZmIxAWA3HI/AAAAAAAAAlU/aeRMZHgIz7A/s1600/n.gif'/>:n
 
 <img border='0' src='http://1.bp.blogspot.com/-yrxtZ-Jz4TI/UZmIy59BB5I/AAAAAAAAAlc/DndPlxVxW30/s1600/o.gif'/>:o
 
 <img border='0' src='http://2.bp.blogspot.com/-gcHTn7L62Qc/UZmI5EUWQdI/AAAAAAAAAlk/Wsy8aH151aI/s1600/p.gif'/>:p
 
 <img border='0' src='http://1.bp.blogspot.com/-IbmRfS94_6g/UZmJWJckVwI/AAAAAAAAAl8/FkSBqim3dm0/s1600/q.gif'/>:q
 
 <img border='0' src='http://1.bp.blogspot.com/-iMxgwOu11ls/UZmJHoDRU5I/AAAAAAAAAls/xZ2i-RKtbXk/s1600/r.gif'/>:r
 
 <img border='0' src='http://4.bp.blogspot.com/-5mZN40zZBGs/UZmJVQItw8I/AAAAAAAAAl0/Qld129GjmUU/s1600/s.gif'/>:s
 
 <img border='0' src='http://2.bp.blogspot.com/-7BWljhlUlzc/UZmJdfUZscI/AAAAAAAAAmE/MOYYmiNGNFk/s1600/t.gif'/>:t
   
<div style='text-align: right;'>
<a href='http://zeswara.blogspot.com/2013/08/cara-membuat-emoticon-onion-head-pada.html' title='Cara Membuat Emoticon "Onion Head" Pada Komentar Blogger Di Blog' style='color: #1e7ab7; font-size: x-small;' target='_blank'>Mau Emoticon Ini?</a></div>
</div>
</b:if>

» Sehingga akan menjadi seperti ini :
</div>
Di Sini Paste Kodenya
</b:includable>

Keterangan :
  • Warna hijau adalah judul tabel emoticon, silahkan kamu ganti dengan selera yang kamu mau.
  • Warna ungu adalah URL gambar emoticon, silahkan kamu ganti dengan selera yang kamu mau.
  • Warna merah adalah kode emoticon untuk komentar, silahkan kamu ganti dengan selera yang kamu mau.

» Cari kode : </body>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.
<script src='http://umanibn-code.googlecode.com/files/smiley_komentar_blogger.js' type='text/javascript' />

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :
)

0 komentar: