"Ubah Cara Kerja Anda,,,,,,,DuDuk Diam,,,,,Uang Datang.....! Dapatkan Keuntungan Yang Berlipat Ganda DEngan Memakai Metode Dan Trik Dari saya......" PESAN SEKARANG JUGA....! Jangan Tunda-Ambil Tindakan Sekarang Juga....!Do It Now...!

 Lupa Password
 Daftar

Selasa, 25 September 2012

Membuat/Menambah Kolom Sidebar Kiri

Share on :

baik sobat pagi kali ini saya akan menjelaskan cara membuat atau menambah kolom sidebar di sebelah kiri cara pembuatan nya sangat simpel dan mudah ko'ga' pakek ribet .
   silahkan disimak cara pembuatan nya..............

Menambah Sidebar Sebelah Kiri-Sebagian ada blogger yang ingin membuat blog mempunyai sidebar sebelah kiri dengan mengedit sendiri. Mengedit template sendiri memang mengasikan. Kalau anda sudah sedikit mengerti dengan edit HTML tentu apa yang akan saya tulis dibawah ini mudah untuk dipahami.
 
agar lebih mudah memahami tutorial ini. Sedebar sebelah kiri dapat digunakan untuk menempatkan widget sesuka anda seperti label atau widget lainnya.
      



        sobat masuk dulu keblogger dengan menggunakan akun sobat,jangan gunakan akun paepal twitter dan sebagainya pasti akan sia sia
         1.pergilah kedasbor
         2.klik menu template edit html lalu lanjutkan
         3.setelah itu centang kolom mungil di sebelah kiri halaman
sekarang kita laihat kode CSS nya sobat cari saja kode CSS  seperti:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; 
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }
setelah itu hapus aja kode tersebut jangan ragu ragu jika sobat mengikuti trik saya ini dengan benar dijamin ga' akan error.

setelah sobat menghapus kode tersebut ganti kode yg sobat hapus tadi dengan kode berikut:

#outer-wrapper {
  width: 910px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 200px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebarkiri-wrapper {
  width:260px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
  }
 tentukan kode yg berwarna merah dengan ukuran template sobat
  sekarang kita membahas tentang halaman body

Cari kode seperti ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>




Tambahkan kode ini diaatasnya
 <div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>
</b:section>
</div>


Menjadi seperti ini

<div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>



lalu save template sobat selesai deh gampang kan,nah untuk melihat hasil editan sobat,sobat klik layout tataletak lihat elemen templat sobat pasti sudah berubah...


   sampai disini dulu palajaran kali ini semoga bermanfaat selamat mencoba................

0 komentar:

Poskan Komentar

Tinggalkan jejak sobat dengan berkomentar dikolom komentar,saling menjalin persahabatan saling berbagi ilmu dan pengetahuan blogger sukses
[para blogger yg bersedia berkomentar di Media Online URL sobat akan Admin masukan ke daftar Blogger Link]


Dengan Quick 3D Cover, anda bisa membuat berbagai macam E-book cover, software box, Chasing CD Cover dalam format tampilan 3 Dimensi yang eklusif dan elegan.

Dengan Internet TV, kita dapat menonton secara langsung lebih dari 5000 siaran di seluruh dunia pada komputer kita. Dengan software ini kita bisa mendapatkan channel siaran televisi dari 112 negara di seluruh dunia. Dan yang terpenting, softwares ini tidak boleh dimiliki oleh anak-anak yang masih dibawah umur, karena terdapat lebih dari 30 buah siaran khusus orang dewasa. Siaran yang dapat kita tonton dari softwares ini bisa dibilang complete; TV Berita, TV Olahraga, TV Pendidikan, Siaran Dewasa, Music TV, Cartoons TV, Movies TV, Games TV, Funny TV, Entertainment TV, TV Selebriti, Lifestyle TV, Fashion TV, Travel TV, Poker TV, Adult TV, Free TV. Karena sangat banyak siaran yang bisa kita tonton, dengan program ini kita dapat menyaring berdasarkan rating saluran, genre, negara, kecepatan bit atau konten. Membuat daftar favorit untuk akses cepat ke saluran TV favorit Anda. Menampilkan dalam mode default biasa atau dalam mode layar penuh. Tidak ada tambahan peralatan yang diperlukan. Update database siaran dapat dilakukan secara otomatis di software ini.
 
MEDIA ONLINE DAN BISNIS
free counters