Monday, 19 January 2015

cara menambah widget disamping header

 Widget yang terletak tepat disamping kanan header, sehingga header menjadi 2 bagian.

 ada 2 widget. 1 widget header yang bertuliskan judul blog, dan yang kedua widget kosong, yang bisa kita isi dengan gadget apa saja. Widget Header akan di perkecil lebarnya, agar widget buatan dapat ditempatkan disampingnya, dengan ukuran yang disesuaikan dengan lebar halaman blog. Header yang awalnya hanya ada 1 widget, dibuat menjadi 2 bagian, header kiri dan kanan. Untuk lebih jelasnya, Ikuti langkah-langkah dibawah ini.

Cara menambah widget disamping header.

  1. Login ke blogger. Dari halaman dasbord pilih pengaturan Template.
  2. Selanjutynya Klik edit HTML, dan cari kode .header-outer { . Kode lengkapnya.
  3. .header-outer {
      background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
      _background-image: none;
    }
    Ganti semua kode diatas dengan kode dibawah ini.
    .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 104px;}
    #header {
    width: 40%;
    margin-right: 10px;float: left; }
    #headerkanan {
    float: right;
    width: 54%;
    margin: 20px 10px 5px 10px;
    padding: 2px;}
    #headerkanan .widget {margin: 3px;}
  4. Keterangan: 
  5. .header-outer { pada bagian height: 104px(untuk mengatur tinggi  header).
     #header { pada bagian width: 40%; lebar header kiri.
    #headerkanan { pada bagian width: 54%; lebar header kanan. dan margin: 20px 10px 5px 10px; posisi atas-bawah header kanan.
  6. Selanjutnya. Cari kode <div class='region-inner header-inner'> dan tambahkan kode berikut disamping kanannya.
  7. <b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
  8. Keseluruhan kode menjadi.
  9. <div class='region-inner header-inner'><b:section class='headerkanan' id='headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
  10. Selanjutnya Save template. Selesai. 
Dengan menambahakan widget disamping header, kita dapat menghemat penggunaan halaman blog dan juga bisa membuat tampilan blog semakin menarik. Widget disamping header bisa kita tambahkan dengan Tombol Share, iklan, tombol search atau widget yang lainnya sesuai dengan yang kita inginkan. Semoga Bermanfaat.
Share this article with your friends
Anda sedang membaca artikel tentang cara menambah widget disamping header dan bila berkenan Anda bisa share artikel cara menambah widget disamping header ini dengan tombol share di bawah. Bila Anda bermaksud COPAS artikel cara menambah widget disamping header untuk diposting di blog Anda, mohon untuk meletakkan link cara menambah widget disamping header sebagai Sumbernya dengan mengcopy kode di bawah ini.

Penulis: arfan

Artikel cara menambah widget disamping header , ditulis oleh arfan pada Monday, 19 January 2015 . Semoga artikel ini dapat menambah wawasan kalian. Jika kalian ingin menyebarkan postingan dari arfan mohon dengan sangat untuk mencantumkan sumber. Terima Kasih

No comments :

Emoticon

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))

Post a Comment

bagi pengunjung wabseit ini diharapkan silakan meninggalkan jejak komentar di wabseit ini,dengan peraturan :

1.diusahakann berkomentar sesuai dan berkaitan dengan artikel di postingan ini.
2.jika pengunjung ingin berkomentar yang lain dari isi postingan tersebut silakan gunakan kata (oot) di belakang kalimat komentar.
3.dilarang berkomentar dengan lingk aktif

Visitor

Flag Counter

Total layangan laman

Translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified