28 Desember 2009

Onion Emoticons di Blogger

Pada kesempatan kali ini saya akan memberikan tips untuk pengguna Blogger.com agar di posting tulisan kamu bisa disisipkan onion emoticons.

Mau tahu caranya? :berfikir:

Tanpa basa-basi, langkah-langkahnya adalah sebagai berikut:

  1. Kamu harus menggunakan browser Mozilla Firefox. Kenapa? Karena saat ini Mozilla mempunyai add-ons untuk penggunaan javascript yang memudahkan kita menyisipkan onion emoticons. Jika belum mempunyai Mozilla Firefox kamu bisa download dan install disini.
  2. Install add-on greasemonkey. Klik disini untuk pemasangan. Pilih Restart Firefox. Setelah diinstall, logo muka monyet akan terlihat di kanan bawah browser Mozilla.
  3. Klik dan install ketiga link dibawah ini untuk pemasangan onion emoticons:
    - Onion Emoticons 1
    - Onion Emoticons 2
    - Onion Emoticons 3
  4. Masuk ke menu Layout > Edit HTML, cari ( tekan Ctrl+F ) tulisan ]]>, dan letakkan tulisan di bawah ini sebelumnya:
    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }

    Lihat gambar di bawah ini:

    edit-template-blogger
    Kemudian Save Template.

  5. Masuk ke Posting > New Posting, jika kamu berada di editor html ubah ke compose. Kamu akan melihat tampilan seperti di bawah ini:

    onion-emoticons

  6. Silahkan tulis blog kamu dan jika kamu ingin memasukkan emoticons, click aja gambarnya.
Selesai dan kamu bisa menulis dengan ekspresi onion emoticons. Selamat nge-blog yah.

5 komentar:

Kiki mengatakan...

wah berhasil!
makasih ya,emoticonnya lucuc-lucu!

fatmawati mengatakan...

ko ga bisa y?? T.T dah dari awal selalu ga ada pengaruhnya..

Andi Ulah mengatakan...

Kiki: u r wellcome
Fatmawati: gambar yg mau diklik jg ngga muncul ya?
coba ulang dari awal mba, ikuti langkah satu persatu diatas.

sumpit ngakak mengatakan...

wow makasih bangets :)
post nya sangat membantu!
ayo sekalian mampir blog gue *eh? *sekalian promosi :)

Asrofi lazuardi mengatakan...
Komentar ini telah dihapus oleh pengarang.

Posting Komentar

Silahkan Komentarnya

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes