Cara Membuat 2, 3 dan 4 Kolom di Bawah Postingan



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

Bingung Mau nambah tempat gadget atau kolom terutama di bawah postingan. Jangan khawatir karena saya pada kesempatan kali ini akan memposting tentang membuat 2, 3 dan 4 kolom di bawah postingan, sebenarnya artikel kayak gini udah ada di mana-mana namun apa salahnya saya posting dengan persi saya itung-itung nambahin artikel saya dan jikalau ada yang belum tau kan jadi tau. 

Tidak panjang lebar karena bakalan panjang nanti berat lagi loadingnya - langsung saja yah ke pembahasan :

Apa yang mesti sobat lakukan ?
ikuti Tur dibawah ini, he he Tur bagus nian bahasanya...
  1. Tentunya, Login dulu ke Blogger, bukan ke facebook.
  2. Pilih Rancangan-Edit HTML
  3. Centang  (√)  Expand Template Widget.
    Nb : jika takut terjadi kesalahan unduh dulu tamplate anda - untuk jaga-jaga.
  4. Kalau sudah, Anda cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di atas kode ]]></b:skin>

  5. #footer-column-divide
    clear:both;
    }
    .footer-column {
    padding: 10px;
    }

  6.  Berikutnya, cari kode yang mirip seperti kode di bawah ini :
  7.  <div id='footer'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>   
  8. Atau
  9. <div id='footer-wrapper'>
    <b:section class='footer' id='footer' showaddelement='yes'/>
    </div>
  10. Note :
    Biasanya, setiap template memiliki kode yang berbeda-beda.
    Dalam hal ini, jika Anda tidak dapat menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' /> , yang perlu Anda lakukan adalah menambahkan kode berikut di bawah kode =>
    <div id='footer'> atau <div id='footer-wrapper'>.
  11. Untuk membuat footer 2 kolom, letakkan kode berikut :
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 50%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/> </div>

    <div id='footer2' style='width: 50%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div style='clear:both;'/>
    </div>
  12. Jikalau Untuk membuat footer 3 kolom, letakkan kode berikut :
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 33%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 33%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 33%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col3'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>
  13. Dan Untuk membuat footer 4 kolom , letakkan kode berikut :
    <div id='footer-column-divide'>

    <div id='footer1' style='width: 25%; float:left;
    margin:0; text-align:left;'>
    <b:section class='footer-column' id='col1'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 25%; float: left;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col2'
    preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 25%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col3'
    preferred='yes' style='float:right;'/>
    </div>

    <div id='footer4' style='width: 25%; float: right;
    margin:0; text-align: left;'>
    <b:section class='footer-column' id='col4'
    preferred='yes' style='float:right;'/>
    </div>

    <div style='clear:both;'/>
    </div>
  14. Jika sudah di tambahkan, klik tombol Simpan Template, dan lihat hasilnya,
Kalau ada masalah silahkan komentarnya, apalagi kalau berhasih.. he he maklum blog ane kan baru dan ni blog dofollow - komentar agan sangat bermanfaat bagi saya. :D
Bagikan lewat :
Anda sedang membaca artikel tentang Cara Membuat 2, 3 dan 4 Kolom di Bawah Postingan dan anda bisa menemukan artikel Cara Membuat 2, 3 dan 4 Kolom di Bawah Postingan ini dengan URL http://really-really-good.blogspot.com/2012/03/cara-membuat-2-3-dan-4-kolom-di-bawah.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Cara Membuat 2, 3 dan 4 Kolom di Bawah Postingan ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Cara Membuat 2, 3 dan 4 Kolom di Bawah Postingan sebagai sumbernya.


Artikel lain yang mungkin ingin anda baca!


Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!



Responses

28 Respones to "Cara Membuat 2, 3 dan 4 Kolom di Bawah Postingan"

Bang Kamplenk mengatakan...

Panduan yang sangat lengkap
1 follow telah tertancap..
follow bac ya bro demi silahturahmi

http://riefsaz.blogspot.com

Trims.


13 November 2012 19.58
Abu Alya mengatakan...

Ga berhasil terus nih Om. Hampir semua tutorial ane coba. Rencananya ane mau kasih tambahan 2 elemen di bawah posting pada template saya "Jhony Magstore". Tapi ga bisa2... Bantu donk...


14 Desember 2012 21.40
ade putra mengatakan...

wah, keren artikelnya gan. semoga sukses selalu


3 Februari 2013 13.20
Bahari Bastian mengatakan...

Tutorial nya kurang jelas gan


3 Maret 2013 12.40
sengli kiu mengatakan...

Greetings admin I like your topic, after reading your article very helpful at all and can be a source of reference I will wait for your next article updates Thank you, for sharing sex shop, sex shop semarang, sex toys semarang, alat pembesar penis, vimax asli, obat kuat semarang, boneka sex full body, obat perangsang wanita semarang


20 April 2014 03.04
sengli kiu mengatakan...

Greetings admin I like your topic, after reading your article very helpful at all and can be a source of reference I will wait for your next article updates Thank you, for sharing sex shop, sex shop semarang, obat memperbesar alat vital, obat pembesar penis, vimax asli, sex toys vagina senter, obat penggemuk badan semarang, obat kuat cialis


20 April 2014 03.06
Ruang Dewasa mengatakan...

makasih banyak udah mau share info nya gan,,, obat pembesar penis , Vimax Asli


16 Mei 2014 17.40
Ruang Dewasa mengatakan...

makasih banyak udah mau share info nya gan,,, obat pembesar penis , Vimax Asli


16 Mei 2014 17.41
Galeri Cassanova mengatakan...

Very good post! We are linking to this particularly great content on our website, Keep up the good writing.
(♂) cara mengatasi ejakulasi dini
(♂) obat pelangsing badan
(♂) cara alami memperbesar alat vital pria
(♂) obat peninggi badan
(♂) cara alami membesarkan payudara
(♂) jual obat bius wanita
(♂) vimax asli
(♂) obat perangsang alami


27 Desember 2014 03.56
dewi rina mengatakan...

mantap top infonya...
penghilang tatto


22 Januari 2015 11.27
obat nafsu wanita mengatakan...

terimakasih sudah berbagi ilmu.. sangat bermanfaat sekali bagi saya.obat perangsang pria boneka full body obat bius potenzol viagra vigrx


29 Agustus 2015 21.18

Komentar Sobat Sangat Berarti Bagi Kami

Mohon Berkomentarlah dengan Baik dan Sopan. Maaf, jika ingin menyertakan url (http://) mohon diLINK saja ya. Trims

 
Kembali Keatas Kembali Keatas
© Copyright 2010-2012 Really Really Good All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Really Really Good Powered By Blogger
^_^ Submit | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |

DMCA.com