1. Macam biasa loggin dan terus ke bahagian Edit HTML.
2. Tambahkan kod css ini dimana yang Antum suka, yang penting sebelum kod ]]></b:skin>.
/* ----- LOWER SECTION ----- */
#lower-wrapper {
margin: 0px 0px 0px 0px;
padding: 0;
width: 865px; /* Panjang kotak utama */
font: georgia;
color: #0066cc;
background: #000000; /* Background Kotak Utama */
border: 3px solid #F2F2F2; /* Border Kotak Utama */
}
#lowerbar-wrapper {
float: left;
margin-left: 10px;
padding: 0px 0px 0px 0px;
width: 200px; /* Panjang Lowerbar */
line-height: 1.0em;
background: #D8D8D8; /* Background Lowerbar */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#lowerads-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 840px;
text-align: center;
background: #D8D8D8;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {
float: left;margin-left: 10px;
padding:0px;
}
.lowerads {margin: 0; padding: 0;}
.lowerads .widget {margin: 0; padding: 10px 0px 0px 0px;
}
.lowerbar h2 {
margin-left: 7px;
padding: 5px;
color: #ffff66;
font: georgia;
font-weight: bold;
font-size: 10px;
border: 3px ridge #F2F2F2;
text-align: center;
text-transform:none;
background:#000000;
}
.lowerads h2 {
margin-left: 7px;
padding: 5px;
color: #ffff66;
font: georgia;
font-weight: bold;
font-size: 10px;
border: 3px ridge #F2F2F2;
text-align: center;
text-transform:none;
background:#000000;
}
.lowerbar ul {
list-style:none;
margin-left:0px;
padding:5px;
}
.lowerbar ul li {
list-style: none;
background: url(alamat icon Antum) no-repeat;
margin:0;
padding:0px 0 2px 19px;
line-height: 1.3em;
}
.lowerbar a {color: #006699; text-decoration: bold;}
.lowerbar a:hover {text-decoration: none;color: #C94093;
}
.lowerbar a:visited {text-decoration: none; color: #6131BD;}
3. Perhatikan kod2 diatas, cuba suaikan dengan template Antum. Tengok kod2 berwarna merah. Kod Warna Disini. Seterusnya cari kod ini..
<div id='footer-wrapper'>
4. Dah jumpa tambahkan kod berikut diatasnya.
<div id="lower-wrapper">
<div id="lowerads-wrapper">
<b:section class="lowerads" id="lowerads" preferred="yes">
</b:section>
</div>
<div style="clear: both;">
<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar1" preferred="yes">
</b:section>
</div>
<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar2" preferred="yes">
</b:section>
</div>
<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar3" preferred="yes">
</b:section>
</div>
<div id="lowerbar-wrapper">
<b:section class="lowerbar" id="lowerbar4" preferred="yes">
</b:section>
</div>
<div style="clear: both;">
</div> <!-- end lower-wrapper --></div></div>
5. Selesai bahagian penanaman kod..Sebelum save lebih baik Preview dulu. Kalau berhasil Alhamdulillah, jika tidak, jangan sedih.. Mesti ade perbezaan pada kod template Antum..Cuba alihkan kod pada step 4..Mesti Berani mencuba yer..
p/s : Kalau ade kemusykilan, nyatakan pada komen dibawah yer...
7 Komentar:
salam..
mekasih banyak2..Baarakallahufiik..
alhamdulillah,jadi jugak..tapi xla perfect mane..insyaAllah akan diperbaiki..:D:X
wasalam...
sesama..ok la tu berjaya..biasakn dgn kod CSS tu.. nati perfect la tu.. ;)
Ada masa saya akan cuba... :D
yer mesti cuba.. :)
salam..saya punya ada background hitam..pastu kalau customize yang 3 gadget bagi besar sikit@ nak buat 2 je mcm mana??TQ
AV,無碼,a片免費看,自拍貼圖,伊莉,微風論壇,成人聊天室,成人電影,成人文學,成人貼圖區,成人網站,一葉情貼圖片區,色情漫畫,言情小說,情色論壇,臺灣情色網,色情影片,色情,成人影城,080視訊聊天室,a片,A漫,h漫,麗的色遊戲,同志色教館,AV女優,SEX,咆哮小老鼠,85cc免費影片,正妹牆,ut聊天室,豆豆聊天室,聊天室,情色小說,aio,成人,微風成人,做愛,成人貼圖,18成人,嘟嘟成人網,aio交友愛情館,情色文學,色情小說,色情網站,情色,A片下載,嘟嘟情人色網,成人影片,成人圖片,成人文章,成人小說,成人漫畫,視訊聊天室,性愛,正妹牆,情色視訊,愛情小說,85cc成人片,成人貼圖站
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>