Cara Memasang Emoticon Gundam di Kotak Komentar Blog

Cara Memasang Emoticon Gundam di Kotak Komentar Blog - Mungkin sobat sudah sering membaca judul yang mirip dengan judul dalam postingan ini, karena apa?? di blog ini hampir semua emoticon sudah saya posting, mulai dari emoticon skype, emoticon kaskus, emoticon onion, emoticon emo girl dan emo boy dan saat ini kita membahas cara memasang emoticon gundam di komentar blogger.

Sebenarnya saya sendiri sudah bosen memposting tentang emoticon, karna itu pada postingan sebelumnya saya memposting tentang cara memasang readmore di blog.  Satu alasan mengapa saya selalu memposting topik tentang emoticon yaitu karena saya tahu cara membuat emoticon sendiri. hehehe..

Silahkan ikuti tutorial berikut jika sobat tertarik membuat emoticon gundam di komentar blog.

Emoticon Gundam di Kotak Komentar Blog

1. Log in ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak Expand template widget.
3. Letakkan kode berikut di atas kode </head>

<script src='http://tateluproject.googlecode.com/files/Gundam%20emoticon.js'/>

4. Cari kode   <b:if cond='data:post.embedCommentForm'> dan letakkan kode berikut ini di bawahnya.

<b><img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/14-1.gif' width='50'/>
:b:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/13-1.gif' width='50'/>
:c:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/12-1.gif' width='50'/>
:d:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/11-1.gif' width='50'/>
:e:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/10-1.gif' width='50'/>
:f:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/9-1.gif' width='50'/>
:g:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/8-1.gif' width='50'/>
:h:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/7-1.gif' width='50'/>
:i:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/6-1.gif' width='50'/>
:j:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/5-1.gif' width='50'/>
:k:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/4-1.gif' width='50'/>
:l:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/3-1.gif' width='50'/>
:m:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/2-1.gif' width='50'/>
:n:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/1-1.gif' width='50'/>
:o:
<img height='50' src='http://i1108.photobucket.com/albums/h405/christian410/15-1.gif' width='50'/>
:p:
</b><BR/>

5. Klik save dan lihat hasilnya...

Cara Memasang Emoticon Gundam Dalam Postingan Blogger

Cara Memasang Emoticon Gundam Dalam Postingan Blogger - Bagian terpenting dalam suatu blog adalah Area postingan. betul??  karena itu , sekecil apapun kesalahan yang di lakukan di area postingan berkemungkinan akan menghalagi kinerja googlebot dalam membaca isi dari artikel sobat. Saya pernah menemukan blog yang tidak punya sidebar, footer bahkan header ( header di sembunyikan ), tapi tak pernah saya menemukan blog yang tidak punya area postingan ( tempat artikel )

Kali ini saya ada sedikit tips bagi sobat blogger yang ingin memperindah area artikelnya. Kali ini kita akan coba menambahkan emoticon gundam  di dalam postingan blogspot, seperti yang sobat lihat pada bagian bawah postingan ini.

Postingan ini hampir sama dengan postingan sebelumnya ( baca : cara memasang emoticon dalam postingan blog ), bedanya adalah emoticonnya. Kalau yang lalu saya menggunakan emoticon emogirl dan emoboy, kali ini saya meggunakan Emoticon Gundam.

Sobat yang tertarik memasang emoticon gundam di postingan atau artikel blog, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan -> edit Html
3. Letakkan script berikut di atas kode </body>

<script src='http://tateluproject.googlecode.com/files/post%20emot%20gundam.js'/>

4. Klik simpan.

Untuk menampilkan emoticon di postingan silahkan sobat gunakan kode pemanggil seperti berikut.

:a:   untuk emoticon

:b:   untuk emoticon

:c:   untuk emoticon

:d:   untuk emoticon

:e:   untuk emoticon

:f:   untuk emoticon

:g:   untuk emoticon

:h:   untuk emoticon

:i:   untuk emoticon

:j: untuk emoticon

:k:   untuk emoticon

:l:   untuk emoticon

:m:   untuk emoticon

:n:   untuk emoticon

Nah.. selesai dech!! silakan berkreasi dengan emoticon dalam postingan ..

Cara Menambahkan Emoticon Pada Guest Book Cbox

Cara Menambahkan Emoticon Pada Guestbook Cbox - Hal yang paling indah dan menggembirakan hati adalah ketika kita berbagi dan orang senang dengan apa yang kita bagi tersebut. Karna itu kali ini saya seperti biasa akan berbagi sesuatu pada tamang blogger. Kali ini saya akan kasih tahu tamang blogger bagaimana cara menambahkan emoticon di buku tamu cbox. namun terlebih dahulu sobat harus mendaftar ke cbow.ws.

Sekedar pemberitahuan, bahwa sebelumnya christian tatelu telah memposting cara mengganti template blogger. Bagi sobat blogger yang ingin menambahkan emoticon pada buku tamu Cbox, silahkan ikuti tutorial berikut.

Cara Menambahkan Emoticon Pada Guestbook Cbox

1. Log in ke akun Cbox sobat.
2. Klik Option kemudian Klik Smilies seperti gambar berikut.

3. Kemudian akan ada tampilan berikut.

• Kode - kode pada kolom 1 adalah kode pemanggil. bisa sobat ganti sesuka hati sobat.
• Kode - kode pada kolom 2 adalah Url emoticon. bisa sobat ganti dengan Url emoticon milik sobat atau scroll ke bawah dan temukan tulisan new row ( baris baru ) untuk menambah emoticon baru.

4. Masukkan url emoticon sobat di kolom 2 dan kode pemanngil baru di kolom 1 ( misalnya :1:)
5. Klik save changes.
6. Klik publish dan ambil kode Cbox baru sobat dan pastekan di HTML/javascript blog sobat.

caranya :

• Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
• Masukkan kode /script dalam konten.
• Klik simpan dan saatnya berkata... CoooooOOOooL!!

Cara Memasang Emoticon di Postingan Blog

Cara Memasang Emoticon di Dalam Postingan Blog - Postingan blogger adalah bagian utama dari blog. Karena apa?? karena yang menjadi tujuan utama mata para pengujung blog adalah artikel yang kita posting. Sebanyak apapun widget dan se bagus apapun hiasan yang di pasang di luar posting tidaklah berarti tanpa postingan yang berkualitas. Oleh karena itu sebisanya buatlah artikel seindah mungkin, serapi mungkin, dan se orisinil mungkin dan jangan terlalu mengutamakan widget - widget yang tidak terlalu berguna ( seperti jam, kalender dll).

Setelah sebelumnya saya telah memposting artikel tentang memasang emoticon onion di kotak komentar blog, kali ini christian tatelu akan coba posting cara atau trik memasang / menaruh / membuat emoticon di dalam postingan blogger tanpa perlu meng upload atau memasukkan url gambar nya. Berbeda dengan cara atau tutorial yang sering sobat dapat di pencarian google, cara ini di anggap lebih mudah dan juga lebih praktis. Emoticon yang akan akan kita gunakan saat ini adalah emoticon emo boy dan emo girl.

Sobat yang tertarik untuk memasang emoticon di postingan blog, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.

2. Klik Rancangan --> Edit HTML --> Letakkan kode berikut di atas kode </body>

<script src='http://tateluproject.googlecode.com/files/post_emoticon.js' type='text/javascript'></script>

 

3. Klik Simpan.

Untuk menerapkannya di postingan, sobat hanya perlu meletakkan kode - kode berikut dalam Compose atau bisa juga di Edit HTML di kolom entri sobat.

:a: untuk emoticon

:b: untuk emoticon

:c: untuk emoticon

:d: untuk emoticon

:e: untuk emoticon

:f: untuk emoticon

:g: untuk emoticon

:h: untuk emoticon

:i: untuk emoticon

:j: untuk emoticon

:k: untuk emoticon

:l: untuk emoticon

:m: untuk emoticon

:n: untuk emoticon

Tambahan : 

• Tips ini hanya berlaku untuk template yang mempunyai kode <div class='post-body entry-content'>

Semoga trik di atas bisa membantu sobat blogger dalam menghiasi postingan sobat..

Cara Memasang Emoticon Onion di Kotak Komentar Blog

Cara Memasang / Membuat  Emoticon Onion ( kepala kucing ) Pada Kotak Komentar Blog - Pernah kah sobat memperhatikan deretan emoticon yang berada di bawah kotak komentar di blog ini?? Emoticon tersebut namanya emoticon Onion. Berbeda dengan postingan ane yang lalu - lau yaitu tentang emoticon skype dan emoticon kaskus, kali ini saya akan mencoba memberi tahu sobat semua bagaimana cara memasang emoticon onion di kotak komentar blog sobat.

Bagi sobat yang tertarik untuk memasangnya, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.

2. Klik Rancangan --> Edit HTML --> Dowload template lengkap --> Centang kotak kecil di samping tulisan Expand Template Widget.

3. Letakkan Kode / Script berikut di atas kode  </body> ( gunakan Ctrl + F untk memudahkan pencarian )

<script src='http://tateluproject.googlecode.com/files/emotiononionnobi.js'/>

4. Letakkan kode berikut di bawah kode <p class='comment-footer'> ( gunakan Ctrl + F untuk memudahkan pencarian )

 <div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth113_.gif' width='30'/> :a:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_4onion25.gif' width='30'/> :b:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth103_.gif' width='30'/> :c:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_onion-52.gif' width='30'/> :d:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth096_k.gif' width='30'/> :e:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth088_.gif' width='30'/> :f:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth085_.gif' width='30'/> :g:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth084_.gif' width='30'/> :h:

<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_boong.gif' width='30'/> :i:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_th070_goodjob.gif' width='30'/> :j:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth066_hi.gif' width='30'/> :k:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth064_.gif' width='30'/> :l:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth058_.gif' width='30'/> :m:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth051_.gif' width='30'/> :n:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth043_.gif' width='30'/> :o:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth042_.gif' width='30'/> :p:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth032_.gif' width='30'/> :q:

<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth020_bingo.gif' width='30'/> :r:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth019_.gif' width='30'/> :s:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/onion-103.gif' width='30'/> :t:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/cuteonion4.gif' width='30'/> :u:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/onion-34.gif' width='30'/> :v:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth014_.gif' width='30'/> :w:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth008_.gif' width='30'/> :x:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_onion-73.gif' width='30'/> :y:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_onion-07.gif' width='30'/> :z:
</b>
</div>

Tambahan :

• Jika sobat kesulitan untuk menemukan kode pada langkah 4 ( <p class='comment-footer'> ) letakkan saja kode di atas sebelum kode ( di atas ) kode <b:if cond='data:post.embedCommentForm'>. 
• Utamakan untuk mencari kedua kode tersebut yang saling berdampingan ( Ber urutan ), karna kemungkinan sobat akan mendapatkan banyak kode <p class='comment-footer'> begitu pula kode <b:if cond='data:post.embedCommentForm'>.

Lihat gambar!

5. Klik Save dan lihat hasilnya..

semoga cara memasang emoticon onion di kotak komentar blog di atas bisa membantu sobat.

Selamat Ber - Experiment

Cara Memasang Emoticon Kaskus di Kotak Komentar Blog

Setelah sebelumnya saya pernah memposting Bagaimana cara memasang emoticon skype di kotak komentar blog, kali ini lagi - lagi Ide bagus akan memposting cara yang mirip yaitu memasang emoticon kaskus di kotak komentar blog. Scriptnya saya ambil dari http://tejahtc.blogspot.com Tertarik untuk memasangnya?? ikuti langkah - langkah berikut.

1. Log in ke akun bog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand widget template widget.
3. Letakkan kode berikut di atas kode ]]></b:skin>

#kaskusemoticon {

width:auto;

margin:10px;

padding:10px;
}

4. Letakkan script berikut di atas kode </body>

<script src='http://muhammadsuteja.googlecode.com/files/emoticon1.js' type='text/javascript'/>
<script src='http://muhammadsuteja.googlecode.com/files/emoticon.js' type='text/javascript'/>

5. Cari kode berikut menggunakan Ctrl+f  ( memudahkan pencarian )

<b:include data='post' name='comment-form'/>

6. Letakkan kode berikut di bawahnya..

    <b>
<div style='overflow:auto; width:100%px; height:100px; padding:10px; border:3px inset #FF0000;'>
<img height='50' src='http://img202.imageshack.us/img202/4846/kompinterjuara1.gif' width='50'/>
:k1
<img height='50' src='http://img72.imageshack.us/img72/398/kompinterbatamerah.gif' width='50'/>
:k2
<img height='50' src='http://img687.imageshack.us/img687/1351/kompintercendol.gif' width='50'/>
:k3
<img height='50' src='http://img94.imageshack.us/img94/4219/kompinterlovindo.gif' width='50'/>
:k4
<img height='50' src='http://img8.imageshack.us/img8/3483/kompintermarah.gif' width='50'/>
:k5
<img height='50' src='http://img532.imageshack.us/img532/931/kompintermalu2.gif' width='50'/>
:k6
<img height='50' src='http://img693.imageshack.us/img693/7193/kompinterkecewa.gif' width='50'/>
:k7
<img height='50' src='http://img171.imageshack.us/img171/4809/kompinterngacir2.gif' width='50'/>
:k8
<img height='50' src='http://img412.imageshack.us/img412/3662/kompintersempurna.gif' width='50'/>
:k9
<img height='50' src='http://img291.imageshack.us/img291/6651/kompinterbingung.gif' width='50'/>
:a1
<img height='50' src='http://img709.imageshack.us/img709/2609/kompinterngakak.gif' width='50'/>
:a2
<img height='50' src='http://img641.imageshack.us/img641/3540/kompintertakut.gif' width='50'/>
:a3
<img height='50' src='http://img514.imageshack.us/img514/7169/kompinterterimahkasi.gif' width='50'/>
:a4
<img height='50' src='http://img169.imageshack.us/img169/5500/kompinteralay.gif' width='50'/>
:a5
<img height='50' src='http://img28.imageshack.us/img28/4954/kompintertkp.gif' width='50'/>
:a6
<img height='50' src='http://img138.imageshack.us/img138/3621/kompinternosara.gif' width='50'/>
:a7
<img height='50' src='http://img202.imageshack.us/img202/8307/kompinterliat.gif' width='50'/>
:a8
<img height='50' src='http://img693.imageshack.us/img693/8240/kompintersundul.gif' width='50'/>
:a9
</div>
</b><BR/>

7. Klik simpan template. SELESAI...!!

Ada pertanyaan?? tanyakan di kotak komentar...