CARA MEMBAGI 2 KOLOM HEADER

Asep Akang 22 Des 2013 3 comments
Buat sobat Blogger Copast yang suka permak blog, ni ane kasih satu tips lagi buat sobat blogger. Kali ini ane akan kasih tahu bagaimana cara membuat header blog anda  menjadi berkepala dua lebih tepatnya  membuat header menjadi 2 kolom. Ini dia Tutorial nya!!!

1. Pertama sobat login ke akun blog sobat
2. Klik rancangan--> edit HTML
3. Jangan centang kotak expand template widget
4. Cari kode css yang mirip di bawah ini:

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor;
height:190px;
}
#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}
#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}
5. Ganti kode di atas dengan kode berikut.

#header-wrapper{
width:980px;
padding:20px 0 0 0;
background:#000000;
margin:0 auto;
border:;}

#header-inner{
background-position:center;
margin-left:auto;
margin-right:auto}

#header{
float:$startSide;
width:400px;
margin:0 auto;
border:0px solid $bordercolor;
text-align:left;
color:$pagetitlecolor
}

#header2{
float:$endSide;
width:400px;
margin:0 auto;
text-align:left;
}

 ket : width nya bisa di ubah ke PERSEN (%)

6. Scroll ke bagian bawah, dan temukan kode yang mirip seperti ini 

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog (Header)' type='Header'/>
</b:section>

Fokuskan pencarian pada kode <div id='header-wrapper'>
7. Ganti kode di atas dengan kode berikut:

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog(Header)' type='Header'/>
</b:section>
      <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>
<div style='clear:both;'/>
      </div><!-- end header-wrapper -->

8. Klik simpan perubahan

9. Langkah terakhir, klik ELEMEN LAMAN dan lihat bila sudah menjadi 2 kolom.

Selesai
Selamat mencoba & semoga dapat membantu anda!!

Sumber : http://christiantatelu.blogspot.com/2011/10/cara-membagi-header-menjadi-2-kolom.html

Artikel Terkait

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
thumbnail Judul: CARA MEMBAGI 2 KOLOM HEADER
| Twitter | Facebook Page
Published :22 Des 2013 Jam 12.42
Rating: 4.5 Reviewer: 7
Silakan jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi tulisan ini. Terima kasih sudah singgah serta membacanya, Semoga tulisan ini bermanfaat bagi sobat Blogger Copast semuanya amin.

Pin It

Silahkan tentukan pilihan komentar anda!



atau

3 komentar:

  1. Mantaaap sob artikelnya, kereeen :)
    Ijin share http://apotekherbalkita.com/obat-tradisional-asma/
    http://apotekherbalkita.com/
    http://grosiracemaxstasik.com/
    http://pengobatanalamimustajab.com/

    BalasHapus
  2. terimakasih infonya gan
    http://ramuantradisionalkita.com/pengobatan-tradisional-torsio-testis/

    BalasHapus
  3. thanks ka infonya sangat membantu :)
    http://obatacemaxsid.com/obat-tradisional-darah-tinggi/

    BalasHapus

Komentar anda dimoderasi, Kata-kata yang kurang baik tidak akan saya tampilkan atau saya hapus Terima kasih

Pengikut

Statistik

Page Rank
blogger-copast.blogspot.com Webutation

ping fast  my blog, website, or RSS feed for Free Blog Directory & Search engine blog search directory Personal Blogs - Blog Rankings Technology Blogs Blog Directory My Zimbio My Ping in TotalPing.com I ♥ Validator GeoURL Blogger Copast Yahoo bot last visit powered by MyPagerank.Net Msn bot last visit powered by MyPagerank.Net Personal - Top Blogs Philippines Blog Search: The Source for Blogs
Link Centre Directory and Search Engine
Active Search Results blogger-copast.blogspot.com trustrank blogger-copast.blogspot.com Real PageRank

http://blogger-copast.blogspot.com$3,065$3,065How much is yours?

Waudit score SEO Reports for blogger-copast.blogspot.com Top SEO Sites Blogarama - The Blog Directory IndoUrl - indonesian directory, webmaster friendly
blogger-copast.blogspot.com CoolSocial.net Badge
dirbit.com free search engine submission Link Exchange with BLOGGER COPAST how to create a website AskDirectory.com - FREE Web Directory Blog Directory Blog Search Links Exchange Blog Directory | Submit to Directories and Promote your Blogs Frety Webengine bloggercopast's Profile on Ping.sg  Ping Url ping.sg - the community meta blog for singapore bloggers blogger-copast.blogspot.com-Google pagerank and Worth Personal Blogs
Online Marketing
Feedage Grade B rated
eXTReMe Tracker
Amfibi Web Search & Directory Sistema Enlaces Reciprocos Search Engine Submission and Marketing Services ExactSeek: Relevant Web Search waplog
blognation.com
Submit Blog Directory Situs Monitor Backlinks Site Meter

Enter your email address:

Delivered by FeedBurner