Membuat Frame Content Pada Template Blogger
Frame Content ini bisa diterapkan pada bagian atas (top), bawah (Bottom) atau sidebar kiri dan kanan template bloger, dan untuk kali ini saya akan membuat frame content pada bagian atas template blogger.
Lihat Demo
Langsung pada cara pembuatan frame content :
Pertama masukan kode dibawah ini diatas kode ]]></b:skin>
#framecontent{
position: absolute;
top: 0; left: 0; width: 100%;
height: 90px;
overflow: hidden;
background: #6db3f2; }
#maincontent{
position: fixed;
top: 92px;
left: 0; right: 0; bottom: 0;
overflow: auto; background: #fff; }
.innertube{ margin: 15px; }
* html body{ /*IE6 hack*/
padding: 90px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/}
* html #maincontent{ /*IE6 hack*/
height: 100%; width: 100%;}
position: absolute;
top: 0; left: 0; width: 100%;
height: 90px;
overflow: hidden;
background: #6db3f2; }
#maincontent{
position: fixed;
top: 92px;
left: 0; right: 0; bottom: 0;
overflow: auto; background: #fff; }
.innertube{ margin: 15px; }
* html body{ /*IE6 hack*/
padding: 90px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/}
* html #maincontent{ /*IE6 hack*/
height: 100%; width: 100%;}
Lalu masukan juga kode dibawah ini dibawah kode <body>
<div id='framecontent'>
<div class='innertube'>
<h1>Frame Conten</h1>
<div id='maincontent'>
<div class='innertube'>
<div id='outer-wrapper'>
......................
......................
......................
<div class='innertube'>
<h1>Frame Conten</h1>
<div id='maincontent'>
<div class='innertube'>
<div id='outer-wrapper'>
......................
......................
......................
Tambahkan tag penutup </div> di atas kode </body>
Silahkan pratinjau terlebih dahulu, kalau sudah cocok silahkan di simpan.
Selamat mencoba.
NB : Teks warna merah bisa anda ganti dengan logo blog ataupun dengan navigasi silahkan di custom saja sesuai dengan selera blogger.
Komentar
Oia ada award buat chugy dari saya,
Selamat tahun baru 2011
Thanks Um buat award-y. met TAHUN BARU JUGA Um. Sukses Slalu.
Ipin's cool :: Ok smoga bermanfaat.
Selamat Tahun Baru 2011.
happy new year yaaa semuaaa...
warnanya bisa dirubah gx?
Met tahun baru juga...
Mohon maaf selama setahu kemarin,banyak salah banyak khilaf. Moga tahun depan lebih baik lagi sahabat..
Sama2 Brad Smoga tahun baru ini menjadikan kita lebih baik. Sukses selalu.
nyayu amibae :: Ok Met Tahun Baru Juga smoga sukses slalu.
sepakat, templatenya kemarin2 dishare donk ^_^...
Thanks again for sharing.... :)
mampir ke web saya gan