Pasang Iklan gratis

agus
Diberdayakan oleh Blogger.

Membuat Elemen Halaman Tiga Kolom

Membuat Elemen Halaman Tiga Kolom

Artikel kali ini saya akan coba sharing kepada anda cara design template yaitu membuat elemen halaman tiga kolom pada blogspot. Setiap template pastinya memiliki elemen halaman yang berbeda jumlah dan letaknya. Elemen halaman cukup penting untuk sebuah template dan akan lebih bagus lagi jika lebih banyak, tetapi apabila terlalu banyak elemen halaman juga bisa membuat loading blog menjadi lama karena terdapat banyak kode css didalamnya, jadi sesuaikanlah elemen halaman tersebut sesuai kebutuhan.

Bagi anda yang ingin membuat elemen halaman tiga kolom pada template blogspot, caranya adalah sebagai berikut :

1. Login pada account blogger anda

2. Pada halaman dasbor pilih Tata Letak kemudian Edit Html

3. Carilah kode ]]></b:skin> (gunakanlah Ctrl + F untuk mempercepat pencarian) kemudian letakkan kode dibawah ini diatas kode tersebut.


/* -- bottom -- */

#bottom {
width:1000px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:#ffffff;
border-bottom:#ffffff;
}

#bottom a:link {
color:#006699;
text-decoration:none;
}

#bottom a:hover {
color:#c06000;
text-decoration:underline;
}

#bottom a:visited {
color:#808080;
text-decoration:none;
}

#bottom h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}

#bottom ul {
padding:0;
margin:0;
color:#333;
}

#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background: url("http://lh3.ggpht.com/_w3vbLlHM5kg/SbaWQmXKL8I/AAAAAAAAAEc/W7TmnpAs0x4/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}

#bottom1 {
width:300px;
float:left;
padding-left:15px;
}

#bottom2 {
width:300px;
float:left;
padding:0 20px 0 20px;
}

#bottom3 {
width:300px;
float:right;
padding-right:15px;
}


Catatan :
Kode diatas bisa di edit sesuai dengan template dan keinginan anda seperti lebar footer, lebar header, lebar elemen halaman setiap kolom, warna latarbelakang, jenis tulisan dll.

4. Masih dihalaman Edit Html, langkah selanjutnya carilah kode seperti dibawah ini :

<div id='footer-wrapper'> (untuk membuat elemen halaman tiga kolom diatas footer)

<div id='main-wrapper'> (untuk membuat elemen halaman tiga kolom dibawah header)

5. Selanjutnya Letakkan kode dibawah ini persis diatas kode tersebut


<div id='bottom'>
<b:section class='bottom' id='bottom1' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
<b:section class='bottom' id='bottom2' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Buku Tamu' type='HTML'/>
</b:section>
<b:section class='bottom' id='bottom3' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Traffic Blog' type='HTML'/>
</b:section>
</div>


6. Simpan Template

Setelah mengikuti langkah-langkah diatas untuk membuat elemen halaman tiga kolom pada template blogspot dengan benar, klik tata letak untuk melihat apakah template anda sudah terdapat elemen halaman tiga kolom pada header dan footer (sesuai pilihan anda) seperti gambar dibawah ini :

Jika sudah muncul elemen halaman tiga kolom, pergunakanlah elemen halaman tersebut untuk memasukkan widget dan sebagainya agar blog anda terlihat lebih menarik.

Comments :

8 komentar to “Membuat Elemen Halaman Tiga Kolom”

Sarang Semut Putih
Sarang Semut Papua
Buah Merah Papua
Rumput kebar Papua
Kayu Akway

Sandhy Herbal Papua mengatakan...
on 

Our Online Store Prepared Cytotec 200 mcg Misoprostol Abortion Drug | Drugs and Drug Penggugur Months Late Content
greetings from me, Dr.Bondan.
if you need medication below to contact me directly

obat aborsi
jual obat aborsi
obat telat bulan

penggugur kandungan
obat penggugur kandungan
obat penggugur janin

Dr. Bondan mengatakan...
on 

Tanks For Sharing This Info

Best Broker Forex For Scalper | Spread 1 pip | Bonus Deposit 20%

FIREWOODFX
IB FIREWOODFX
FIREWOODFX INDONESIA
FIREWOODFX REBATE
FIREWOODFX BONUS
CARA OPEN FIREWOODFX
CARA DEPOSIT FIREWOODFX
CARA WITHDRAWAL FIREWOODFX
LOKAL DEPOSIT FIREWOODFX
LOKAL WITHDRAWAL FIREWOODFX

FirewoodFXindonesia mengatakan...
on 

Klik Disini
Obat Pembesar Penis Vimax
Obat Pembesar Penis Herbal Neosize
Obat Hernia Herbal
Obat Pengental Sperma Semenax
Obat Pembesar Penis Herbal NO.1
Vakum Pembesar Penis
Obat Kuat Sony
Obat Kuat Perkasa Cialis 50mg
Obat Kuat Viagra Usa
Obat Perangsang Sex drops
Boneka Full Body
Vagina Center FlashLight
Vagina Pinggul Berbulu
Vagina Tabung Slikon
Vagina Goyang Suara
Penis Mutiara Maju Mundur
Penis Manua Slikon
penis tempel elektrik
Penis Dua Kepala Manual
Penis Ikat Pinggang Getar
Penis Getar
Alat Penggetar Vagina
Penis Mutiara Getar
Kondom Sambung Slikon
Kondom Cristal Silikon
Kondom Getar Silikon
Magic Ring Penggeli Silikon
Obat Ambeien Dan Obat Wasir
Perapat Vagina Perawatan
Obat Perontok Bulu Yofume
Obat Penghilang Bekas Luka
Selaput Dara Perawan Buatan
Obat Pembesar Payudara

Santi Rohmawati mengatakan...
on 

obat pembesar penisvimaxvimax aslivimax originalvimax canadaagen vimaxobat vimaxpembesar penisagen vimaxagen vimax aslivimaxvimax aslivimax originalvimax canadaalat pembesar penispembesar penisobat kuatobat pelangsing badanobat pembesar penisobat pengental spermaobat penggemuk badanobat penghapus tattoobat peninggi badanobat perangsang wanitapembesar payudaraalat bantu sex priaalat bantu sex wanitaobat pembesar penisvimaxobat pembesar penisvimaxobat pembesar penisvimaxobat pembesar penisvimax

Bose Vimax mengatakan...
on 

.
NUMPANG PROMO BOS !!!

Jual obat pembesar penis vimax asli canada, ramuan herbal asal canada produk yang sudah teruji akan khasiatnya untuk membesarkan dan memperpanjang alat vital pria, Vimax Asli Canada Di Jakarta. OBAT VIMAX produk original yang mempunyai hak penuh dan teruji secara klinis. Vimax Canada dijamin 100% aman dan tanpa efek samping.

Bagi Anda yang mengalami masalah ukuran penis dan ingin membesarkan penis hingga maximal cobalah Vimax Obat Pembesar Penis ini untuk meningkatkan daya sexualitas anda pada pasangan. Vimax memberikan BUKTI bukan JANJI dan GARANSI uang kembali kalau tidak ada hasilnya sama sekali.

Untuk Pemesanan Dan Informasi Jelas, Silahkan Kunjungi Website Kami :

KLIK : http://www.vimaxasliobatpembesarpenis.com

.
..
...

Basudewa mengatakan...
on 

Ciri Ciri Orang Terkena Virus Hpv | Obat Untuk Membunuh Virus Hpv | Makalah Penyakit Kondiloma Akuminata | Pencegahan Kutil Pada Kelamin | Pengobatan Kutil Kelamin Pada Wanita

Rani mengatakan...
on 

Jual Vimax Asli Batam, Jual Vimax Asli Di Batam, Jual Vimax Di Batam, Vimax Asli Di Batam, Vimax Asli Batam, Vimax Di Batam, Toko Vimax Asli Di Batam, Toko Vimax Asli Batam, Toko Vimax Di Batam

vimax asli mengatakan...
on 

Poskan Komentar