Labels: Blog Design
Dalam sebuah blog memang banyak tutorial dan jika bahas satu persatu memang tiada habis-habisnya, tapi dengan ngeblog kita bisa berkreasi semau kita sendiri alhasil kreasikita bagus dan ditawai iklan oleh suatu produk dan banggalah kita, namun saya disini tidak membahas berbangga karena dapet duit tapi saya disini akan berbagi suatu tutorial yaitu membuat header menjadi 2 kolom, dalam kolom header biasanya kita hanya meletakkan logo blog kita dan selesai, namun dengan adanya bantuan 1 kolom lagi mungkin kita bisa gunakan untuk meletakkan iklan
Preview
Langkah 1
Login ke Blogger
Masuk ke "Rancangan - Edit HTML"
Cheklist "Expand Template Widget"
Langkah 2
Cari kode: ]]></b:skin> dan letakkan kode dibawah ini diatasnya
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}
Kemudian cari kode yang mirip seperti ini
Dan dibawahnya kode </b:section> pada kode diatas letakkan kode berikut
<div style='clear: both;'/>
<div style='clear: both;'/>
Sekarang cari kode ]]></b:template-skin> dan letakkan kode dibawah ini diatasnya
#layout #header-right {width: 50%; float: right;}
Semoga bermanfaat, selamat mencoba dan semoga berhasil
34 Komentar:
said on April 21, 2012 at 10:57 PM
mantaf infonya.....udh dicoba,dan berhasil.
admin said on April 25, 2012 at 2:51 PM
boleh dicoba nih, mudah2an ane berhasil.
Androidtan said on June 4, 2012 at 11:03 PM
ini dia tutorial yang saya cari, terima kasih ya mas atas informasinya.
Free Auto Back Link said on June 9, 2012 at 11:05 PM
Mampir kunjung gan... Very nice blog...
Dani Setiadi said on June 15, 2012 at 9:02 PM
mau tanya ni sob :-/
cara buat komentar kya kamu gimana ya sob
biar dibawah avatar ada tombol reply dan di bawah komentar ada tulisan Terimakasih xxx atas Komentar dan Kunjungannya
Muhammad Irham said on June 15, 2012 at 10:15 PM
@Dani Setiadi kesini sob http://koderator.blogspot.com/2012/04/cara-merubah-tampilan-komentar-blogger_15.html
Dani Setiadi said on June 15, 2012 at 10:31 PM
pageranknya keren tuhh
wah wah wah :))
i Post said on June 17, 2012 at 7:13 AM
wahh gan jadi betah di blog ini mantabh dah sharenya udah ane coba
BAB said on June 24, 2012 at 4:54 PM
keliling2 cari tutorialnya,hampir nyasar,gak pada pas. Trus mentok diblog ini.. and berhasil+kepake!thx pren cara-membuat-header-2-kolomnya!
Administrator said on June 26, 2012 at 11:44 PM
ga nemu kode ininya sob ]]>
gimana??
Muhammad Irham said on June 27, 2012 at 5:33 AM
@Opick Taopik yg ininya aja sob b:template-skin
Indraka said on June 27, 2012 at 1:08 PM
di template ane gak ada kode ]]> gan....
gimana ?
mohon bantuannya
Muhammad Irham said on June 27, 2012 at 5:48 PM
@INDRAKA DWI | PEMULA gak apa apa gan tetap bisa
Wanwan Max said on July 12, 2012 at 10:50 AM
Keren Banget infonya, makasih ya GAN !
kunjungi juga : www.andaikata.com/
Francisco Xavier said on August 2, 2012 at 2:43 AM
gan kode yang ini ]]> punya saya gak ada itu gimana? mohon bantuannya...jika suadara berkenan tolong bantu, karna sudah lama saya pingin buat header jadi 2 kolom di blog template bawaan blogger tapi selalu gak bisa.
blog saya http://kraeng-francisco-tutorial.blogspot.com/
jika bersedia kirim ke email saya
camarada_87@rocketmail.com. trima kasih
Muhammad Irham said on August 2, 2012 at 1:39 PM
@Francisco Xavier coba cari kode ininya saja
</b:template-skin>
Unknown said on August 3, 2012 at 9:03 AM
This comment has been removed by the author.
Unknown said on August 3, 2012 at 11:00 AM
ko' logo blog q rsk .. :( pdhl td dah cba
yah gx bsa dpke lgi donk blog q :(
Muhammad Irham said on August 3, 2012 at 11:39 AM
@Sungmin Fanz: kan lebar kedua header tersebut bisa di sesuaikan, coba sesuaikan dulu.
Edit pada kode CSSnya
Unknown said on August 5, 2012 at 10:53 PM
This comment has been removed by the author.
Rezza Indra Rahayu said on August 10, 2012 at 8:29 PM
Berhasil gan mantaappp, Thanks ya!
Aping said on August 11, 2012 at 6:56 PM
Thanks Gan..Sukses (y)
cHo©oLaTOz said on September 23, 2012 at 5:33 PM
mas,. kolom header gue kok malah ketutup bukannya sejajar, maaf banyak nanya,. aku masih newbe mohon pencerahan
Unknown said on October 5, 2012 at 9:32 AM
sob di tempat saya bisa tapi klu sdh di pasang gadgetx berada di bwh judulx, ga bisa berada di sebelah kanan judul...
jakarta spa said on December 14, 2012 at 8:49 PM
Udah saya coba ilmunya bro, berhasil deh kayaknya tapi belum dimanfaatkan, gimana caranya biar yang kanannya bisa lebih panjang, buat naro adsense 728x90. thx share
Unknown said on December 23, 2012 at 3:40 PM
THX INFONYA
BERMANFAAT BUAT SAYA
bike pro shop said on December 29, 2012 at 1:47 PM
Sangat berguna dan sangat mudah untuk dimengerti dan diterapkan bro. ga ribet pokoke langsung tokcer di blog saya.
Unknown said on February 23, 2013 at 1:56 PM
TipNet said on March 10, 2013 at 2:24 AM
Tankiyu gan akan ane coba semoga bisa euy....
Teknik Sipil said on March 15, 2013 at 5:11 PM
MAKASIH INFONYA............KITA TUNGGU KUNJUNGAN BALIKNYA KE LINK KITA YA
Poetra Sakti said on April 7, 2013 at 8:58 PM
wah ribet banget gan template saya diedit...
prediksi bola 888 said on October 2, 2013 at 4:56 PM
mantap gan
http://prediksibola888.blogspot.com/2013/08/cara-membuat-header-menjad-2-kolom.html
firmanu swantara said on April 10, 2014 at 5:09 AM
sudah saya coba gan, tapi add gadget nya kok malah dibawahnya header aslinya, trims. mohon bantuan nya gan, bisa di lihat disini http://satuterbaru.blogspot.com/
Gaosur Rohim said on May 23, 2014 at 8:58 PM
Berhasil gan. Terima kasih
Post a Comment