haloo sobat , kali ini Blog Seputar Cinta punya informasi yang cukup bermanfaat bagaimana menambah widget sidebar di Blog ???
langkah yang pertama
cari kode - kode di bawah ini :
/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 840px
margin:0 auto;
padding:10px; text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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 */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
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 */
Copy kode dibawah ini kemudian paste tepat dibawah kode-kode tadi
#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}
Langkah kedua
Cari kode HTML dibawah ini pada bagian body:
< div id='main-wrapper'>
< b:section class='main' id='main' showaddelement='no'>
< b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
< /b:section>
< /div>
Copy kode dibawah ini kemudian paste tepat diatas kode tadi
< div id='sidebarbaru-wrapper'>
< b:section class='sidebar' id='sidebarbaru' preferred='ye'/'>
</div>
kalo udah klik simpan atau save.
good luck.
Rate this posting: langkah yang pertama
cari kode - kode di bawah ini :
/* Outer-Wrapper
------------------------------------------ */
#outer-wrapper {
width: 840px
margin:0 auto;
padding:10px; text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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 */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
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 */
Copy kode dibawah ini kemudian paste tepat dibawah kode-kode tadi
#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}
Langkah kedua
Cari kode HTML dibawah ini pada bagian body:
< div id='main-wrapper'>
< b:section class='main' id='main' showaddelement='no'>
< b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
< /b:section>
< /div>
Copy kode dibawah ini kemudian paste tepat diatas kode tadi
< div id='sidebarbaru-wrapper'>
< b:section class='sidebar' id='sidebarbaru' preferred='ye'/'>
</div>
kalo udah klik simpan atau save.
good luck.
{[['
']]}
']]}
