Membuat Sidebar Diantara Posting

Share this Article now on :

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 .
Sedangkan di blogger tidak menyediakan template yang seperti ini . Jadi buat Anda yang ingin memodifikasi template Anda , ikuti langkah-langkah di bawah ini :

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!!

^_^

Anda sedang membaca artikel tentang Membuat Sidebar Diantara Posting dan anda bisa menemukan artikel Membuat Sidebar Diantara Posting ini dengan url http://sailkomodo-2013.blogspot.com/2012/02/membuat-sidebar-diantara-posting.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Sidebar Diantara Posting ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Sidebar Diantara Posting sebagai sumbernya.Dan baca juga Privacy Policy Anaktimor17 Blog dengan url http://anaktimor-17.blogspot.com/2012/11/privacy-policy-for-httpanaktimor.html.

Rating Artikel : 5 Jumlah Voting : 99480 Orang