Yahoo Smiley di Blogger

|
Menambahkan Yahoo Smiley atau Emotion di blogger ternyata gampang :d. Tinggal menambahkan sedikit script, maka emotions dan hidden emotions khas Yahoo bisa muncul di halaman posting blog kita. Lumayan mempercantik blog. Artikel asli saya dapatkan di sini, namun dimodifikasi sedikit disesuaikan dengan CSS blog saya. Berikut step-step nya:
  1. Backup dulu template awal blog anda untuk menghindari hal yang tidak diinginkan.
  2. Tambahkan kode berikut sebelum tag </head>.
    <script type="text/javascript" src="http://www.geocities.com/sohib00/smiley/DeepaSmiley.js"></script>
    Kode ini memanggil javascrit yang akan mengubah kode emotions menjadi image.
  3. Lalu di halaman CSS, tambahkan kode berikut:
    .post-body img {
    margin:0px;
    padding:0px;
    border:none;
    vertical-align:middle;
    }

    Fungsinya untuk meniadakan border dan margin pada image emotions, sehingga emotions akan tampil rapi diantara tulisan dan paragraph. Perlu di ingat bahwa posting anda harus berada di dalam tag <div class="post-body"></div>.
  4. Script ini belum sempurna, terbukti beberapa emotions saya coba tapi tidak muncul. Bagi yang ingin menyempurnakan silahkan edit saja file DeepaSmiley.js. Saya cuman menambahkan satu emotions bee :bz.
  5. Selamat mencoba.

2 komentar:

Rymu adalah Ryku mengatakan...

gak ngerti ne mas...coba pake gambar atw jelasin lbh detil hasilnya ky gmn..

Nabel mengatakan...

Hi, i just created new smiley code for blogger comment. It do relly work!..
it has more than 1000+ smiley to be used!..
yeah!..

it simple hack.
feel free to use this 2010 smiley hack? visit here.
http://akunabel.blogspot.com/2010/03/add-1000-smiley-emoticon-in-blogger.html