Menaruh Emoticon Pada Posting Blogger Blogspot

August 21, 2007111 komen

Mau punya emoticon seperti ini mrgreenrazzwink dipostingan blogger blogspot anda?

Tidak perlu repot, hanya tinggal klik saja. Karena deretan emoticonnya sudah tersedia diatas lembar tulisan saat anda memposting, hanya tinggal klik saja, mudah bukan? Sebagian blogger ingin tulisannya atraktif dan ingin mengekspresikan emosinya sehingga pembaca merasakannya. Oleh karenanya mereka menaruh emoticon pada potongan kalimat dimana mereka ingin perasaannya terwakili untuk menggambarkan kejadian yang diceritakannya. Namun pada umumnya mereka tidak tahu cara termudah untuk itu, biasanya dengan memakai cara manual , yakni mengumpulkan address url emoticon tersebut dan menaruhnya pada postingan.

Cara untuk menaruh emoticon klik pada lembaran tulisan anda mudah saja…begini caranya…

1. Download Firefox versi terbaru.

2. Kemudian yang anda butuhkan sekarang ialah GreaseMonkey Extension untuk Firefox, maka install Greasemonkey disini . Setelah itu restart firefox anda.

3. Setelah direstart, install script emoticon untuk blogger disini

Nanti jadinya akan seperti dibawah ini pada lembar posting anda:


Nantinya cerita dan tulisan anda akan lebih atraktif dan andapun tidak perlu lagi capek-capek mengumpulkan url address, hanya untuk menampilkan emoticon pada posting blogger anda.

Dan jika anda ingin menambah emoticon lebih banyak lagi seperti gambar ini contohnya:

Untuk emoticon Naruto, download scriptnya disini

Untuk emoticon Kitty, download scriptnya disini

Untuk emoticon Pika, download scriptnya disini

Untuk emoticon Pucca, download scriptnya disini

Dan langkah terakhir ialah memodifikasi tampilan emoticon agar tidak bergaris (kotak)dengan menaruh kode berikut di template anda:

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

Taruhnya tepat sebelum tag ini: ]]></b:skin>

Dan hasilnya bisa dilihat di blog saya Zero Point.

Thanks to http://servalx02.blogspot.com/ for this Blogger Emoticon.

Ok deh selamat mencoba dan good luck! Semoga bermanfaat.

Google
Blogger
  • Fadloli

    :)

  • Adite

    thanks infonyaa.. haha baru tau nih

  • Novee

    HUAAAAAAAA… hiks-hiks-hiks
    *menangis darah…*
    saya ga pk payerpok tp IE
    posting lagi dong Abi… gimana kl yg pk IE?
    ato gini deh, gimana caranya bikin IE jadi payerpok ituh
    *aseli gaptek.com neh…*

    trus klo pengen si smiley ada di tempat komentar gimana cara nya? itu lho Bi, ky ditempat nya si aLe
    *udah gaptek, banyak mau nya pula!*
    mau dong, diajarin…

  • Tuinggg

    nah kalo ini keren biiiiiiiiiiiiii…. <:-p

  • Abi Bakar

    @adite makasih kembali frend..

    @ novee, sjauh ini belum ada greasemonkey yng akomodir utk tampilan emot pada browser IE. untuk sementara novee pake mozila aja, karena mozila ini browser terbaik dan tercepat dan downloadnya pun mudah, hanya hitungan menit.

    @tuingg…iya makasih deh, sering2 mampir ya:)

  • ulil_boys_no_cry

    ok…hehehehe satu tips bagus, kelemahannya, apakah browser lain selain firefox mensupport aplikasi emoticons ini juga???

  • Abi Bakar

    Untuk menjalankan tips ini diperlukan greasemonkey extension yng cocoknya ama mozila, dan sjauh sy tahu IE dan Opera belum akomodir untuk ini.

  • abiez

    makasih, baru tau nih,
    soalnya newbie abiez

  • Abi Bakar

    makasih kembali biez

  • indah

    hai salam kenal
    ha..ha.. aku baru tau ni tentang beginian
    begini nih abi mau nanya kan aku dah coba trus bagaimana sih maksudnya langkah yang ketiga
    instal script
    itu maksudnya dicopi sripctnya atau diapain.
    aku bingung kamu bilang kan di instal tapi kok gak ada file .exe nya.kasih tau ya, di tunggu lo
    sebelum dan sesudahnya makasih

  • Abi Bakar

    @Indah.

    Dilangkah ke 3 ada tulisan “disini”, kamu klik “disini” maka script emoticonnya akan terinstall di browser Mozilla kamu. Cukup diklik aja.

  • http://mxyzptc.blogspot.com mxyzplk

    hahaha sip bisa ;) tp dipikir2 klo kebanyakan emoticon di posting ntar bisa jadi berat yah soalnya itu .gif dari website orang laen :-? solusi paling bagus yah cuma 1… make WP + domain sendiri…

  • http://jovieblog.blogspot.com Jovie

    hihiks..lengkap-lengkap..
    semua emoticon ada disini…

    tapi aku setuju ama mxyzplk (*duh capek banget nih nyebutin IDnya*) yaitu pake wordpress..+domain sendiri..

  • Abi Bakar

    @Mzy, Jovie gak usah khawatir ga bikin berat blog kok

    • http://jovieblog.blogspot.com Jovie

      Mas..udah jadi nih..keren banget jadinya..
      Thanks so Much..
      ========================================
      Jovie mo ikut acara Review Blognya Mas Abie juga akh…tapi nanti kalo udah sering mampir ke sini dan udah tahu “kekurangannya” hehe..

      • http://abibakarblog.com Abi Bakar

        Udah jadi yah? Siip2x, kekurangannya? wah banyak tuh, ditunggu yah:D

  • http://jovieblog.blogspot.com Jovie

    Ok deh…
    >>>> START Praktek >>>>

    Ciattttttttttttttttttttttttttt…….!!! *ngilang*

  • Risca

    Pak, Terima kasih atas infonya.
    Sudah saya coba dan … Berhasil!

    Salam,
    Risca

  • Pingback: 11 Langkah Menyulap Blogspot Menjadi Visitor Friendly Blog | Abi Bakar

  • http://punyanyadewi.blogspot.com Dewi

    Makasih infonya, dah langsung dipraktekkan dan sukses. Sebaliknya, klo mau uninstall gimana caranya?
    Coz yang Hello kitty gak ada gambarnya cuma kaos-hello kitty01, dst.

    Makasih.

    • Abi Bakar

      Di uninstall aja dari firefox kamu

  • http://deaszzz.blogspot.com deasy

    mas, deasy udah coba. tapi cuma berhasil sampe tahap install greasemonkey aja. yang instal script emoticon blogger emang udah ke install, tapi gak ada perubahan tuh… yo opo iki??

    • Abi Bakar

      Coba skarang deasy nulis posting, trus kebagian “compose”

      • http://deaszzz.blogspot.com deasy

        suatu kegoblokan besar yang pernah saya lakukan. sebelum install greasemonkey, ternyata harus upgrade mozilla nya dulu. and i thought itu menginstall greasemonkeynya. dasaarr newbie!!!

        thanks ya mas, dah bisa nih. ugh cinta deh sama mas abi…

  • http://deaszzz.blogspot.com deasy

    Dan langkah terakhir ialah memodifikasi tampilan emoticon agar tidak bergaris (kotak)dengan menaruh kode berikut di template anda:

    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }

    Taruhnya tepat sebelum tag ini: ]]>

    di sebelah mana sih mas?? di areal posting yg versi HTML itu kah? atau di bagian pengaturan?

    • Abi Bakar

      Coba deasy test dulu dengan publish emot diposting, jika emotnya tidak bergaris maka tidak perlu menambahkan kode css diatas, karena ada templete yg dpt menampilkan dengan sempurna. Jika emotnya bergaris, maka taruh kodenya di atas sini deh:

      –></style>

      (letaknya di “Edit html” pake ctrl + f untuk menemukannya )

      Namun ada template yg bandel biarpun ditambah kode diatas masih ngeyel, moga2x templatemu jinak :D .

  • http://deaszzz.blogspot.com deasy

    it’s done it’s done it’s done yuhuuuuuu aseeeekkk mantaaap beybih
    *muah

    • Abi Bakar

      Bagus2x…:D

  • http://punyanyadewi.blogspot.com Dewi

    Wah, yang diatas itu, temen saya, mas…

    Kaya area komen pribadi punyanya Deasy doank nih…:-).
    Maaf ya, mas Abi :D .

    • Abi Bakar

      Gpp Dewi santai aja

  • http://deaszzz.blogspot.com deasy

    weh.. apa apaan nih?? mbak dewiiiiiiiiiiiiiiiiiiiiiiiiii :(

    mas abi,, mau nanya read more wakakakakk, ada link bagus? aku udah liat bebebrapa link tapi komennya kok negatif semua ya? alias gagagl wakakakakkk…

  • http://kucingkece.blogspot.com si kucing

    kalo pake opera ga bisa ya .?
    mesti pake mozila terbaru .?
    hiks ..

    • Abi Bakar

      Iya hanya mozila

  • junaedi

    caranya masukin office ke blog gimana??misalnya saya au masukn data saya dari ms.word ke blog….
    emotion nya di tambahin dong???

  • Abi Bakar

    Emoticon ini akan lsngg muncul di dalam blogspot kamu Jun

  • http://alice190490.blogspot.com dimas

    biar bisa dipake di edit HTML gimana mas ??

  • Abi Bakar

    Kurang tahu@Dimas

  • http://alice190490.blogspot.com dimas

    kalo biar bisa ditaro di komen gimana caranya ??

    hehe ..

  • Abi Bakar

    Dhimas kalau Emoticon dalam kotak koment ke sini: http://abibakarblog.com/tutorial-blogger/emoticon-pada-komentar-blogger/

  • Pingback: Trik Untuk Mencegah Video Youtube Terputar Secara Otomatis : Blog SEO

  • http://piquette.blospot.com sani

    wach agak rumit nie……

  • http://piquette.blospot.com sani

    makakasih yachhh

  • http://andryanseekyou.blogspot.com/ Andryan

    Cara instal Scriptnya gimana??? Plisss…. TOLONG!

  • http://www.godongkates.co.cc crow poc

    thnx bwat infonya…

    kunjungi blog aq jg y… :arrow:

  • uddyawan

    mas ko ilang, enggak langsung tersimpan di blognya ya? :roll:

  • http://paketilmu.blogspot.com Daud Sajo

    Nice Blog :roll:

  • http://gie-cyber.blogspot.com gie

    wah cakep2.blog aq ru kna musibah jd bikin baru eh dpt tuto yg keren nch,,, :D :D

  • http://dedari.blogspot.com widari

    :D   sudah di coba ,,,thanks tpi kok kitty-nya ga muncul ya gambarnya????? :?:

  • http://peace.jooph.com jovie

    Dan langkah terakhir ialah memodifikasi tampilan emoticon agar tidak bergaris (kotak)dengan menaruh kode berikut di template anda:
    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }
    mas…kalo bagian .img di template diilangin tanpa menambah kode diatas,  jg gk brgaris kotak kok….

  • http://www.nadifsiregar.blogspot.com regar

    lumayan n kren

  • http://farabbih.blogspot.com cepi

    Akhirnya aku nemu tips pasang emoticon disini. Petunjuknya mudah dipahami, tapi saya kok g berhasil. setelah diinstal, masukin ke blognya gimana??? belum mudeng nich, hiks..hiks..hiks…makasih ya sebelumnya

  • http://beranku.blogspot.com hary

    kok punyaku ga berhasil,pa ada yg salah.padahal intruksinya dah kuikuti semua.tlg dijawag diemail ato blogku ya??thank

  • Toshiro Fujiwara

    Salam kenal

    Pak Aqo mo nanya nieh aqo kan Baru nieh belajar ngeblog,
    aqo mo nanya gmn cr masukin Skin Ke blog ,,

    kasih tau yach Terima kasih sebelumnya

  • http://rumahtriadi.com/ Eline

    Thx ya om buat infonya. btw kl postinganku dibuka sama orang yang ga punya firefox, emoticonnya tetep nampak kan?

    • Abi Bakar

      Tetep mas :D

  • http://www.1love2hearts.co.cc widi

    hii!! thnks 4 the tips..
    amat membantu =]
    hehehe
    eh, bisa nggak kalo kita mao naro emoticon kita sendiri??
    caranya gimana yah?

  • http://blackstreet22.blogspot.com Mr Black

    Wh makasih banyak ya tentang inprotmasine :)

  • http://arilupus.blogspot.com Ari

    thx bgt men..
    gw emg lg mo ngotak-ngatik blog gw..

  • http://footnote-of-mine.blogspot.com/ mama farrell

    Thanks tutorial-nya, Pak Abi. Aku masih newbie nih… Minta ijin taruh link ini di postingan aku ya? Thanks a lot Pak…

  • http://banditpangaratto.blogspot.com bandit pangaratto

    hahahah..

    thnkyuuu… :D

  • http://doganmanis.blogspot.com doganmanis

    tengkiu nih mas, tipsnya, dipasang nanti, kunjungi blog saya mas http://doganmanis.blogspot.com

  • http://www.princ3yank33.co.cc prince_yankee

    jaaaaaaaaaaaaaaaaaaaaaaaah
    mlah ga bsa neeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee bozzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz :-(

  • http://www.vb6mania08.blogspot.com vb6mania

    artikel yg bagus.. met kenal aja..

  • http://gadgets-and-technology.blogspot.com/ Gadgets

    cari kesan-kemari..dapet deh postingan bagus.thanks

  • jubeyd

    thanks dah saya coba trnyata mdh….

  • http://indrablogtips.blogspot.com/ Indra Saputra

    Wah akhirnya setelah lama nyari, ketemu juga link download emoticonnya! makasih ya abi!

    minta di backlink donk!

  • http://www.blogofnurjaya.com/ Blog Of Nurjaya

    Silaturahmi kang

  • http://www.destination91.blogspot.com adi

    Ciph dah… makasih….. dicoba dulu… mas tukeran link url ya… coba cek di blog saya.. disana udah ada url nya mas… makasih..

  • http://icaferina.blogspot.com ica

    terima kasi atas infonya mas.
    Saya uda coba, tapi kog ngga berhasil ya???
    1.install GreaseMonkey Extension
    2.install scriptnya
    3.restart firefox
    4.taruh sintax
    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }
    sebelum ]]>
    bener kan??

    • http://www.djogjakidz.blogspot.com djogjakids

      Waktu melakukan posting pada posisi TULIS bukan pada edit HTML,,Tar kalau mau merapikan baru masuk edit HTML ;)

  • http://www.dewainside.blogspot.com didla

    thank’s..

  • http://www.bahariutari.com bahari

    trims tutorialnya bang…

  • http://intikali.blogspot.com john

    wah keren kang abi :P

  • http://play-a-blog.blogspot.com/ dito

    wah..waktu posting gag muncul tuh aby?? bingung.

  • http://br-zone.blogspot.com/ Billy the Kid

    wah info yg sngt berhrga. thanks…

  • http://www.hanyainfo.blogspot.com Ghustie Samosir

    wah makasih sob, kebetulan pas banget mau posting artikel heheheh

  • http://www.adiputra-bisnis.blogspot.com Jack

    xixixixi…
    langsung di coba…
    baru taw ini saya…

  • http://www.spysharing.blogspot.com nataka

    nice info :D

  • http://www.rembes.com Abdillah

    makasi kang abi, doain ya blog baruku ini bisa jadi yg teramai dikunjungi di indonesia, tutorial emoticonnya saya actionkan okay??thank you

  • Abi Bakar

    blog ini akan segera ditutup

  • http://www.likewin7.co.cc/ Achmed

    wahh, bagus sob . .
    keren bnget . . .

  • dhanty

    kalo mau di ilangin gimana caranya?

  • bella

    blog aku kok ga bisa ya :’( kan udah ada tu gambar monkey di monitor ku sebelah sudut kanan , terus aku mau posting , emoticonnya gak ada muncu tuuuuuu :( ((((((((((

  • http://aodoyz.blogspot.com aodoyz

    dah ku coba bro tapi kok ga muncul2 ya..

  • http://octora-net.blogspot.com/ Ary

    kok gak muncul ya mas. mohon dibantu… saya sudah ikuti tutornya dan sudah saya teliti tp masih gak bisa juga

  • http://baca-news.blogspot.com/ Baca News

    Menarik nich….langsung pasang ah @_@
    Thanks bos ^_^

  • http://www.kangasep.co.cc Kang Asep

    Ada yang buat google chrome ga gan…??
    Ane pake chrome soalnya..??

  • http://altosalvationdj.blogspot.com Alto

    Kok aku nggak bisa sih?! Nggak muncul! Padahal udah aku install semua! >3<

  • http://ijo-blogtricks.blogspot.com ijoDAHon

    nice share…

    untuk yang tidak berhasil coba liat di sini

    http://ijo-blogtricks.blogspot.com/2010/12/pasang-emoticon-di-halaman-posting.html

    mampir ke blog saia yah…

  • http://tegariman-sz.blogspot.com tegariman

    wah, bagus nih… untuk script emoticon kaskus ada gak ya?

  • http://julian-hakim.blogspot.com Julian

    Thanks InfoX… W mah nw’B neh… hehheehee….

  • http://silabusandrpp.blogspot.com/ Ari Ibnu Umar

    Kok gak bekerja ya pada form postingan saya?? apa yg salah y?

  • FakhriKitiw

    Sama gk ngaruh d blog saya

    • http://anwar358.blogspot.com Khairil Anwar

      sama nih, kok nggak bekerja? Mohon penjelasannya dong!

  • http://ateacher-s.blogspot.com/ Human_404

    gan…ane dah nyoba tapi kok muncul2 icon nya di kotak postingan…
    maaf ane Nubie..

  • http://www.jalanjalandingin.blogspot.com oen

    postingan yang mantap abissss :)

  • http://atomi-c-omic.blogspot.com Shinko-kun

    Aku pake GC (Google Chrome), nih…
    Bisa gak ??? :(

  • http://www.ariecyberedan.cz.cc/ ARIECYBEREDAN

    Wah, Artikel yang bagus gan…

    tetapi apakah bisa blogger lain melihat tanpa bantuan plugin…

    salam gan,,

    ARIECYBEREDAN

  • http://hildashare-hanyauntukmenulis.blogspot.com hilda

    thanks you so much
    saya sangat terbantu . . .

    sukses trus bwt http://abibakarblog.com/

    hhe oya blogwalking ke my blog ya : hanyauntukmenulis.blogspot.com

  • http://bubububble.com alcentya

    harus pake firefox?
    google chrome bisa nggak?

  • http://futariko.blogspot.com agnina

    :( tolongin donk, aku udah otak-atik semuanya. tapi gak muncul2.

  • http://4-jie.blogspot.com Bebas 18++

    mantap nih postingan…

  • http://[email protected] vaidika

    mantap gan sukses tru bagi sobat yang pingin cari game ma software silahkan mampir ke blog saya di bagaskara-vaidika.blogspot.com

  • http://ilmufacebook.blogspot.com Herul

    gk bisa udah di otak atik tetep GK BISAAAA

  • http://cheppster.blogspot.com/ Chepp

    Hey, bro… qo script-nya ga jalan ea..?? padahal ane ngikutin kayak yg td di suruh.. koq ga bisa sih, kira2 masalahnya dimana ya?

    ma’lum ane masih gaptek nih.. hehehehe

  • tsu

    ah, ga bisa

  • netto

    kok g muncul yaaa??

  • http://www.milyaderonline.co.cc Rekha

    makasih mas info-nya sangat berguna banget bagi org awam kyk saya
    oy jgn lupa kunjungi blog saya sekalian comment+kritik juga ya

  • etha

    kok aku gak bisa y.. gak muncul emotnya

  • http://tv-etha-13.blogspot.com etha

    kok aku g muncul y emotnya??