Tfrohm

Sesuai judul nya pada kesempatan kali ini saya akan share Cara Membuat Element Baru di Blogger, apa kegunaan dari Element ? Element berguna untuk meletakkan sebuah widget, widget itu berupa Followers, Popular Post, Blog Archive, DLL. langsung To The Point aja

 Cara Membuat 2 Buah Element Colomn Baru :

• Login ke Blogger, pergi ke Edit HTML 
• Sebelum anda mengedit HTML, ada baik nya anda MemBackUp Template terlebih dahulu.
• Cari kode ]]></b:skin> , Tekan F3 untuk mempermudah pencarian
• Copy kode CSS dibawah ini lalu letakkan di atas kode ]]></b:skin> :

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ) . Anda juga dapat merubah border ( garis tepi widget ) dengan warna. Caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan. Contoh : Kode warna putih = #ffffff

• Kemudian cari kode :

  <div id='main-wrapper'>
  <div id='header'>
  <div id='sidebar-wrapper'>
  <div id='content-wrapper'>
  <div id='bottom'>

jika sudah ketemu dan didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini di Atas  atau di bawah salah satu kode tadi. Itu sesuai dengan penempatan Anda mau diatas atau dibawah. Contoh diatas <div id='main-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Mediablogger2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Keterangan:

<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog. Bisa juga diberi space iklan.
<div id='content-wrapper'> adalah posisi postingan.
<div id='main-wrapper'> adalah posisi halaman utama anda biasanya berukuran lebar 950px. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
<div id='sidebar-wrapper'> adalah posisi sidebar blog.
<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda. 

Pilih salah satu, mau menempatkannya dimana. Apabila mau menempatkan 2 kolom widget tersebut dibanyak tempat tinggal copy saja kode yang kedua diatas yg ada 50% nya itu, tetapi tidak perlu copy kode yang pertama karena kan sudah ada kode CSS sebelumnya.

Original Post : impoint.blogspot.com