1. Sign in akaun blogger anda.
2. Pilih LAYOUT --> EDIT HTML.
3. Backup Template anda dahulu untuk mengelakkan sebarang masalah.
4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.
5. Cari kod di bawah.
<div id='content-wrapper'>
Perhatian !!! Gantikan text yang berwarna biru.
6. Tambahkan kod ini di atas kod tadi.
7. Sekarang cari kod ini.
8. Pilih salah satu kod di bawah dan tambahkan di atas kod tadi.
#newnavbar ul li{
background: #eeeeee;
}
#newnavbar ul li{
font-size:100%;
font-style:italic;
font-family:Verdana, "BitStream vera Sans",
font-weight:bold;
list-style-type:none;
display:inline;
padding:10px;
margin:50px;
border:3px solid #FF99CC;
}
#newnavbar li a{
color:#7E587E;
}
#newnavbar li a:visited {
color: #7E587E;
}
#newnavbar li a:hover {
color: #B93B8F;
background: #FF99CC;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
#newnavbar ul li{
background: #e9ffd9;
}
#newnavbar ul li{
font-size:100%;
font-style:italic;
font-family:Verdana, "BitStream vera Sans",
font-weight:bold;
list-style-type:none;
display:inline;
padding:10px;
margin:50px;
border:3px solid #CAF99B;
}
#newnavbar li a{
color:#7E587E;
}
#newnavbar li a:visited {
color: #7E587E;
}
#newnavbar li a:hover {
color: #B93B8F;
background: #CAF99B;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
#newnavbar ul li{
background: #eeeeee;
}
#newnavbar ul li{
font-size:100%;
font-style:italic;
font-family:Verdana, "BitStream vera Sans",
font-weight:bold;
list-style-type:none;
display:inline;
padding:10px;
margin:50px;
border:3px solid #99FFFF;
}
#newnavbar li a{
color:#7E587E;
}
#newnavbar li a:visited {
color: #7E587E;
}
#newnavbar li a:hover {
color: #B93B8F;
background: #99FFFF;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
9. Setelah selesai pilih PREVIEW untuk melihat hasilnya.
10. Sekiranya anda berpuas hati SAVE TEMPLATE.
Selamat Mencuba.
2 comments:
blog ko memudahkan aku berblogging..!!! caiyok!!! trimas bro..!!!!
Ok bro !!! Happy blogging.
Post a Comment