Gimana Cara Memasang Emoticon di Kotak Komentar?

Posting ini atas rikwest dari Nona Itik dari Bali

Bagaimana cara memasang emoticon di kotak komentar? Tentunya sudah betebaran di mana mana tutorialnya. Hanya saja jeng itik pengen tau cara dari awal, soalnya biasanya di tutorial langsung di kasih javascriptnya.

Jadi caranya begini ya jeng (dan kawan kawan semuwah muwah)

Siapkan bahan bahan

• Gambar emoticon , bisa googling atau nyomot dari blog saya wehehehe tetep aja promosi di cuteemoticon dan di emocutez
• Harus punya account imagehosting misal, photobucket.com , imageshack.us , dan lain lain
• Notepad ++ untuk edit javascriptnya, bisa di download di sini

Upload Gambar Emoticon

• Upload semua gambar emoticon tadi ke imagehosting (misal photobucket)
• Catatan : Di setiap emoticon yang diupload akan ada URL nya. URL inilah yang akan kita gunakan selanjutnya

Edit Javascript

• Install terlebih dahulu Notepad ++ yang sudah di-download tadi
• Gunakan javascript untuk emoticon, bisa di download di sini, download script emoticon
• Buka script emoticon menggunakan Notepad ++
• Di dalam script tersebut terdapat URL emoticon. Edit URL emoticon tersebut ganti dengan URL emoticon yang tadi sudah di upload di photobucket. Ganti kode emoticon sesuai keinginan (bisa dilihat di atas kotak komentar saya, ada kode di samping gambar emo nya)
• Lakukan sampai semua emoticon selesai
• Save hasil editan tersebut

Upload Javascript

• Sebenarnya bisa saja menggunakan script tanpa di upload ke hostingan, tapi tentunya ini akan sangat puwanjang di kode HTML nantinya, dijamin mblekenek ruwet nglihatnya. Jadi lebih baik upload lah ke hosting lain
• Upload script emoticon yang sudah di edit tadi ke file hosting misalnya fileave.com (Silahkan Googling sendiri, asal ga hotlink alias nebeng hosting orang lain, kesian kalau sampe bandwidth exceeded)

Edit Kode HTML Template

Langkah selanjutnya adalah meng-edit kode HTML template kita. Caranya? Silahkan di baca, banyak sekali tutorial bersliweran di search engine. Salah satunya bisa baca ini, Cara Memasang Emoticon di Kotak Komentar Yang perlu diperhatikan, ganti script dengan script upload-an tadi. Untuk url, ganti dengan url image kita. Kode emoticon dengan kode emoticon seperti di javascript.

Selamat berjuang.

Imaging Freeware

Suatu ketika ada teman saya nanya “Wah kamu kok imut banget siy?”

*dimohon untuk tetap menyimak, bagian yang bikin eneg ini akan segera berlalu*

Mak dieng…ga gitu ding nanya nya. “Bong, gambar kamu imut, pake potosop ya bikinnya?”

Dan saya tersenyum simpul “Aaaaah enggak, cuma pake shampoo”

Gludag, Gubrag, Plethak , timpukan sendal, botol, galon Akuwa, panci, bertubi tubi.

Banyak yang mengira kalo saya itu pinter nggambar *halah cuma perasaan mu aja Bong*. Padahal faktanya adalah sebagai berikut:

• Saya bukan dari jurusan dizain ndak punya bakat nggambar
• Gambar manual saya maksudnya yang pake tangan, asli jeleg banged hikz
• Saya enggak bisa narik garis dengan yakin *wew narik garis dalam nggambar ternyata butuh keyakinan juga ya?!* Jadi hasilnya gambar saya pating plekintut menceng sana sini
• Saya nggak bisa sotosop, nggak bisa corel dan sopwer sopwer canggih nan mahal lain

Tapi……. I luph cute graphic so much, bertekad kuad buat belajar dan bikin image sendiri

Seperti kata pepatah, Banyak jalan lain ke Roma. Dan seperti kata Roma, Begadang jangan begadang kalo tiada artinya.

Yang maksodnya adalah ” Kalo punya keinginan pasti banyak jalan lain. Dan begadang boleh saja kalau ada perlunya”

Alhamdulillah wa syukurillah, saya ndak patah semangad buat gugling, sampe mbah Google bosen tiyap saya ketikkan “Free Software Imaging, Freeware Imaging, Download Graphic Software” di search engine nya. Dan suatu ketika saya nyasar di web yang ternyata menyediakan freeware. Catat, freeware.

Namanya Inkscape, umur 22 taon, tinggi semampai. Halah.

About Inkscape
An Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format.

Inkscape supports many advanced SVG features (markers, clones, alpha blending, etc.) and great care is taken in designing a streamlined interface. It is very easy to edit nodes, perform complex path operations, trace bitmaps and much more. We also aim to maintain a thriving user and developer community by using open, community-oriented development.

Sopwer gratisan ini namanya Inkscape. Berbasis vektor dengan installer cuman 33MB. Enteng bukan. Memang ini bukan seperti sotosop yang bisa untuk image editing seperti memutihkan wajah dan ngilangin jerawat di poto. Tapi lebih ke image creating. Kata teman saya yang saya kasi tau dan nyobain Inkscape bilangnya si mirip Corel, jadi versi gratisannya Corel gitu. *Saya belon pernah make Corel soalnya*
Menurut analisis ngawur saya, fitur fitur Inkscape lumayan banyak dan relatif mudah makenya tanpa pusing mikirin layer layer. Asal rajin berolah kreatifitas aja. Beberapa contoh gambar hasil olahan Inkscape *tentunya semua gambar di blog saya ini semua pake sopwer itu*

Wah Inkscape sopwer 3D ya Bong? Bukan, Inkscape sopwer 2D kok, yang gambar mobil itu sebenernya 2 dimensi, dengan penataan dan efek efek dari yang bikin bisa keliatan jadi seperti 3D. Sopwer ini bisa jadi alternatif bagi kita kita yang:

• Ndak kuat beli sopwer berbayar asli. Hayo siapa yang mau keluarin $600 buat beli keluarga Adobe?
• Ndak nemu crack-nya *mode licik on*
• Nggambar sekedar senang senang 
• Ndak pengen make sopwer bajakan

Pada akhirnya tools hanyalah tools ga berarti apa apa tanpa kreatifitas, dan kreatifitas ga akan terwujud tanpa tools apapun.

Bagi pemula seperti saya, Inkscape saya kasih grade 9. Link download INKSCAPE

Gambar di comot dari sini : Nicu, Tutorial
NB : bukan riviyu neh heuheuheu