Monday, December 12, 2011
- Login ke Blogger
- Setelah Dasbor terbuka, klik Design (Rancangan).
- Kembali klik Edit HTML.
- Lakukan prosedur pengamanan template dengan Back-up Templates.
- KLIK Download Full Template (Download Template Lengkap).
- Simpan File Template (berikan nama khusus untuk memudahkan bila diperlukan).
- Edit HTML » klik Expand Widget Templates.
- Carikode ]]></b:skin>.
- Copy-paste kode CSS dan letakkan di atas kode tersebut.
- Lanjutkan dengan mencari kode </body>.
- Copy paste kodex HTMl dan letakkan tepat di atasnya.
- Silahkan klik "SAVE Templates (Simpan Templates)".
- Buka Elemen Laman (Page Elements) dan periksa hasil pembuatan Elemen Baru!
- Jika Elemen Baru telah terlihat, cobalah untuk menggunakan elemen baru tersebut guna menempatkan widget. Anda bisa mencobanya dengan beberapa teks atau widget!
KODE CSS-1
#bawahfooter, #bawahfooter1 {
margin:0;
padding:0;
text-align:center;
}
#bawahfooter1 {
background:#111;
border-top:4px solid #666;
border-bottom:6px solid #666;
}
#bawahfooter1 widget{
margin:2px 0;
background:#333;
padding:5px;
}
#bawahfooter1 widget-content img {
padding: 2px;
background:#eee;
border:2px solid #888;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
]]></b:skin>
margin:0;
padding:0;
text-align:center;
}
#bawahfooter1 {
background:#111;
border-top:4px solid #666;
border-bottom:6px solid #666;
}
#bawahfooter1 widget{
margin:2px 0;
background:#333;
padding:5px;
}
#bawahfooter1 widget-content img {
padding: 2px;
background:#eee;
border:2px solid #888;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
]]></b:skin>
KODE CSS-2
Jika kode CSS-1 telah dilengkapi dengan beberapa kode sebagai pelengkap elemendan widget, kode CSS-2 merupakan kode CSS untuk penambah elemen baru dalam bentuk polos.Anda bisa menambahkan beberapa kode CSS baru dan xHTML untuk memberi background, border, padding dan margin serta beberapa kode pelengkap yang lain. Silahkanan dipilih salah satu di antara kedua macam kode CSS ini.Untuk xHTML-nya tidak ada perubahan.
#bawahfooter {
margin:0;
padding:0;
text-align:center;
}
#bawahfooter1 {
margin:10px 0 10px 0;
padding:0;
}
]]></b:skin>
margin:0;
padding:0;
text-align:center;
}
#bawahfooter1 {
margin:10px 0 10px 0;
padding:0;
}
]]></b:skin>
XHTML
<div id='bawahfooter'>
<b:section class='bawahfooter1' id='bawahfooter1' showaddelement='yes'/>
</div>
</body>
<b:section class='bawahfooter1' id='bawahfooter1' showaddelement='yes'/>
</div>
</body>
{ 1 komentar... read them below or add one }
Komentar anda saya butuhkan
Komentar anda akan sangat membantu saya
Komentar anda menjadi kebanggaan saya
komentar anda lebih berharga dari berlian
J_K
iyaa gan sama sama..semoga bermanfaat
ReplyDelete