Senin, 20 Februari 2012


Membuat sidebar diantara posting – Saya seringkali menemukan banyak situs-situs yang mempunyai sidebar di sebelah kanan dan kiri (posting terletak diantara sidebar) . Artinya posting kita berada di tengah-tengah .

Login 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 dibawahkode tersebut :

#newsidebar-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}

Selanjutnya,cari kode seperti di bawah ini :

<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 .
Selesai dan lihat hasilnya .Kode yang berwarna hijau , menunjukkan ukuran lebar sidebar template blog Anda , tapi Anda dapat merubahnya sendiri .
Untuk lebih jelasnya baca artikel Kang rohman di sini

Selamat mencoba!!
^_^

0 komentar:

Posting Komentar