Emoticon smiley
adalah ekspresi yang yang sering kita jumpai di atas komentar yang bawah
postingan. Selain itu, emoticon/smiley dapat lebih mempercantik tampilan
bagian komentar blog . Dengan menggunakan javascript, kita dapat melakukan hack
untuk menambahkan fitur emoticon pada blog berplatform Blogger. Emoticon ini
menggunakan basis perintah emoticon Yahoo!. Misalnya, ketika ingin
menampilkan gambar emoticon senyum, digunakan perintah/menuliskan karakter :),
dst. Di blogger, perintah tersebut dapat diadaptasi guna memunculkan tampilan
gambar smiley/emoticon tertentu:
Dan langsung
saja berikut cara pemasangannya:
Yang pertama
masuk ke Design/Template > Edit
HTML
Selanjutnya
Copy paste kode CSS berikut di ATAS ]]></b:skin> :
klik untuk melihat kode :
.bukarahasiasmiley {background: none
repeat scroll 0 0 #EFF5FB !important;font-size:
small !important;padding: 5px !important;margin:auto !important;text-align:
left !important;font-weight:bold !important;width:100%
!important;-moz-background-clip: -moz-initial;-moz-background-origin:
-moz-initial;-moz-background-inline-policy: -moz-initial;}
.bukarahasiasmiley span {padding-right:
3px !important;}
img.brbsmly {height: auto
!important;vertical-align: middle !important;width: auto !important;border:0px
!important;}
Jika ingin
ganti warna background, ganti yang berwarna hijau dengan kode warna lain.
Cari juga <b:if cond='data:post.embedCommentForm'> .
Biasanya ada dua tag xml seperti itu, cari & pilih yg kedua, yaitu yg
berpasangan dengan <b:include data='post'
name='comment-form'/>.
<b:if
cond='data:post.embedCommentForm'>
Copy kode
HTML di bawah ini dan letakkan di bawah/setelah <b:if
cond='data:post.embedCommentForm'>.
klik untuk melihat kode :
<div class='bukarahasiasmiley'>
<img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:) <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:x</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:P</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O</span>
<span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
X(</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/>
:7</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/>
B-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/>
:-S</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/>
#:-S</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/>
7:)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/>
/:)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/>
O:-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/>
:-B</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/>
=;</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/>
:-c</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~X(</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/>
:-h</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/>
8-7</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/>
I-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/>
8-|</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/>
L-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/>
:-a</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/>
:-$</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/>
[-(</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/>
:O)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/>
2:-P</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|</span>
<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/>
=P~</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>
:-?</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/>
#-o</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/>
=D7</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS</span>
<span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/>
@-)</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/>
:^o</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w</span>
<span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/>
7:P</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/>
2):)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/>
X_X</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/>
:!!</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/</span>
<span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/>
:-q</span> <span><img class='brbsmly'
src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/>
:-bd</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/>
^#(^</span> <span><img class='brbsmly'
src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/>
:ar!</span> <span><a
href='http://buka-rahasia.blogspot.com'><img border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiak6u1geyg4mJ85IWwDbAbUszaR1dlV1mr7SUSAdeAKGufkGOZBCHcyAQavugV2iAIXwi-mDBaO9tW9AcM-9e_B7QLxmaB_xs7D3J4cXM4tkLqOAmDH8aFBgoWX0NJsYACgK1erkri7EsB/s1600/smileys.gif'
/></a></span></div>
Selanjutnya Copy
juga kode di bawah ini dan letakkan di atas </body> :
div style="margin: 5px 20px 20px;">
klik untuk melihat kode :
<script src='
selanjutnya yang
terakhir simpan
teamplet .
.jpg "Cara Memasang Scroll Box di Blogger")
0 komentar