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.

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.
  • 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'>



2clm2_zpsabdb0ced



Hasilnya seperti gambar berikut



2clm1_zpsde0ee089




  • Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.



Semoga Tutorial diatas bisa berguna dan bermanfaat bagi antum semua...

Label:

Postingan populer dari blog ini

3 Golongan Besar Umat Islam

Ada tiga tipe umat terkait sikap mereka terhadap Alquran: dhalimun linafsih, muqtashid, dan saabiq bil khairaat. (1) Dhalim linafsih : Artinya orang yang menganiaya diri sendiri, yaitu mereka yang meninggalkan sebagian amalan wajib dan melakukan sebagian yang diharamkan. Seperti, orang menjalankan salat tetapi korupsi, menjalankan saum Ramadan tetapi suka riya, pergi salat Jumat tetapi menggunjing orang, membayar zakat tetapi menyakiti tetangga, membelanjai istri tetapi juga menyakitinya, berhaji tetapi menzalimi karyawan. Pendek kata, dhalimun linafsih adalah orang yang terpadu dalam dirinya kebaikan dan keburukan, yang wajib kadang ditinggalkan, yang haram kadang diterjang. (2) Muqtashid : Artinya orang pertengahan, yaitu mereka yang menunaikan seluruh amalan wajib dan meninggalkan segala yang haram, walau terkadang masih meninggalkan yang sunah dan mengerjakan yang makruh. Seluruh kewajiban ia penuhi, baik kewajiban pribadi (seperti salat, zakat, puasa, dan haji) maupun kewajiba...
Baca selengkapnya

Dibalik Penggunaan Abu Gosok

Abu gosok dikenal masyarakat sebagai bahan untuk mencuci peralatan dapur yang nodanya susah hilang. Biasanya penggunaannya dibarengi dengan serabut kelapa dan air hangat. Di zaman yang semakin modern saat ini jarang kita temui perempuan atau ibu rumah tangga yang masih memanfaatkan abu gosok, meskipun masih ada sebagian dari mereka di beberapa tempat seperti pedalaman desa yang menggunakannya. Seiring dengan munculnya beberapa produk kebersihan alat rumah tangga yang semakin canggih. Sehingga fungsi abu gosok sebagai pembersih alat dapur jadi bergeser dan tergantikan. Sebenarnya abu gosok ini terbilang alami karena berasal dari limbah pembakaran tumbuhan. Biasanya dari sekam padi. Kandungan kalium yang terdapat di dalam abu gosok inilah yang berperan penting dalam menghilangkan noda membandel pada ketel atau peralatan dapur lainnya. Kalium yang bereaksi dengan air menghasilkan Kalium hidroksida yang bersifat basa sehingga mampu bereaksi terhadap kotoran dan mengangkatnya keluar. ...
Baca selengkapnya

Berbuat Baik Terhadap Orang Lain

Kebajikan itu sebajik namanya, keramahan juga demikian, dan kebaikan itu juga sebaik perilakunya. Orang-orang yang pertama kali akan dapat merasakan manfaat dari semua perbuatan itu adalah mereka yang melakukannya hal tersebut. Mereka akan merasakan buahnya seketika itu juga di dalam jiwa, akhlak, dan nurani mereka. Sehingga mereka pun selalu lapang dada, tenang, serta merasa tenteram dan damai. Ketika kita diliputi kesedihan dan kegalauan dalam hidup, maka berbuat baiklah terhadap sesama, niscaya akan mendapatkan ketentraman dan kedamaian hati. Dengan cara, sedekahilah orang yang fakir, tolonglah orang yang terdzalimi, ringankan beban orang yang menderita, berilah makan orang yang kelaparan, jenguklah orang yang sakit, dan bantulah orang yang terkena musibah, niscaya kalian akan merasakan kebahagiaan dalam semua kehidupan yang kalian jalani. Perbuatan baik itu laksana wewangian yang tidak hanya mendatangkan manfaat bagi pemakainya, tetapi juga orang-orang yang berada di sekitarnya...
Baca selengkapnya