•  
  • TopBlogIndonesia.com   Alexa Certified Traffic Ranking for https://aguswijayaonline.wordpress.com/   bannerwpndonesiablack   blogerindonesia

  • Masukkan alamat email sobat untuk mengikuti blog ini, thanks ya..

    Bergabunglah dengan 362 pengikut lainnya

  • Spam Diblokir

Cara Memasang Emoticon Pada Sidebar di WordPress

icontexto_emoticons_04Untuk yang sudah biasa bermain internet simbol-simbol dan cara penggunaan Smiley atau Emoticon mungkin sudah tidak asing lagi. Menurut unsur katanya, emoticon berasal dari dua suku kata, yakni emotion = emosi dan icon = tanda, yang digunakan dalam komunikasi melalui email, dialog forum, jejaring sosial, blog, dan lain-lain. Smiley atau Emoticon dipakai sebagai sarana komunikasi untuk mengekspresikan berbagai ide atau perasaan seseorang. Penggunaan Smiley atau Emoticon kini semakin populer ketika teknologi sudah semakin canggih dengan adanya Komputer dapat merambah di jagat maya sebagai media komunikasi berupa simbol khusus.

Smiley atau Emoticon mulanya digunakan oleh seorang jurnalis Franklin Loufrani kira-kira awal tahun 1970. Dia menggunakan simbol-simbol untuk mengkomunikasikan berbagai ekspresi terutama yang menyangkut kabar-kabar yang menyenangkan. Franklin Loufrani mempublikasikan simbol-simbol itu pada 1 Januari 1972 dan menamai simbol-simbol itu dengan sebutan Smiley. Sumber lain menyebutkan bahwa Smiley atau Emoticon pertama ditemukan oleh Scott Fahlman pada masa antara awal tahun 1981 dan pertengahan 1982.

Smiley atau Emoticon sebetulnya adalah simbol-simbol untuk mengekspresikan wajah dan jika kepala kita dimiringkan, maka akan terlihat jelas apa dari maksud simbol-simbol tersebut. Tapi dengan pesatnya teknologi, kini Smiley atau Emoticon tidak terlihat hanyalah sebuah simbol saja. Simbol-simbol yang kita ketik pada maka otomatis akan berubah sebuah gambar ekspresi yang sesuai dengan simbol-simbol tertentu yang sudah dirumuskan. Bahkan jika mengetik simbol-simbol tertentu pada program komputer seperti Microsoft Office Word, itu juga sama otomatis akan berubah asal pengaturan Auto Correct sudah diatur dengan benar.

Kepada Semua sobat pengguna WordPress.com yang ingin memasang Emoticon WordPress pada Sidebar, silahkan ikuti langkah-langkahnya berikut :

1. Seperti biasa Login ke akun WordPress.

2. Masuk ke Menu Tampilan -> Widget -> lalu tambahkan Widget Text ke sidebar blog Anda.

3. Silahkan copy semua kode berikut ke dalam Widget Text :

 

<div style="overflow:auto;width:210px;height:121px;background-attachment:scroll;border:1px solid #ffffff;padding:5px;">
<table width="90%" border="1" cellpadding="2">
<tbody>
<tr>
<th>Text</th>
<th>Icon</th>
<th>intent</th>
</tr>
<tr>
<td>:-)</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif?m=1129645325g" alt="smile" width="15" height="15" border="0" /></td>
<td>smile</td>
</tr>
<tr>
<td>:-D</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif?m=1129645325g" alt="biggrin" width="15" height="15" border="0" /></td>
<td>biggrin</td>
</tr>
<tr>
<td>:-(</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_sad.gif?m=1129645325g" alt="sad" width="15" height="15" border="0" /></td>
<td>sad</td>
</tr>
<tr>
<td>:-o</td>
<td><img src="http://s1.wp.com/wp-includes/images/smilies/icon_surprised.gif?m=1129645325g" alt="surprised" width="15" height="15" border="0" /></td>
<td>suprised</td>
</tr>
<tr>
<td>8-O</td>
<td><img src="http://s1.wp.com/wp-includes/images/smilies/icon_eek.gif?m=1129645325g" alt="eek" width="15" height="15" border="0" /></td>
<td>eek</td>
</tr>
<tr>
<td>:-?</td>
<td><img src="http://s1.wp.com/wp-includes/images/smilies/icon_confused.gif?m=1129645325g" alt="confused" width="15" height="15" border="0" /></td>
<td>confused</td>
</tr>
<tr>
<td>8-)</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_cool.gif?m=1129645325g" alt="cool" width="15" height="15" border="0" /></td>
<td>cool</td>
</tr>
<tr>
<td>:-x</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_mad.gif?m=1129645325g" alt="mad" width="15" height="15" border="0" /></td>
<td>mad</td>
</tr>
<tr>
<td>:-P</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_razz.gif?m=1129645325g" alt="razz" width="15" height="15" border="0" /></td>
<td>razz</td>
</tr>
<tr>
<td>:-|</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_neutral.gif?m=1129645325g" alt="neutral" width="15" height="15" border="0" /></td>
<td>neutral</td>
</tr>
<tr>
<td>;-)</td>
<td><img src="http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif?m=1129645325g" alt="wink" width="15" height="15" border="0" /></td>
<td>wink</td>
</tr>
<tr>
<td>:lol:</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_lol.gif?m=1129645325g" alt="lol" width="15" height="15" border="0" /></td>
<td>lol</td>
</tr>
<tr>
<td>:oops:</td>
<td><img src="http://s1.wp.com/wp-includes/images/smilies/icon_redface.gif?m=1129645325g" alt="redface" width="15" height="15" border="0" /></td>
<td>redface</td>
</tr>
<tr>
<td>:cry:</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_cry.gif?m=1129645325g" alt="cry" width="15" height="15" border="0" /></td>
<td>cry</td>
</tr>
<tr>
<td>:evil:</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_evil.gif?m=1129645325g" alt="evil" width="15" height="15" border="0" /></td>
<td>evil</td>
</tr>
<tr>
<td>:twisted:</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_twisted.gif?m=1129645325g" alt="twisted" width="15" height="15" border="0" /></td>
<td>twisted</td>
</tr>
<tr>
<td>:roll:</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_rolleyes.gif?m=1129645325g" alt="rolleyes" width="15" height="15" border="0" /></td>
<td>rolleyes</td>
</tr>
<tr>
<td>:!:</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_exclaim.gif?m=1129645325g" alt="exclaim" width="15" height="15" border="0" /></td>
<td>exclaim</td>
</tr>
<tr>
<td>:?:</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_question.gif?m=1129645325g" alt="question" width="15" height="15" border="0" /></td>
<td>question</td>
</tr>
<tr>
<td>:idea:</td>
<td><img src="http://s0.wp.com/wp-includes/images/smilies/icon_idea.gif?m=1129645325g" alt="idea" width="15" height="15" border="0" /></td>
<td>idea</td>
</tr>
<tr>
<td>:arrow:</td>
<td><img src="http://s1.wp.com/wp-includes/images/smilies/icon_arrow.gif?m=1129645325g" alt="arrow" width="15" height="15" border="0" /></td>
<td>arrow</td>
</tr>
<tr>
<td>:mrgreen:</td>
<td><img src="http://s2.wp.com/wp-includes/images/smilies/icon_mrgreen.gif?m=1129645325g" alt="mrgreen" width="15" height="15" border="0" /></td>
<td>mrgreen</td>
</tr>
</tbody>
</table>
</div>

 

Dan hasilnya….?

 

Text Icon intent
🙂 smile smile
😀 biggrin biggrin
😦 sad sad
😮 surprised suprised
😯 eek eek
😕 confused confused
😎 cool cool
😡 mad mad
😛 razz razz
😐 neutral neutral
😉 wink wink
😆 lol lol
😳 redface redface
😥 cry cry
👿 evil evil
😈 twisted twisted
🙄 rolleyes rolleyes
❗ exclaim exclaim
❓ question question
💡 idea idea
➡ arrow arrow
:mrgreen: mrgreen mrgreen

 

Keterangan :
Width:210px = Sesuaikan dengan lebar sidebar Anda
Height:121px = Sesuaikan dengan tinggi sidebar Anda
Border:1px = Tebal garis bisa disesuaikan
Solid #ffffff = Warna garis pinggir dapat diganti dengan warna yang Anda sukai

4 Tanggapan

  1. Makasih infonya, akan kupasang ketika aku ol di PC ya 😉

  2. smile

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: