Tentukan sendiri jalan cerita selanjutnya.

Tentukan sendiri jalan cerita selanjutnya.
SET YOURSELF THE NEXT STORY

Ads : 1 USD forever

This blog started to be written January 11, 2015.
Advertise your products and services here.
With 1 USD then your ad posted in the article forever.
1 USD per article forever.

A story with tens of thousands of articles.

A story with tens of thousands of articles.
life and death, blessing and cursing, from the main character in the hands of readers.

Campaign : Support my book "The ultimate guide to get life on earth as in heaven."

Campaign : Support my book "The ultimate guide to get life on earth as in heaven."
Campaign started October 17, 2015 (45 days)

Your contribution to my campaign

Wednesday, March 4, 2015

Cara membagi header menjadi 2 kolom.


Untuk membuat 2 kolom header biasanya dipergunakan untuk menyimpan iklan, menu share social media, dan lainnya sehingga tampilan blog menjadi lebih gagah, jika ingin membuat dan menambahkan 2 kolom header silahkan ikuti cara dibawah ini dan semoga tutorial saya kali ini bisa membantu keinginannya kawan :

  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari Kode CSS .header-outer (gunakan tombol CTRL + F untuk mempermudahkan pencarian kode)

  7. .header-outer {
     background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;} 

  8. Setelah menemukan kode seperti di atas, block kode tersebut kemudian hapus dan ganti dengan kode dibawah ini

  9. .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
     _background-image: none;
    min-height: 160px;

    #header {width: 45%;
    margin-right: 10px;float: left;
    }
    #tsa-headerbaru {
    float: right;
    width: 47%;margin: 20px 10px 5px 10px;
    padding: 2px;}
    #tsa-headerbaru {margin: 3px;
    }

    Keterangan

    1. min-height: 160px; = Tinggi tampil di header anda adalah sebesar 160px, ganti sesuai selera
    2. width: 47% = Lebar Header kanan atau yang baru ditambahkan dan ada 8% ruang antar header.
    3. width: 45%;. = Lebar Header kiri

  10. Setelah mengatur kode CSS tersebut diatas selanjutnya cari kode dibawah ini:

  11. <div class="region-inner header-inner">

  12. Setelah anda temukan kode  <div class="region-inner header-inner"> tempatkan kode dibawah ini diatas kode tersebut diatas

  13. <b:section class="tsa-headerbaru" id="tsa-headerbaru" maxwidgets="1" showaddelement="yes"></b:section>
  14. Setelah selesai, simpan dan tutup template

  15. Selamat mencoba

sumber : http://ketutjoel.blogspot.com/2013/06/cara-membagi-header-menjadi-2-kolom.html


No comments:

Post a Comment

Related Posts

Related Posts Plugin for WordPress, Blogger...