Menambah Kolom Elemen di Bawah Posting

Posted by Zulfan Heri on Sabtu, 29 Oktober 2011


Menambah kolom elemen di bawah posting itu lah topik kita hari ini. karna posting sebelumnya membahas tentang design tamplate yaitu:




Nah biar lebih complate sekarang bagai mana pula cara untuk menambah kolom elemen dibawah posting. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.


  1. Seperti biasa Log in dulu ke blogger
  2. Tata letak
  3. Edit HTML
  4. Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan.
  5. Beri tanda centang di kotak kecil atas
  6. Kemudian cari kode

  • #main-wrapper {
    width: 410px;
    float:$startSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
  • Tambahkan kode berikut di bawah kode tadi
    #mainbottom {
    background:#ffffff;
    border:1px solid #0B610B;
    margin:0 0 0.5em;
    padding:0.5em;
    }
  • Sekarang kita membuat id untuk mainbottom tersebut. Cari kode ini:
    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    </div>
  • Sisipkan kode berikut di bawah </b:section>
    <b:section class='main' id='mainbottom' showaddelement='yes'/>
  • sehingga menjadi seperti ini
    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    <b:section class='main' id='mainbottom' showaddelement='yes'/>
    </div>
  • Sekarang simpan tamplate anda dan lihat hasilnya
Selamat Mencoba Semoga Bermanfaat.. Jangan Lupa Coment Yah... Heheheh :)
Masih Newmbie..

Penulis : Zulfan Heri ~ Share All Tutorial, Tips, Tricks About Blog and SEO

Artikel Menambah Kolom Elemen di Bawah Posting Ini Diposting Oleh Zulfan Heri. Terimakasih Atas Kunjungan Anda Serta Kesediaan Anda Membaca Artikel Ini. Kritik Dan Saran Dapat Anda Sampaikan Melalui Kotak Komentar. Kebijakan Dan Privasi

:: Dodol Blog ::

{ 13 comments... Read Them Below or add one }

erfan setiawan mengatakan...

Wah... Nice Share.. Numpang Seot Gan.. Heheh :)

Oidre mengatakan...

Heheh.. Sep-Sep... Tink Qiu...

Denny Riyono mengatakan...

Thanks... sangat membantu

Muhammad Hasyim mengatakan...

thanks,,,,

bekamsamarinda.com mengatakan...

makasih infonya

Jagad Misteri mengatakan...

MAKASIH INFONYA GAN ...

Cak Majid mengatakan...

Nyasar kemari pakai kk "membuat kolom dibawah postingan"
Makasih
(admin www.alatbekam.net)

Gus Eko mengatakan...

ok.gan info yg sangat menarik blog agan juga menarik mempunyai post yg besar....

slm suksek smga blog nya makin rame,jika agan berkenan mampir ke gubug ane,
http://mediaonlen.blogspot.com

dino prima mengatakan...

makasih gan atas infonya... sangat bermanfaat...

Vander Elvisyah mengatakan...

thank's infonya gan...
kunkung balik ya...

Vander Elvisyah mengatakan...

thank's infonya gan...
kunkung balik ya...

EXPO CPNS BUMN mengatakan...

Makasih bgt bro info nya, sangat bermanfaat saya. hehe
Jangan Lupa mampir ke blog EXPO Lowongan Kerja Terbaru ane ya Lowongan Kerja PT. INKA Multi Solusi

Eko Hari Santoso mengatakan...

hahayyy mantaf gan,,, berhasil... lebar ternyata otomatis menysuaikan elemen halaman posting ya,,, kirain tadi kok gak ada width brp? tksh gan

Posting Komentar

Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar

Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..