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.

Menambah Kotak Pada Footer

Footer adalah salah satu bahagian penting pada satu² blog. Biasanya kita akan isikan dengan copyright, jenis template atau sebagainya. Boleh juga diisi dengan segala macam widget. Ok kali ini kita akan cuba membahagikan footer ini kepada 3 colom. Caranya..

1. Macam biasa terus ke bahagian Edit HTML. Jangan tanda pada kotak Expand Widget Template. Sebelum tu backup template dengan Download Full Template untuk langkah berjaga2. Tambahkahkan kod CSS ini sebelum </b:skin>.

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}


2. Kemudian cari kod berikut.

<b:section class='footer' id='footer'/>



3. Kalau xwujud, cari yang seakan2 dengannya. Dah jumpa, gantikan dengan kod dibawah.

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>


4. Kod berwarna merah adalah warna garisan dibawah colom tersebut. Antum boleh tukar warnanya mengikut citarasa masing2. INI KOD WARNA. Boleh preview tuk lihat hasilnya, jika berhasil klik butang save..

Selesai..

Sumber Asli : BlogerBuster

Tips² Terkait



4 Komentar:

_kim_ August 17, 2009 at 8:14 AM  

huhu...x jd pun... :(

syukeri February 26, 2010 at 11:07 AM  

thank jadi...korang kene godam macam men game jgak..haha

Obat Keputihan February 3, 2015 at 4:08 AM  

terimakasih banyak sob.. 2 kolom footer saja cukup

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