Menambah Kolom Diluar Content Blog

Menambah kolom diluar content blog maksudnya adalah menambah kolom pada elemen template akan tetapi penempatannya diluar template aslinya. Contohnya adalah pada gambar berikut :

Menambah Kolom Diluar content blog

Pada tambahan kolom tersebut, anda dapat menggunakannya untuk berbagai hal. seperti menaruh script iklan atau yang lainnya.

Cara Membuat Kolom Diluar Content Blog adalah sebagai berikut :

- Setelah anda login di blogger, langsung menuju ke "Rancangan >> Edit HTML".
- Cari code #outer-wrapper, perhatikan berapa width code tersebut.
- Tambahkan code CSS berikut dan letakkan di atas code #outer-wrapper :

/* Luar-Wrapper */
#luar-wrapper {
background:#ccc;
width:1350px;
}

/* Luar-Kiri */
#luar-kiri {
margin-left:10px;
width:180px;
float:left;
}
/* Luar-Kanan */
#luar-kanan {
margin-right:10px;
width:180px;
float:right;
}

- Kemudian cari code <body> , letakkan code berikut dibawahnya :

<div id='luar-wrapper'>

- Letakkan code penutup berikut diatas </body> :

</div>

- Cari lagi code <div id='luar-wrapper'> dan letakkan code berikut tepat dibawahnya :

<b:section class='luar' id='luar-kiri' preferred='yes'>
<b:section class='luar' id='luar-kanan' preferred='yes'>

- Simpan

* Silahkan sesuaikan nilai width untuk #luar-wrapper, #luar-kiri dan #luar-kanan agar sesuai dengan lebar template yang anda gunakan.

Selamat mencoba dan happy blogging.

15 komentar:

ELvindinata mengatakan...

wah,,oke sip,^^,,manteb fresh,,huhuy,,lgsung tak cba,,^^,,thnks ya kawaaan,,,happy blogging ^^

abu Daffa mengatakan...

Assalamu'alaikum
Kiyai subhanallah....Hapia Mesirnya ko g ada kiyai????

Hery Prasetyo mengatakan...

abu daffa@ domainnya g bisa diperpanjang ust.. jadi belum bisa2...

eRGe mengatakan...

mantab neh tutor nya pawang, btw udah lama ga jumpa pa kabar neh mudah2an sehat yaa .. amin oh ya jangan lupa bawa pisang kalo mampir buat si oi oi .. hahahaha, keep posting ajah semoga jaya terus

Hery Prasetyo mengatakan...

eRGe@ wokeh pawang... tadi kelupaan bawa pisangnya... =))

Beben Koben mengatakan...

kok jadi begini tampilan blognya Hapia Mesir¿?
jadi simpel dan gaya saja nih!!!

asep canda mengatakan...

masaallah keren banget sob ijin nyedot ea ilmunya

Akbar mengatakan...

wah mau di cobah ni kayak bagus sip dee

budies mengatakan...

wah ikutan nyoba ni kayaknya..kok mantab sekali
makasih ya, sodaqoh ikmunya

Taufik mengatakan...

muantab nih ilmunya ..
bagi ya,, mau di praktekin

akhatam mengatakan...

Tutorial bagus mas.. bagus buat yang lagi belajar

Bali Villa mengatakan...

Tutorial yang bagus mas, terima kasih,
saya jadi bertambah ilmu blog saya,
Bali Villas Bali Villa

Blogger mengatakan...

asalamualikum...
wah ini punya Hapia kah? weh udah lama sekali ga ketemu saya ga bisa akses blog Hapia Mesir ntah kenapa.
Apa kabar sob, semoga baik² saja disana, selamat berpuasa mohon maaf lahir dan batin.
trik nya ok dech sederhana sekali
Sukses Slalu!

kumpulan resep kue kering dan basah untuk lebaran mengatakan...

baru sekali ini tutorial yang bahas posting ini

Rizkyzone mengatakan...

g ada demonya nih seperti apa , ok deh langsung tak uji coba dulu

Posting Komentar