Sedangkan dari blogger tak menyediakan template yang seperti itu.Untuk memodifikasi template anda,cobalah langkah-langkah seperti di bawah ini :
Pergi ke Dashboard------>Tata Letak----->Edit Html .
Cari kode / yang hampir sama dengan kode di bawah ini :
#sidebar-wrapper {
width: 220px;
float: right;
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 */
Jika sudah ketemu,letakkan kode di bawah ini tepat dibawah kode tersebut :width: 220px;
float: right;
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 */
#newsidebar-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
Selanjutnya,cari kode seperti di bawah ini :width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
<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>
Jika sudah ketemu,letakkan kode di bawah ini,tepat diatas kode tersebut :
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>
Simpan Template .Lihat Hasilnya!!! Kode yang berwarna hijau,menunjukkan ukuran lebar sidebar nantinya,anda bisa merubahnya sendiri,sampai anda mendapatkan ukuran yang anda inginkan.<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
Jika sudah ketemu,letakkan kode di bawah ini,tepat diatas kode tersebut :
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>
Post by Doel Piero.
0 komentar:
Speak up your mind
Tell us what you're thinking... !