Facebook Twitter Y! mesengger
Lihat Berita Terbaru, Unik dan Aneh, Hanya Disini....!
Tampilkan postingan dengan label Widget Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Widget Blog. Tampilkan semua postingan

Minggu, 14 September 2014

Cara pasang Stripe-Ad Navbar Ala Fhikar Note

Mumpung ane lagi nggak ada kerjaan, posting aja dulu ahg , semua udah pada tau belum apa itu Stripe-Ad Navbar ? pasti semua udah pada tau dong, itu tuh image panjang yang berada di atas, yang selalu ikutin, scroll kalu kita gerakin.


Memasang Stripe-Ad ala Navbar ini sangatlah berguna dan tentu lebih baik dari pada memasang iklan dalam bentuk Popup Ad (Pop-ups, pop-overs and pop-unders) yg dapat membuat Blog agan menjadi berat, ke untungan memakai Stripe-Ad dapat menghindari Popup Blocker.

Selain untuk iklan Stripe-Ad ini juga berfungsi juga untuk menampilkan informasi yang dirasa penting seperti iklan baris, pengumuman, Feed atau informasi apa saja sesuai kebutuhan agan.

nah udah pada tau kan ! apa itu Stripe-Ad Navbar? sekarang mari kita beralih, bagaimana cara memasang nya di blog agan ..

1. Masuk ke blogger. Klik Tata Letak Lalu Pilih Edit HTML
2.jangan lupa membackup template agan, untuk jaga-jaga jika nanti terjadi kesalahan.
3. Copy-paste kode di bawah ini, lalu letakan di atas kode ]]></b:skin>

/* mta bar */
#mta_bar{background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4bjDuiuzoGgdjavpKk_d5vyNxQsAb9AAINIDVx1so3YoqYXOyaHXbdA_xFpLQpeZeSj1ViHxre1o_5FdIKxLi54laoyYwTZEdnhioUjuiwnmrguQI6S6zDOuY-e_92Vid_OGGAVtu8nc/s1600/wow.png') repeat-x; border-bottom:1px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px;
z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}
* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FFFFFF; width:65%}

#mta_bar .left{float:left; text-align:left; font-family:Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; width:20%}

#mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}

#mta_bar .right a{font-size:10px; color:#FFFFFF; text-decoration:underline}

#mta_bar .right a:hover{font-size:10px; color:#FF0080; text-decoration:none}
#left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRzkELf2S8mt4xiqNOZzhWzRvh22sohpEDscOIJNYRleATRnMpERPKO6hnbHkoNO78totO9rJE-U0kXkC6VTJ92XSswYcmx7Tyk_zLWEE8-11NpEPN6fCop6fL-L_3buQzDJIDAfnvCAf/s200/feed-c.png') no-repeat; font-weight:bold;text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:10px}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqGNC1i1UypuHySzxLYAcwlWKK4ZxeTNx6fNR_P0i_EYUmiaspsMPj4qCr79cAPcAxG0iW-jBRXsGTUn-U-xRcnrmX3YOjYjpocn8wy5SYXOb-J6Mo6BrtDFm4cwREeHwTwW5RUYGhGBF/s200/check-c.png) no-repeat 2px; text-decoration:none; font-weight:bold; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0px}
#left_bar2 a:hover{text-decoration:underline; color:#fff}
#left_bar3 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdsHKKDnqdMQao4hypNfPWcEFJQS1LO3kTn6VHsW9UNNC8n9y9KrdSd4wwjD5Hcb4ujDctbYpR4K0Ctm7M9SZEmbmGK2EHY_mFD6fzwy9TiI04EiFmPT5mbNbPA3fEqdl7t8xF54j6i3rv/s200/facebook-c.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}

#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt7Qp0c9qJDlanagnIxhVui907ln0VzG4Pbr4UxFf8KByrdvxlVBNGjbhX4onIE_3ShUnTtfRFcknt4dCkXpb9wCJpIcB_s-YJD6zq1FELsrim6ELQoAo-4Wp2yn0JGkhY4LNY09YnVsV-/) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}

#to_top a{padding:8px}

  • Ganti kode berwarna merah denga url gambar agan
  • Ganti kode berwarna biru dengan url Icon agan
4.Copy Kode di bawah ini, dan letakan di atas kode </head>

<script src='http://sites.google.com/site/asrizalofficialweb/javascript/Stript-ad.js' type='text/javascript'/>


5. jika sudah, Letakan kode dibawah ini dibawah kode <body>

<div id="mta_bar">
<div id="left_bar2">
<span class="left">
<a href="http://www.facebook.com/Fhikar.musisi" target="_blank">Facebook</a>
<a href="http://twitter.com/#%21/Fhikar_doktrin" target="_blank">Twitter</a>
<a href="ymsgr:sendim?zhulfhikar@rocketmail.com" target="_blank">Y! mesengger</a></span></div>
<div id="left_bar">
<span class="center"><a href="http://fhikar-news.blogspot.com/" target="_blank;">Lihat Berita Terbaru, Unik dan Aneh, Hanya Disini....!</a></span></div>
<span onmouseout="self.status=''" onmouseover="self.status='asrizalwahdanwilsa';return true;" class="right"> <img onclick="closeTopAds();return false;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt7Qp0c9qJDlanagnIxhVui907ln0VzG4Pbr4UxFf8KByrdvxlVBNGjbhX4onIE_3ShUnTtfRFcknt4dCkXpb9wCJpIcB_s-YJD6zq1FELsrim6ELQoAo-4Wp2yn0JGkhY4LNY09YnVsV-/" style="cursor:hand;cursor:pointer;" align="absmiddle" border="0" /></span></div>

  • Untuk kode yang di tandai warna merah dan biru silahkan agan sesuaikan sesuai keperluan agan masing-masing
  • Untuk kode yang berwarna kuning agan bisa ganti dengan URL tujuan iklan agan
  • Untuk kode yang berwarna hijau agan ganti dengan kata-kata agan sendiri :)
6.Jika langkah di atas telah selesai ,Klik pratinjau dulu untuk memeriksa. Jika semua telah selesai, klik simpan. Dan selamat agan telah memilki Stripe-Ad Navbar sendiri :)
»»  Baca selengkapnya

Senin, 15 Agustus 2011

Widget pencari artikel sederhana For Blogger


Posting lagi ahgg, hehehe :D lihat judulnya pasti udah pada berpendapat ini widget jadul, hehehe yah emang jadul. tapi saya posting ajalah buat koleksi Blog ini.
Kalian semua udah pada ngerti dong apa itu "Widget pencari artikel " beserta apa fungsinya ?? yah jelas ! widget ini berfungsi untuk mempermudah seseorang yang mengunjungi blog kita, untuk mencari artikel di blog kita :D
Nah tanpa basa-basi langsung ajalah.
Gini cara pasangnya diblog...

1.Login Dulu ke blogger.com yah

2.Klik Rancangan pada blog yang ingin diberi widget ini

3.Klik Tambah Gadget

4.Terus pilih HTML/JavaScript , kemudian copy paste code di bawah ini

<div class="searchform">
<form method="get" id="searchform" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == &quot;Search this blog...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q" id="sbox" class="sbox"></td>
<td width="75px"><input type="button" Value="Search" id="sbutton" class="sbutton" alt=""></td>
</tr>
</table>
</form>
</div>

5,Klik Save lalu lihat hasilnya :)
»»  Baca selengkapnya

Jumat, 29 Juli 2011

Memasang emoticon EMS Sony Ericsson Pada Kotak komentar

Akhirnya saya bisa juga melawan penyakit saya, hehe yaitu malas posting, entah lagi nggak mood , otak saya lagi buntu atau memang saya yang lagi malas nyari inspirasi. Sebenarnya Ane memang lagi ? lagi apa yah.. yah gitu deh ...hehe

Kamu bingung yah sama ane juga bingung hehehe.. Udah ahhh Fhikar Note bercanda mulu nih ! hiks,hiks :D
Mari kita masuk kemateri, "cak elah Fhikar Note kayak pak guru aja, kembali kemateri.wkwkw :D"


Tuh kan bercanda lagi, udah-udah kali ini serius...
Pertama saya akan kasih tau !
"emoticon EMS Sony Ericsson itu apa sih ?" Mungkin Kamu (pengguna ponsel Sony Ericsson tentunya) telah akrab dengan emoticon-emoticon pada gambar di bawah ini.

Emoticon EMS Sony Ericson


genit
:)
kacamata
B)
kedip
;)
sedih
:(
nangis
:((
senang
:))
tak acuh
:|
skeptik
:~
iblis
:@
bingung
:?
marah
x(
kagum
;;)
melet
:p
cium
:x
ngakak
:D
SE
:o
Gimana lucu nggak ? hehe "Lucu dong" gambar-gambar bergerak tersebut merupakan emoticon default pada fasilitas EMS ponsel Sony Ericsson. Lalu bagaimana cara memasangnya di blog?

Santai kita pelan-pelan aja :D

"Tolong dibantu yah" simsalabin jadi apa prok-prok" hahaa :D
Udah kali ini serius... ikuti langkahnya dibawah ini..

1.Seperti biasa masuk ke blogger
2.Klik rancangan pada blog yang akan agan taruh emoticon ini
3. Klik "Download Template Lengkap" (ini untuk memBackUp template agan )
4. Beri tanda centang "Expand Template Widget"
5. Tekan Ctrl+F (untuk mempermudah pencarian) dan cari kode: </body>
6.Jika sudah ketemu, letakkan kode di bawah ini tepat sebelum kode </body>

<!-- emot SE -->
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i ) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:o/gi, "<img alt=':SE' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/sony.png' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img alt=':ngakak' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Laughter.gif' class='smiley'/>");
_str = _str.replace(/:x/gi,"<img alt=':cium' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/Kiss.gif' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img alt=':melet' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Tongue.gif' class='smiley'/>");

_str = _str.replace(/;\;\)/gi, "<img alt=':kagum' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wow.gif' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img alt=':marah' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Angry.gif' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img alt=':bingung' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Confused.gif' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img alt=':iblis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Devil.gif' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img alt=':skeptik' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sceptical.gif' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img alt=':tak acuh' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Indifferent.gif' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img alt=':senang' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Happy.gif' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img alt=':nangis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img alt=':sedih' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sad.gif' class='smiley'/>");
_str = _str.replace(/;\)/gi, "<img alt=':kedip' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wink.gif' class='smiley'/>");
_str = _str.replace(/B\)/gi, "<img alt=':kacamata' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Glasses.gif' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img alt=':genit' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Flirty.gif' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i ) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:o/gi, "<img alt=':SE' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/sony.png' class='smiley'/>");
_str = _str.replace(/:D/gi, "<img alt=':ngakak' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Laughter.gif' class='smiley'/>");
_str = _str.replace(/:x/gi,"<img alt=':cium' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/Kiss.gif' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img alt=':melet' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Tongue.gif' class='smiley'/>");

_str = _str.replace(/;\;\)/gi, "<img alt=':kagum' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wow.gif' class='smiley'/>");
_str = _str.replace(/x\(/gi, "<img alt=':marah' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Angry.gif' class='smiley'/>");
_str = _str.replace(/:\?/gi, "<img alt=':bingung' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Confused.gif' class='smiley'/>");
_str = _str.replace(/:@/gi, "<img alt=':iblis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Devil.gif' class='smiley'/>");
_str = _str.replace(/:\~/gi, "<img alt=':skeptik' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sceptical.gif' class='smiley'/>");
_str = _str.replace(/:\|/gi, "<img alt=':tak acuh' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Indifferent.gif' class='smiley'/>");
_str = _str.replace(/:\)\)/gi, "<img alt=':senang' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Happy.gif' class='smiley'/>");
_str = _str.replace(/:\(\(/gi, "<img alt=':nangis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:\(/gi, "<img alt=':sedih' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sad.gif' class='smiley'/>");
_str = _str.replace(/;\)/gi, "<img alt=':kedip' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wink.gif' class='smiley'/>");
_str = _str.replace(/B\)/gi, "<img alt=':kacamata' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Glasses.gif' class='smiley'/>");
_str = _str.replace(/:\)/gi, "<img alt=':genit' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Flirty.gif' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
<!-- end emot SE -->

7.Kemudian cari lagi kode di bawah ini

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

8.Kalau udah ketemu Copy-Pastekan kode dibawah ini ! setelah kode
<p class='comment-footer'>

<center><p><i>copy paste</i> kode berikut untuk menambahkan emotikon</p></center>
<center><b>
<table cellpadding='3' cellspacing='5'><tr>
<td><div align='center'><img alt='genit' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Flirty.gif'/><br/>:)<hr/></div></td>

<td><div align='center'><img alt='kacamata' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Glasses.gif'/><br/>B)<hr/></div></td>

<td><div align='center'><img alt='kedip' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wink.gif'/><br/>;)<hr/></div></td>

<td><div align='center'><img alt='sedih' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sad.gif'/><br/>:(<hr/></div></td>

<td><div align='center'><img alt='nangis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Crying.gif'/><br/>:((<hr/></div></td>

<td><div align='center'><img alt='senang' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Happy.gif'/><br/>:))<hr/></div></td>

<td><div align='center'><img alt='tak acuh' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Indifferent.gif'/><br/>:|<hr/></div></td>

<td><div align='center'><img alt='skeptik' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Sceptical.gif'/><br/>:~<hr/></div></td></tr></table></b></center>


<br/>
<b><center>
<table cellpadding='3' cellspacing='5'><tr>
<td><div align='center'><img alt='iblis' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Devil.gif'/><br/>:@<hr/></div></td>

<td><div align='center'><img alt='bingung' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Confused.gif'/><br/>:?<hr/></div></td>

<td><div align='center'><img alt='marah' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Angry.gif'/><br/>x(<hr/></div></td>

<td><div align='center'><img alt='kagum' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Wow.gif'/><br/>;;)<hr/></div></td>

<td><div align='center'><img alt='melet' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Tongue.gif'/><br/>:p<hr/></div></td>

<td><div align='center'><img alt='cium' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/Kiss.gif'/><br/>:x<hr/></div></td>

<td><div align='center'><img alt='ngakak' src='http://i875.photobucket.com/albums/ab312/mohanlink/SE%20Emoticon/emoticon%202/Laughter.gif'/><br/>:D<hr/></div></td>

<td><div align='center'><img alt='SE' src='http://i714.photobucket.com/albums/ww141/Ardhiansyam/Emot/sony.png'/><br/>:o<hr/></div></td>
</tr></table>
</center></b>


11.Simpan Template lalu lihat hasilnya :)

12. Ini langkah terkahir yang sangat penting "Comment yah kalo bermanfaat" heheh bercanda kok...

Info: Artikel ini saya ambil dari Beranda bumi dengan pengubahan tata bahasa yang saya atur sendiri, jadi dengan ini saya harap, tidak ada lagi klaim yang mengatasnamakan ini artikel anda.. sekian dan terima kasih....

Lihat Artikel Serupa.....
»»  Baca selengkapnya

Kamis, 28 Juli 2011

Memasang emoticon yahoo pada kotak komentar (New Version)


Posting lagi nih :) hehehe pasti diantara agan-agan sekalian melihat judulnya udah jadul yah :D tapi jangan salah ini new version loh, "apanya sih yang new version" nggak ada perubahanyang terlalu signikan sih, tapi hanya emoticonnya yang bertambah banyak ! nggak percaya lihat screenshotnya di bawah ini.





Nah gimana? berniat memasang ?
Silahkan ikuti tutor yang akan Fhikar Note jelaskan !

1.Seperti biasa masuk ke blogger
2.Klik rancangan pada blog yang akan agan taruh emoticon ini
3. Klik "Download Template Lengkap" (ini untuk memBackUp template agan )
4. Beri tanda centang "Expand Template Widget"
5. Tekan Ctrl+F (untuk mempermudah pencarian) dan cari kode: ]]></b:skin>
6.Jika sudah ketemu, letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

.way2bloggingcsmly {
background: none repeat scroll 0 0 #EFF5FB !important;
border: 1px dashed green !important;
font-size: medium !important;
padding: 5px !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;
}
img.w2bsmly {
height: auto !important;
vertical-align: middle !important;
width: auto !important;
border:0px !important;
}

Ganti kode berwarna biru dengan kode warna sesuai keinginan agan.
7.Kemudian cari lagi kode di bawah ini

<b:if cond='data:post.embedCommentForm'>
8.Copy-Pastekan kode dibawah ini tepat dibawah kode tadi

<div class="way2bloggingcsmly">
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" alt="" class="w2bsmly"/> :)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" alt="" class="w2bsmly"/> :(
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" alt="" class="w2bsmly"/> ;)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" alt="" class="w2bsmly"/> :D
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" alt="" class="w2bsmly"/> ;;-)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" alt="" class="w2bsmly"/> :-/
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" alt="" class="w2bsmly"/> :x
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" alt="" class="w2bsmly"/> :P
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" alt="" class="w2bsmly"/> :-*
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" alt="" class="w2bsmly"/> =((
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" alt="" class="w2bsmly"/> :-O
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" alt="" class="w2bsmly"/> X(
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" alt="" class="w2bsmly"/> :7
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" alt="" class="w2bsmly"/> B-)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" alt="" class="w2bsmly"/> :-S
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" alt="" class="w2bsmly"/> #:-S
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" alt="" class="w2bsmly"/> 7:)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" alt="" class="w2bsmly"/> :((
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" alt="" class="w2bsmly"/> :))
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" alt="" class="w2bsmly"/> :|
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" alt="" class="w2bsmly"/> /:)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" alt="" class="w2bsmly"/> =))
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" alt="" class="w2bsmly"/> O:-)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" alt="" class="w2bsmly"/> :-B
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" alt="" class="w2bsmly"/> =;
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif" alt="" class="w2bsmly"/> :-c
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" alt="" class="w2bsmly"/> :)]
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" alt="" class="w2bsmly"/> ~X(
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif" alt="" class="w2bsmly"/> :-h
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" alt="" class="w2bsmly"/> :-t
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif" alt="" class="w2bsmly"/> 8-7
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif" alt="" class="w2bsmly"/> I-)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif" alt="" class="w2bsmly"/> 8-|
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif" alt="" class="w2bsmly"/> L-)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif" alt="" class="w2bsmly"/> :-a
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif" alt="" class="w2bsmly"/> :-$
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif" alt="" class="w2bsmly"/> [-(
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif" alt="" class="w2bsmly"/> :O)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" alt="" class="w2bsmly"/> 8-}
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif" alt="" class="w2bsmly"/> 2:-P
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif" alt="" class="w2bsmly"/> (:|
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif" alt="" class="w2bsmly"/> =P~
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif" alt="" class="w2bsmly"/> :-?
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif" alt="" class="w2bsmly"/> #-o
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif" alt="" class="w2bsmly"/> =D7
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif" alt="" class="w2bsmly"/> :-SS
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif" alt="" class="w2bsmly"/> @-)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif" alt="" class="w2bsmly"/> :^o
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif" alt="" class="w2bsmly"/> :-w
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif" alt="" class="w2bsmly"/> 7:P
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif" alt="" class="w2bsmly"/> 2):)
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif" alt="" class="w2bsmly"/> X_X
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif" alt="" class="w2bsmly"/> :!!
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif" alt="" class="w2bsmly"/> \m/
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif" alt="" class="w2bsmly"/> :-q
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif" alt="" class="w2bsmly"/> :-bd
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif" alt="" class="w2bsmly"/> ^#(^
<img src="http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif" alt="" class="w2bsmly"/> :ar!
<a href="http://www.way2blogging.org" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtD1arO4BIJW1zSRuIYLgoO0vctydINseLcguD70Q9gIis-WfaboMlMRa0z7IBE9K4wCS5D1XeXtJ-KpI0YFKWy2nUoyMRl9_KqP8Up_uzq6__VFjQuox1CzKCSwOagOZG4kF6mpngVv_i/" border="0"/></a>
</div>


9.Langkah Selanjutnya Cari lagi kode </body>
10.Lalu Copy-pastekan kode dibawah ini tepat sebelum kode </body>

<script src='http://bloggerblogwidgets.googlecode.com/files/way2bloging-ysmileys-for-bloggercomments.js' type='text/javascript'></script>
11.Simpan Template lalu lihat hasilnya :)

thx

Lihat Artikel Serupa....
»»  Baca selengkapnya
Blogger Widgets