Cara Membuat Header 2 Kolom | KUMPULAN ARTIKEL SEO
Berita Terbaru :
ikklan
Komisi Gratis | Bisnis Online Tanpa Modal

Cara Membuat Header 2 Kolom

Posted by MUKHTAR ROSYIDI Sabtu, 04 Agustus 2012 0 komentar

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Membuat Header 2 Kolom»

Bismillah
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
header

Cara Membuat Header 2 Kolom

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 {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}
#header-right .widget {margin:0;}
Langkah 3
Kemudian cari kode yang mirip seperti ini
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Judul Blog Sobat (Header)' type='Header'/>
...
</b:section>
... merupakan kode yang agak panjang, jadi saya tidak menuliskannya.
Dan dibawahnya kode </b:section> pada kode diatas letakkan kode berikut
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
Contoh Penerapannya
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=' Judul Blog Sobat  (Header)' type='Header'/> 
...
</b:section> 
<b:section id='header-right' showaddelement='yes'/> 
<div style='clear: both;'/>
Langkah 4
Sekarang cari kode ]]></b:template-skin>  dan letakkan kode dibawah ini diatasnya
#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}
Langkah 5
simpan%2Btemplate



Semoga bermanfaat, selamat mencoba dan semoga berhasil

Habis baca jangan lupa jempolnya...thanks..
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Kumpulan Artikel Seo

Anda sedang membaca artikel tentang Cara Membuat Header 2 Kolom dan anda bisa menemukan artikel Cara Membuat Header 2 Kolom ini dengan url http://blog-seo2012.blogspot.com/2012/08/cara-membuat-header-2-kolom.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Header 2 Kolom ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Header 2 Kolom sebagai sumbernya.
Categories:
Posted by: MUKHTAR ROSYIDI Kumpulan Artikel Seo, Updated at: Sabtu, Agustus 04, 2012

0 komentar:

Pengikut Kumpulan Artikel Seo

LINK PENDUKUNG Kumpulan Artikel Seo

Add URL Pro - Search Engine Submission and Optimization Services Ping Google Preview on Feedage: kumpulan-berita-terbaru Add to My Yahoo! Auto Backlink Gratis Indonesia : Backlink21Add to Google! Add to AOL! Add to MSN Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
VPS Hosting Reviews Google PageRank Checker Powered by  MyPagerank.Net We can check your plugins and stuff Submit ExpressSubmit Express - SEO Services RSS Search Submit Your Site To The Web's Top 50 Search Engines for Free! web analytics

Total Tayangan Laman Kumpulan Artikel Seo

Follower Kumpulan Artikel Seo

Arsip Blog Kumpulan Artikel Seo