Mengawali posting di awal tahun ini saya akan membahas cara pembuatan frame Content pada area 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.
Lalu masukan juga kode dibawah ini dibawah kode <body>
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.
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.
Langsung pada cara pembuatan frame content :
Pertama masukan kode dibawah ini diatas kode ]]></b:skin>
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:
Post a Comment