Home » » Membuat 4 Element di atas Footer

Membuat 4 Element di atas Footer

Di Posting Oleh : Admind.msc- The Vamphire 10.18.2011 -6:00 AM


Assalamualaikum warrahmatullahiwabbrakatuh. Salam sobat blogger. Pertemuan kali ini MR akan membahas bagaimana cara membuat  Empat ( 4 ) Element di atas Fotter. Sebelumnya anda pasti sudah tahu apa itu Element pada Blog. Element ini sama maksudnya dengan Gadget. Heheeheehee....!!!! Sesuai denga PrtScSysRq Gambar di bawah. MR akan memberikan Tutor di bawah, tentang Membuat ( 4 ) Element di atas Footer. Simak aja baik-baik Tutor-nya. Hal yang harus anda lakukan Yaitu :

1. Login ke Blogger  Anda
2. Pilih Rangangan
3. Pilih Edit HTML
4. Kemudian copy kode di bawah ini dan letakkan di atas  ]]></b:skin>:

/* bottom
---------------------------- */ #bottom {
width: 890px; /*lebar blog yang di sesuaikan*/
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 14px 0 14px 0;
}
#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}
#bottom ul {
padding: 0;
margin: 0;
}
#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;
}
#bottom ul li a:hover {
background: #B1ACB1;
}
#left-bottom { /* yang ini kode element kiri */
width: 200px;
float: left;
padding-left:10px;
}
#center-bottom { /* kalo yg ini kode element tengah */
width: 205px;
float: left;
padding-left:10px;
}
#right-bottom { /* kalo yg ini kode element kanan */
width: 200px;
float: left;
padding: 0 5px 0 10px;
}
#right-pojok-bottom { /* kalo yg ini kode element kanan */
width: 200px;
float: left;
padding: 0 5px 0 10px;
}

5. Kemudian Cari code yang mirip seperti di bawah :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

6. Copy code di bawah kemudian  paste kode berikut tepat di atas kode yang atas tadi :
<div id='bottom'> <b:section class='bottom' id='left-bottom'/>
<b:section class='bottom' id='center-bottom'/>
<b:section class='bottom' id='right-bottom'/>
<b:section class='bottom' id='right-pojok-bottom'/>
</div>

7. Kemudian Save dan lihat hasilnya. Semoga Bermanfaat.


Share this article :

0 komentar:

Posting Komentar

Terima kasih telah membaca Membuat 4 Element di atas Footer, Jika ada yang Kurang Faham, kalian bisa bertanya melalui komentar, Terima kasih.