Posted by AlmansuQie™

Emoticon Di Post Entry

Emoticon Yahoo! Messenger..Sebenarnya dah ramai yang buat tutorial ni.. Ana tulis balik untuk simpanan peribadi..Ok untuk yang ini, caranya begini..

Posted by AlmansuQie™

Blogspot Dengan Gaya Wordpress

Pernah tengokkan wordpress?? Kali ini kita buat template kita macam wordpress skit. Kita main sorok-sorok widget.

Posted by AlmansuQie™

Cara Membuat Favicon

Assalamualaikum..ok..Kalau kita buka sesuatu website atau blog maka kekadang kita tengok ada gambar atau icon pada address bar (kat tempat alamat url tu).

Posted by AlmansuQie™

Membuat Label Flash (Blogumus)

Ha tutorial ni Ana ambil dari Blogger Buster. Cantik kalau dapat buat label macam ni..Ini untuk simpanan Ana, kalau Antum minat boleh ikut tutorial ni..

Posted by AlmansuQie™

The Cutest Blog On The Block

Teringin untuk menggunakan transparent background macam ini??Menarik kan?? Ada bayak lagi..Boleh dapatkannya di LamanIni. Untuk menampalnya di blog senang saja.

Posted by AlmansuQie™

Cara Membuat Menu Tab View

Apakah makhluk yang bernama Menu Tab View ni?. Boleh tengok sebelah kanan blog ni. Ana isikan dengan tips2/artikel2 di dalamnya. Kotak menu ni sangat berguna.

Iklan / Pesanan Ala2 Navbar

Memasang barisan iklan atau pesanan ala2 navbar ini memang berguna. Ia juga boleh ditutup seakan2 sama dengan fungsi popup window. Macam2 kegunaannya, boleh diisi dengan iklan, pesanan, informasi dan apa saja yang Antum inginkan. Seperti blog ini, Ana sarankan pengunjung supaya menggunakan Firefox untuk paparan terbaik. Ok caranya..

1. Dalam keadaan Loggin. Pada Layout pilih Edit HTML. Tambah kod berikut sebelum ]]></b:skin>.

#mta_bar {background:url(http://i302.photobucket.com/albums/nn113/aburifaie/tabbiru.gif);
border-bottom: 0px solid #808080; margin: 0 0 15px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; height:23px;overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { margin:3px;float: left; text-align: center; font-family: Georgia; font-size: 12px; font-weight: bold; font-style: normal; color: #FFFF66; width:92%;}
#mta_bar .right {margin:3px;font-family: Georgia; 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: #ffff66; text-decoration: none;}
#mta_bar .right a:hover {font-size: 10px; color: #ffff66; text-decoration: none;}
#left_bar a { text-decoration: none; color: #ffff66; }
#left_bar a:hover { text-decoration: none; color: #ffff66; }


2. Kod merah adalah warna latarbelakang. Lihat DISINI untuk warna lain.

3. Seterusnya tambah kod dibawah sebelum kod </head>.

<script src='http://www.geocities.com/almansuqie/Stript-ad.js' type='text/javascript'/>


4. Akhir sekali tambah kod berikut selepas kod <body>.

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.mozilla.com/en-US/firefox/personal.html' target='_blank'>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://i302.photobucket.com/albums/nn113/aburifaie/tutup.gif' style='cursor:hand;cursor:pointer;'/></span></div>


5. Gantikan text merah dengan link dan kalimat Antum sendiri. Untuk text bergerak, tambah kod ini.

Contoh: <marquee>Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</marquee>



6. Dah siap klik save yer..

Sumber Asli : O-Om

Tips² Terkait



6 Komentar:

Syafiq 007 July 5, 2009 at 9:49 AM  

salam. tgk blog ana, s-007.blogspot.com

nak tanye sket, kenapa tiada background, padahal dh copy A-Z code2 di atas?

:((

AlmansuQie™ July 5, 2009 at 10:01 AM  

ade silap tanam kod tu...cuba buat balik dari awal..buang dulu kod2 yg dah tanam tu

ALAM October 6, 2009 at 9:16 PM  

TQ ya sangat berguna tutorial ini saya terhutang budi sama awak tq sgt3

Post a Comment

1. Berilah Teguran/Komen Walau Sepatah Kata..
2. Komenlah Dengan Nama dan Blog Sendiri
3. Boleh Guna Kod² Seperti Ini <b>, <i>, <a>

© Hak Cipta Terpelihara 2008 [:: AlmansuQie ::]
http://almansuqie-tips.blogspot.com
Template Designed By: AlmansuQie™

Paparan Lebih Kemas Dengan Firefox