Sidebar style
Kamis, 16 Mei 2013 | 0 comments
Dinda comeback nih.. mumpung lagi dibolehin main, yaudah gw main deh
Kemarin Vladi komentar di salah satu postinganku, dia komentar "kalo sidebar kayak gitu nurun2 kayak template kk yg dl gmn?".
Tau nggak bentuknya? kyk gini nih.. (khusus classic template/blogskin)
- cari kode sidebar mu. Hapus kode itu lalu ganti dengan kode ini
.sidebar {
border-radius:10px;
background:white;
padding-top:10px;
padding-bottom:10px;
padding-left:21px;
padding-right:21px;
width: 210px;
font-size:11px;
text-align:left;
border:1px solid #ffd7e1;
margin-left:10px;
}
border-radius:10px;
background:white;
padding-top:10px;
padding-bottom:10px;
padding-left:21px;
padding-right:21px;
width: 210px;
font-size:11px;
text-align:left;
border:1px solid #ffd7e1;
margin-left:10px;
}
Kalau ngga ada sidebar, letakin aja kode itu diatas </style>
- Cari kode </blogger></div></td>
- Letakan kode ini dibawah kode diatas tadi
<td valign="top"><div class="sidebar">
<div class="title">Introduction</div>
<center>
YOUR TEXT</center></div>
<!------DONT REMOVE THIS CODE------!>
<center><div style="background:none;border-left:20px solid #ffd7e1;border-right:20px solid #ffd7e1;width:100px;height:40px;display:inline-block;">
</div>
<!------DONT REMOVE THIS CODE------!>
<div class="title">Introduction</div>
<center>
YOUR TEXT</center></div>
<!------DONT REMOVE THIS CODE------!>
<center><div style="background:none;border-left:20px solid #ffd7e1;border-right:20px solid #ffd7e1;width:100px;height:40px;display:inline-block;">
</div>
<!------DONT REMOVE THIS CODE------!>
Jika kamu udah ada kode sidebarmu, hapus dan ganti dengan kode diatas.
- Save
HIJAU : Ganti dengan apa yang patut
BIRU : Kode warna
Kalau ada yang nggak ngerti maupun nggak ngerti sama sekali, silahkan komentar.
Label: tutorial
