Skip to main content

TUTORIAL SHOUTBOX TIMBUL TEPI BLOG TANPA BERJALAN

Asalamualaikum w.b.t...saya tak tau nak explain macam mana rupa shoutbox nie..shoutbox nie macam ajax floating shoutbox jugakla tapi dia tak timbul kat tengah-tengah..tengoklah sendiri rupanya=)

tekan untuk lihat dengan lebih jelas!

header tu x berapa nak lawakan..hehehe..
ok!step dia senang daripada shoutbox ajax floating tu..

1)login blog>design>page element>add gadget>HTML/javascript
2)copy kod dibawah dan pastekan di javascript
<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index: 10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #333333;
background:#ffffff;
padding:10px; 
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()">[ close ]</a></div>

<div style='text-align:left; '>
<p>

<a alt="HOW-TO HOUSE" style="text-decoration:none" href="http://place2how-to.blogspot.com/2010/12/how-to-make-floating-and-click-to.html" target="_blank">[?]Add this shoutbox style</a>

</p>
</div>  
masukkan kod shoutbox disini

</td></tr></table>

</div>

<script src="https://sites.google.com/site/howtohouse/hth-scripts/howtohouse_shoutbox.js"></script>

<div style="z-index: 5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="url image shoutbox korang disini"/>
</a>
</div> 
4)save!
*pink tu masukkan kod shoutmix
  kuning tu gambar shoutbox..


mudahkan..selamat mencuba......=)
nak pi tidoq..bye!!

credit to:www.place2how-to.com

Comments

Post a Comment

Popular posts from this blog

freebies background part 4

assalamualaikum w.b.t.. nak bagi background dekat korang nie.. ambik lah jangan tak ambik tapi mesti mau kredit..kalo tak lawa cakap\jadi orang yg jujur/ Flower cute background https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGNLEkawfQDwiUWupO4wP6ft-6tok_8uPgWQW2NaOvvQPzxA3kJR972kDhP4Hl9QRi6x7BDhOOhJL0Gi8gGP-MeaiCjAjojLKzGkJmrDJOFXgRf7fITOCMGOi4WKd_vDUxy5HH8032gDhV/s1600/polkadot-crop.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqeiNPZVq1fEczqo8y6HqV_1UAuIGVNYpNrhovIML9GXyEX-fhK5VaT7Rzm7Jrl6WZJM7ll7w95WjYA8NdXjV5iUxs7wdh4197XvOhHBqHu3YFh4gQzk-7IwvwCspJm4Jf4iUM74Rv0A9D/s1600/polkadot-crop+purple.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicb9FvTFnNJKXjOqDJ8G-neMypMsN4Cotr7T1coMIZIUOie03jwtMp5k3b6M8RpU9VCHm5byrGWbm59911yZsFh5_GnNGdN0F993kcLm8rKQaBaoLorQjFhMQ3VaQPvK4hj3AgCqnSJ4T0/s1600/polkadot-crop+blue.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpiDdjq_KVHSN0AA7ZiDCT6yjCvXYWcKpIse7Vyv3NuowlhjvkRyKYvriIa4bkSPZ...
Post a Comment
read more

Autisme

Autisme tu apa?? istilah autisme berasal daripada perkataan autos  yang bererti diri sendiri   dan Isme yang bererti aliran. Ini bermakna autisme membawa maksud keadaan yang menyebabkan kanak-kanak menumpukan perhatian dalam dunianya sendiri.<sumber: ummuhaq.qulhaq pesakit autisme nampak normal je tapi bila bab menguruskan diri dan berkomukasi diaorang ada masalah sikit..contoh paling dekat adalah adik saya.Adik saya dah umur 6 tahun tapi masih lagi tak boleh bercakap..tapi walaupun tak pandai bercakap sangat pandai membuli kakaknya.. adik saya nie jenis autisme yang active,ada yang sepupu saya tu jenis yang pasive.. huh penat betul kawal dia nie boleh kurus tau sapa yang jaga dia..hehehhe.. mak saya kata kalau hntr dia nie kat babysitter confirm babysitter tu tak larat nak jaga.. hanya orang yang faham dia je yang boleh jaga dia.. kat bawah nie la anak kesayangan mak n abah.. ♥ ♥ ♥ my beloved youngest sis.. ♥ comel tak=) adik saya nie tak boleh dengar ...
Post a Comment
read more

TUTORIAL CURSORS

haloo...hari saya bagi tip nak cantikkan korang punya arrow  dengan gambar2 cute.. kalau korang nak cari kat   cursors 4 u  cantik2 tau tapi jangan pilih yang tulis animated dah la ye.saya percaya ramai dah ada cursor tapi ada sesetengah blogger nie dia tak buang label cursor tu..nmpk tak eloklah kalau cam tu.. ok!kalau dah jmpa yang berkenan silalah ikut step nie 1)design>page element>add gadget>HTML/javascript 2)copy kod cursor yang telah dipilih dan pastekan dalam HTML/javascript 3)buangkan coding berikut...contohnya: <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur231.cur), progress;}</style> <a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-transparent-pink-pointer.html" target="_blank" title="Cool Transparent Pink Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Transparent Pink Pointer" style...
1 comment
read more