Sabtu, 25 Desember 2010

Membuat Emoticon di Kotak Komen Blogger

Kemarin ada sahabat blogger nanya, cara buat emoticon kayak punya saya...nah ini saya buat postingannya. postingan ini saya dapat dari blog tutorialnya Bos Iqbal. Apa itu Emoticon? Itu lho icon2 lucu yang isinya berbagaimacam ekspresi yang menggemaskan, dan yang ingin kita bahas sekarang yaitu cara menampilkan icon2 lucu tersebut berada di kotak komen blogger kita.
Sebagai gambaran bagaimana tampilan imoticon yang dimaksud, silahkan teman-teman tengok di bagian bawah postingan ini tepatnya di atas kotak komentar. nah menarik bukan?


Cara membuatnya:

1. Login ke Blogger >> Klik Tata Letak >> Edit HTML

2. Jangan lupa centang kotak "expand widget template" yaaa..

3. Selanjutnya carilah kode:

4. klau dah ketemu lettakan script berikut sebelum kode no.3

<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/smilev02.js' type='text/javascript'/>

5. Lalu carilah kode

6. Dan letakkan kode berikut sebelum kode pada no.5

<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyX2Ze9I/AAAAAAAABao/CZ6YDse9ejM/s128/t4belajarblogger1.gif'/>:10
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztHyX-wYRI/AAAAAAAABas/USuci1JVIrs/s128/t4belajarblogger2.gif'/>:11
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyixUP3I/AAAAAAAABaw/mZlxZdzuq_k/s128/t4belajarblogger3.gif'/>:12
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztHyjBwlKI/AAAAAAAABa0/c_FWbxGt_CI/s128/t4belajarblogger4.gif'/>:13
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztHyq0V96I/AAAAAAAABa4/RzH1gc6k3g4/s128/t4belajarblogger5.gif'/>:14
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztIIm0qZbI/AAAAAAAABa8/p30-zUnT0D0/s128/t4belajarblogger6.gif'/>:15
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIIyFMy3I/AAAAAAAABbA/sWigzDFeWDE/s128/t4belajarblogger7.gif'/>:16
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztII9pc1RI/AAAAAAAABbE/VoDch8St4JU/s128/t4belajarblogger8.gif'/>:17
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrf_Y3Xm-1lQ34URswoQeAz-ex9WL_a2ygJRqHYAfHbR_D32xzqNWr_Tgw9kHXNi1t0Ykh2JCNZGV8k_hzcn_YQW4MW9L33tuWd2mP5YTWWgw9wb5eL5UrVXSJ95AkSnjpiss1PGZ7wwbf/s128/t4belajarblogger9.gif'/>:18
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztIJUYbhZI/AAAAAAAABbM/LhMrEVxrqlQ/s128/t4belajarblogger10.gif'/>:19
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIZ-eUFOI/AAAAAAAABbQ/GC8f4I0gmgM/s128/t4belajarblogger11.gif'/>:20
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztIaAcXyFI/AAAAAAAABbU/dHAFWwQebAA/s128/t4belajarblogger12.gif'/>:21
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt4WqliEPbOlgy-OY4BuaS4ogssjOIoEl2hCC68pXW65wBPdyGtgXf8DyReNN08i4o5-e2i_PcbG3GxgGPHc-gJuKKgyNBao22Q5iJvZQzeO20qVCdUNpA-M_AxCMyIGz2v7j4YNMMtrjY/s128/t4belajarblogger13.gif'/>:22
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztIaTL0_GI/AAAAAAAABbc/MnN4YBb8D8E/s128/t4belajarblogger14.gif'/>:23
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztIaWmpfsI/AAAAAAAABbg/TThmMvn_tCE/s128/t4belajarblogger15.gif'/>:24
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJAGZOHII/AAAAAAAABbk/xXFsactngjg/s128/t4belajarblogger16.gif'/>:25
<br/>
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztJAJ4LrMI/AAAAAAAABbo/QfDuPzjb4Cw/s128/t4belajarblogger17.gif'/>:26
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJAQCT22I/AAAAAAAABbs/8U12Hzn7DKA/s128/t4belajarblogger18.gif'/>:27
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFIsj8CGMj0ky7XS5o2SpG1IxjewFNJcYPJDzVPcwCUTi73DqtAuf7seYKbgVg7qftMdPAxj13if_NvuDo7iU-gztuHXuaaxU_ssA_8d4DLY5f31FCt-gbCAr6ceJA_pqnRxJVruDNR0wo/s128/t4belajarblogger19.gif'/>:28
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztJAky-9UI/AAAAAAAABb0/kW1WLKjSV_U/s128/t4belajarblogger20.gif'/>:29
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJWmoAq7I/AAAAAAAABb4/Lpvaa6vTcFU/s128/t4belajarblogger21.gif'/>:30
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJWtzHmDI/AAAAAAAABb8/4SYONBU3r3A/s128/t4belajarblogger22.gif'/>:31
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJW2vDcHI/AAAAAAAABcA/mP1rpA6j9dU/s128/t4belajarblogger23.gif'/>:32
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJXKEVrUI/AAAAAAAABcE/aiKzmU3cr0k/s128/t4belajarblogger24.gif'/>:33
<br/>
<img border='0' src='http://lh6.ggpht.com/_RVpTV2JOOxA/SztJXL26tOI/AAAAAAAABcI/A8rEMBijSq4/s128/t4belajarblogger25.gif'/>:34
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-HWZ8lI/AAAAAAAABcM/SwybElvh0yI/s128/t4belajarblogger26.gif'/>:35
<img border='0' src='http://lh3.ggpht.com/_RVpTV2JOOxA/SztJ-bniLhI/AAAAAAAABcQ/wQF4x4BDhO8/s128/t4belajarblogger27.gif'/>:36
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb-7ZgQnoi3CQ22d05OoXAX7wpRdCYEyMkaOBxaHCF6Zwq6RHnIgteQEfeA_qTwcQlmViRLItcSg7JDQCoLRdPF8rLIAy8_2UtYjF0qH0PEXcavCHHZntp_ASKE59ONLFfS0h4PSjQJBpS/s128/t4belajarblogger28.gif'/>:37
<br/>
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-4qiQRI/AAAAAAAABcY/4iyv2ZromUM/s128/t4belajarblogger29.gif'/>:38
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztJ-8vuytI/AAAAAAAABcc/B7ZAyQ0Aanc/s128/t4belajarblogger30.gif'/>:39
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNHg8z8I/AAAAAAAABcg/SsXT6xljXnE/s128/t4belajarblogger31.gif'/>:40
<img border='0' src='http://lh5.ggpht.com/_RVpTV2JOOxA/SztKNVtYWEI/AAAAAAAABck/SLe8Ex3DiM8/s128/t4belajarblogger32.gif'/>:41
<br/>
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNZQ_4RI/AAAAAAAABco/3TxVNKssKds/s128/t4belajarblogger33.gif'/>:42
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKNb4b17I/AAAAAAAABcs/g7BVkqkOJu4/s128/t4belajarblogger34.gif'/>:43
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ribxgdP3GqN6ftO4LK7C9-gfMUMXAwTOcSWLHnMSgj_ERYSkHH3z0lABnS_QPaV2goFvlfKcaxQ5OnQpuxqtFPhsmJfjMwS9PlefirdNa0gl0eIon8lZ1HLHv4kU8iEj620jJFf0Bzvi/s128/t4belajarblogger35.gif'/>:44
<img border='0' src='http://lh4.ggpht.com/_RVpTV2JOOxA/SztKVNIsbRI/AAAAAAAABc0/07xItbO84Bg/s128/t4belajarblogger36.gif'/>:45
</b></center>
</div>


7. Simpan hasil kerjaan anda, dan selesai...

 Sumber : http://www.bebasberbagi.co.cc/2010/07/membuat-emoticon-di-kotak-komen-blogger.html

Tidak ada komentar:

Posting Komentar