Rabu, 16 Januari 2013

Cara Membuat Tiga Kolom Widget Dibawah Header

Cara Membuat Tiga Kolom Widget Dibawah Header ini sudah tidak ada uraian khusus lagi, cara membuatnya juga sama dengan membuat dua kolom widget dan kita langsung saja pada penerapan dari artikel ini, yaitu cara membuat tiga kolom widget dibawah header

Cara Membuat Tiga Kolom Widget Dibawah Header

Berikut Cara Membuat Dua Kolom Widget Dibawah Header
  1. Masuk ke akun blogger anda
  2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
  3. Cari kode ]]></b:skin>
  4. Letakkan kode berikut diatas kode ]]></b:skin>
    #triunderheader {clear:both;} .triwidget {}
  5. Cari kode <div id='main-wrapper'>
  6. Letakkan kode berikut ini tepat diatas kode <div id='main-wrapper'>
    <div id='triunderheader'>
    <div id='kolom1' style='width: 35%; float: left; margin:0; text-align: left;'>
    <b:section class='header' id='kolom1' preferred='yes' style='float:left;'/>
    </div>
    <div id='kolom2' style='width: 35%; float: center; margin:0; text-align: left;'>
    <b:section class='header' id='kolom2' preferred='yes' style='float:center;'/>
    </div>
    <div id='kolom3' style='width: 30%; float: right; margin:0; text-align: left;'>
    <b:section class='header' id='kolom3' preferred='yes' style='float:right;'/>
    </div>
    </div>
  7. Klik Pratinjau terlebih dahulu untuk melihat hasilnya, jika tidak ada error silahkan Simpan Template anda dan lihat hasilnya di Tata Letak
Penting: Setiap template memiliki kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang anda miliki dengan setiap panduan yang anda dapatkan atau sesuaikan setiap kode panduan dengan kode yang ada ditemplate anda

Semoga artikel cara membuat tiga kolom widget dibawah header ini bermnafaat. Jika ada permasalahan dalam memasang kode, silahkan tinggalkan komentar anda di artikel ini, cara membuat tiga kolom widget dibawah header

Cara Membuat Tiga Kolom Widget Dibawah Header Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni

15 komentar:

  1. Mksh info'x gan sangat membantu sekali..

    BalasHapus
  2. sangat bermanfaat sobbb......
    termakasih banget sobb

    BalasHapus
  3. Waduh punya saya tidak ada kode main-wrapper sudah di cari sampai pening gk ketemu foto telanjang artis

    BalasHapus
  4. Thanks info artikelnya bermanfaat,....

    BalasHapus
  5. makasih tutorial membagi widgetnya gan

    BalasHapus
  6. Thanks artikelnya membantu sekali

    BalasHapus
  7. bagus dan bermanfaat artikennya gan,...

    BalasHapus
  8. Thanks info artikel cara membagi header 3 kolomnya bermanfaat,....

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia