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.
0 komentar:
Posting Komentar