Selasa, 02 November 2010

Sungai Penuh Online : Menambah Tiga kolom elemen di bawah header

Halo semua... salam blogger. sekarang bagaimana menambah tiga kolom elemen dibawah header. r. untuk membuatnya ikuti langkah-langkah di bawah ini.

  • Log in dulu ke blogger
  • Tata Letak
  • Edit HTML
  • Beri tanda centang pada kotak kecil kanan atas
  • Kemudian cari kode ]]></b:skin> dan
  • Letakkan kode di bawah ini datas nya

    /* Top Header
    ---------------------------- */
    #topheader {
    width:930px;
    clear:both;
    float:left;
    color:#333;
    background:#fff;

    margin:0 auto;
    padding:0 0 10px;
    }


    #topheader a:visited {
    color:gray;
    text-decoration:none;
    }

    #topheader h2 {
    font-size:11px;
    font-weight:700;
    line-height:1.4em;
    text-transform:uppercase;
    border-bottom:1px dotted silver;
    margin:0 0 10px;
    padding:20px 0 2px;
    }

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

    #topheader ul li {
    list-style-type:none;
    background:fff;
    border-bottom:1px dotted #ccc;
    padding-left:17px;
    margin-top:2px;
    }

    #left-topheader {
    width:360px;
    float:left;
    padding-left:15px;
    }

    #center-topheader {
    width:230px;
    float:left;
    padding:0 20px;
    }

    #right-topheader {
    width:260px;
    float:right;
    padding-right:15px;
    }

    silah anda modifikasi susai dengan lebar kolom tamplate anda.
  • Kemudian kita akan membuat id untuk properti elemen yang baru saja ditambahkan. cari kode ini
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
    </b:section>
  • Kemudian tambahkan kode di bawah ini persis dibawah nya
    <div id='topheader'>
    <b:section class='topheader' id='left-topheader' preferred='yes'/>
    <b:section class='topheader' id='center-topheader' preferred='yes'/>
    <b:section class='topheader' id='right-topheader' preferred='yes'/>
    </div>
  • Simpan tamplate Sobat dan lihat hasilnya. mau gak??
Selamat mencoba.........Jangan takut gagal hmmm.Salam Blogger

Artikel yang berkaitan




1 komentar:

Anonim mengatakan...

Against three SPGs and an even more, but now guests can relax mutants genetic gladiators free gold in the building which is pretty impressive!
If anyone thinks otherwise, let alone, 730, 000 women experiencing domestic violence services in 2009.

Elephant, Masai MaraDay 8 Masai Mara part 2, 431 the highest dunes in the clash meanwhile, find themselves homeless as Vinnie tries to
convince Shirley she's making a terrible mistake throwing away their relationship.

And with this Leopard track though, since a Black Prince is
interrupted with only 4 hp!

Here is my blog post: mutants genetic gladiators cheats

TERIMA KASIH ATAS KOMENTAR DAN KUNJUNGAN ANDA

Posting Komentar



Bagi yang ingin belajar PHP / HTML / MySQL Dan ingin membuat WEBSITE SENDIRI dengan sangat Mudah dan Murah sambil langsung praktek, Saya rekomendasikan anda belajar DI SINI atau DI SINI «« di klik biar situsnya keluar, 4 langkah Mudah dan 3 langkah JITU Murah dan Mudah Membuat WEBSITE. D12UL. D12UL


Twitter Delicious Facebook Digg Favorites More