Memenuhi Request Sahabat tentang Cara Memasang Emoticon WordPress pada Sidebar, kali ini saya akan mencoba memberikan tutorial/cara sederhana untuk menampilkan Smiley atau Emoticon pada sidebar WordPress Seperti yang terlihat pada pojok bawah halaman blog ini. Hal ini dapat mempermudah Sahabat yang ingin menampilkan Emoticon ini pada kotak komentar Anda.
Seperti yang kita ketahui, bahwa Smiley atau Emotikon dipakai sebagai sarana komunikasi untuk mengekspresikan berbagai ide atau perasaan seseorang. Smiley atau Emotikon fungsinya bukan menggantikan bahasa yang umum digunakan, melainkan hanya untuk melengkapinya atau mungkin untuk menambah keindahan gaya menulis saja. Dan biasanya Smiley atau Emotikon digunakan untuk lebih menjelaskan atau memberi tekanan dari apa yang disampaikannya. “dikutip dari Blognya Om Iwan“. Lihat selengkapnya disini.
Baiklah, untuk Bro Naufal Hisyam, dan kepada Semua sahabat pengguna WordPress.com yang ingin Memasang Emoticon WordPress pada Sidebar Anda, silahkan ikuti langkah-langkahnya sebagai berikut :
1. Seperti biasa Login ke akun WordPress Anda.
2. Masuk ke Menu Tampilan -> Widget -> lalu tambahkan Widget Text ke sidebar blog Anda.
3. Silahkan copy semua kode berikut ke dalam Widget Text Tadi :
<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>
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. Setelah di paste silahkan sesuaikan dengan melihat keterangan diatas dan jangan lupa Simpan.
5. Selesai, refresh halaman blog Anda dan lihat hasilnya seperti pada tampilan dibawah ini.
| Text | Icon | intent |
|---|---|---|
 |
|
smile |
 |
|
biggrin |
 |
|
sad |
 |
|
suprised |
 |
|
eek |
 |
|
confused |
 |
|
cool |
 |
|
mad |
 |
|
razz |
 |
|
neutral |
 |
|
wink |
 |
|
lol |
 |
|
redface |
 |
|
cry |
 |
|
evil |
 |
|
twisted |
 |
|
rolleyes |
 |
|
exclaim |
 |
|
question |
 |
|
idea |
 |
|
arrow |
 |
|
mrgreen |
Demikian Cara Memasang Emoticon WordPress pada Sidebar, Semoga bermanfaat.
trima kasih udah dibuat postingannya.. sukses!
Posted by Naufal Hisyam | Juni 16, 2012, 6:54 amKeren bang, mantep ….salam kenal
Posted by Nakamura Agatha | Juni 19, 2012, 11:39 amWah… ini yang saya cari… thanks lagi buat mas Irfan… hehe
Posted by stephanus Christiono | Juli 3, 2012, 2:43 pmWah, mantep mas.
Posted by Triyoga Adi Perdana | Juli 29, 2012, 4:50 amkeren massss………….
Posted by ibu merry | Agustus 2, 2012, 4:29 amwah langsung cling gan….thank’s
Posted by kasisi | September 14, 2012, 7:59 pmsiiphh gann. . . like thiss
Posted by ChiMustLim | Januari 18, 2013, 4:26 am