Langsung ke konten utama

Membuat Dua Kolom Widget di Blogspot

Kadang template yang kita gunakan tidak sesuai dengan keinginan kita, misalnya kolom widget yang disediakan hanya ada satu padahal kita membutuhkan yang dua kolom, Tutorial kali ini saya buat untuk para blogger yang ingin Membuat Dua Kolom Widget di Blognya.

Dua Kolom Widget / Gadget

Untuk mempercantik blog dengan susunan gadget yang sesuai dengan keinginan Sobat, dalam hal ini jumlah kolom widget, Sobat dapat membuatnya sendiri dan terserah mau meletakkannya dimana, bisa di bawah posting, di atas posting, di bawah header, di dalam sidebar, di bagian footer ataupun di lain tempat.

Berikut Cara Membuat dua Buah Elemen Gadget/Widget :
  • Login Blogger Sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
  • Letakkan script berikut ini diatas ]]></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.
  • Kemudian cari kode
    •   <div id='main-wrapper'>
    •   <div id='content-wrapper'>
    •   <div id='header'> atau <div id='header-wrapper'>
    •   <div id='sidebar-wrapper'>
    •   <div id='bottom'>
    Keterangan :
    *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
    *<div id='content-wrapper'> adalah posisi postingan.
    *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
    *<div id='sidebar-wrapper'> adalah posisi sidebar blog.
    *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
    Silakan pilih salah satu, mau menempatkannya dimana.
  • Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini
    <div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div>
    <div style="clear: both;"> </div></div>
    Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.
    *Sebagai contoh saya letakkan dibawah kode <div id='main-wrapper'>
    Dua Kolom Widget / Gadget
    *Hasilnya seperti gambar berikut
    Dua Kolom Widget / Gadget
  • Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.
Semoga Tutorial diatas bisa berguna dan bermanfaat...

Komentar

Postingan populer dari blog ini

ILMU TEKNIK : Jenis Kikir, Bagian Kikir beserta Cara Pemegangan dan Posisi Pengikiran yang Benar

Nama Bagian dan Bentuk Kikir Mengikir adalah salah satu dari banyak macam kerja bangku yang penting dan juga sulit untuk mencapai hasil yang tepat. Pada umumnya untuk pekerjaan-pekerjaan yang sederhana mengikir akan lebih ekonomis, baik biaya maupun waktunya, dibandingkan dengan menggunakan mesin-mesin modern. Kikir terbuat dari baja karbon tinggi yang ditempa, dan dibedakan menurut panjang, bentuk penampang, jenis dan kekasaran gigi pemotongnya Bentuk penampang kikir yang sering digunakan pada pekerjaan logam adalah bentuk rata, segi empat, segi tiga, bulat, setengah bulat, bujur sangkar, dan ellip. Jenis Gigi Kikir Kikir dapat diklasifikasikan menjadi dua jenis berdasarkan pada jenis gigi pemotongnya, yaitu kikir bergigi tunggal dan kikir bergigi kembar/dua. Kikir dengan gigi potong tunggal digunakan untuk pemotongan benda kerja secara halus. Artinya pemotongan tidak dapat dilaksanakan secara tepat, tetapi hasil pengikiran pada permukaan benda kerja menjadi lebih halus. Kikir bergigi...

ILMU TURBIN : Pengertian dan Komponen Turbin Gas

Pengertian dan Komponen Turbin Gas Turbin gas merupakan sebuah mesin atau alat pembangkit yang memanfaatkan ekspansi gas berkecepatan tinggi yang akan mendorong sudu-sudu sehingga menghasilkan gerakan putar pada rotornya. Putaran pada rotor ini lah yang nantiya digunakan untuk menggerakkan generator listrik. Media kerja yang digunakan oleh turbin gas yaitu udara atmosfir. Udara atmosfir ini akan dihisap oleh kompressor dan akan dimampatkan hingga mendapatkan tekanan tertentu. Pada umumnya tekanan akhir pada sudu kompresor mencapai 30 kali dari tekanan inlet kompresor. Selanjutnya udara bertekanan ini akan masuk difuser untuk ditingkatkan kembali tekanannya.  Udara bertekanan dari kompresor akan diteruskan masuk ke area pembakaran atau combustion chamber, pada bagian ini bahan bakar akan diinjeksikan sehingga memicu terjadinya pembakaran bahan bakar. Pembakaran ini mengakibatkan ekspansi di udara sehingga volume dan temperaturnya meningkat juga. Adanya kenaikan suhu udara hasil pemb...

ILMU DESAIN : DESAIN MESIN PENGAYAK PASIR DENGAN AUTODESK INVENTOR 2016

Capek harus mengayak pasir secara manual ? terasa lama ? Ini dia solusinya Mesin Pengayak Pasir, mesin ini didesain khusus untuk mengatasi masalah saat proses pengayaan pasir. Mesin pengayak pasir ini mampu mempercepat proses pembangunan rumah anda dll. Kami menyediakan desain mesin pengayak pasir, pendesainan ini mengunakan bantuan program autodesk inventor 2016. Jika anda berminat mendapatkan desain mesin pengayak pasir diatas maka anda cukup menghubungi kami via INSTAGRAM  @iteknik_official