Blog Belliy: Teknik Menambah Yahoo Emotion Smiley Di Post Editor Blogger

22/07/10

Teknik Menambah Yahoo Emotion Smiley Di Post Editor Blogger

10:47 |

Diposting oleh Belliy_R |

Selamat berjumpa kembali di posting saya kali ini. pada kesempatan ini saya ingin berbagi kepada para para pembaca sekalian mengenai bagaimana cara menambahkan "Emotion Smiley" untuk menghiasi sebuah artikel yang akan dipublikasikan di blog anda. Mungkin ini menurut saya sebagai tahap awal untuk mempublikasikan sebuah artikel yang bertaraf profesional untuk seorang blogger pemula seperti saya ini.

Sebenarnya artikel ini sudah banyak yang mengetahui cara-cara yang sudah terpampang banyak di postingan para blogger yang lain. Tapi pada kesempatan kali ini, biarlah saya backward kembali artikel ini, mungkin ini masih berguna untuk para newbie-newbie yang baru bergabung di Blogger.com, ya seperti saya ini.

. Untuk blogger.com saat ini mengenai fasilitas emotion smiley memang belum tersedia, tapi dengan sedikit trik yang akan saya berikan di bawah ini maka fasilitas emotion smiley yang anda inginkan akan bisa terwujud.

Baiklah kita langsung ke TKP untuk mempraktekkannya :

Langkah pertama, pastikan anda ngeblog di dalam peramban Mozilla Firefox.
Tambahkan Add-ons Greasemongkey pada Mozilla Firefox. Saya rasa anda sudah tahu bagaimana cara menambahakan Add-ons tersebut. Tapi jika belum tahu silahkan anda klik di Sini (untuk menambahkannya)
Setelah di install Add-ons-nya, coba anda restart terlebih dahulu peramban Mozilla Firefox anda tadi untuk menerapkan Add-ons Greasemongkey yang sudah di installkan tadi.
Coba anda install kode script berikut ke peramban anda juga: Klik di sini
Jika sudah, silahkan anda login ke Blogger.com (tentunya dengan akun anda sendiri)
Masuk ke Tab Rancangan (Tata Letak), pilih Sub-Tab Edit HTML anda.
Jangan lupa mencentang terlebih dahulu kotak "Expand Template Widget"nya.
Caba anda cari kode ini dengan menekan "Ctr + F" di keyboard anda : ]]></b:skin> lalu,
Silahkan anda Copy kode script di bawah ini letakkan tepat di bawah kode : ]]></b:skin>

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

Save Template Anda. dan Selesai.
Untuk melihat hasilnya, silahkan anda lihat pada kotak editor publishing blogger anda, apakah ada terpampang kumpulan "Emotion Smiley" anda tadi?. Jika sudah berarti anda sudah berhasil.

Catatan dari saya : Jika anda belum berhasil melihat kumpulan emotion smiley yang baru anda terapkan di blogger anda, coba anda rubah jenis "Post Editor Publikasi" anda. Yaitu

Masuk Ke Dashboard anda, Pilih Tab Pengaturan.
Di bagian bawah ada pengaturan "Setting Global" tentang perubahan Editor tersebut.
Pilih "Editor Lama" lalu simpan,
Sekarang anda kembali Tab Posting, lalu entri baru, silahkan anda lihat apakah bermunculan kumpulan "Emotion Smiley" anda yang anda inginkan tadi?
Jika muncul saya ucapkan "Selamat Buat Anda" kembali

Catatan tambahan :
Sewaktu saya memposting artikel ini, saya menemukan kendala dalam penempatan kode :

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

yang penempatannya seharusnya di bawah kode : ]]></b:skin> punya saya malah terbalik, karena jenis template saya mengharuskan untuk menempatkan kode :

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

di atas kode : ]]></b:skin>. Jika tidak saya lakukan, maka kode

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

akan ikut terpajang juga di halaman muka blog saya, tepatnya di atas "Nav Bar". Menurut saya itu sangat menggangu pemandangan saja, jadi terpaksa saya modif kembal penempatan kode di atas tadi. hee...
Baiklah sampai di sini dulu posting artikel saya kali ini, sebelumnya saya mohon maaf jika pada posting saya kali ini, ada kekeliruan yang menyebabkan anda tidak nyaman dengan posting saya ini, sekali lagi saya mohon maaf yang tak terkira.

Wassalam..