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

Postingan populer dari blog ini

MANAJEMEN KOPERASI TENTANG POAC

POAC (PLANNING, ORGANIZING, ACTUATING AND CONTROLLING) Menurut The Contemporary Bussiness Dictionary, manajemen mempunyai dua makna, yaitu pertama, proses perencanaan, pengorganisasian, pelaksanaan, dan pengawasan perusahaan untuk mencapai sasaran tertentu; kedua, para pemimpin perusahaan. Fungsi-Fungsi Manajemen Koperasi Dari literatur dapat dibaca pengertian tentang manajemen yang satu berbeda dengan yang lain, namun intinya sama. Pada hakikatnya manajemen dapat disimpulkan sebagai suatu rangkaian tindakan sistematik untuk mengendalikan dan memanfaatka segala faktor sumber daya untuk mencapai suatu tujuan tertentu. Maka ada dua unsur utama yang terdapat dalam pengertian manajemen, yaitu unsur pengendalian dan unsur pemanfaatan sumber daya. Fungsi-fungsi manajemen menurut George R. Terry (1964) adalah sebagai : Perencanaan (planning) Pengorganisasian (organizing) Pelaksanaan (actuating) Pengawasan (controlling). Keempat fungsi manajemen tersebut dirinci dan...

Pengertian Wirakoperasi dan ciri-cirinya

Wirakoperasi terdiri dari 2 kata, yaitu wirausaha dan koperasi dalam arti “usaha atau perilaku koperasi untuk mengembangkan diri” (Rofke, 1995). Ada pula yang mengartikan “kewirausahaan koperasi adalah suatu sikap mental positif dalam berusaha secara kooperatif dengan mengambil prakarsa inovatif secara keberanian mengambil resiko dan berpegangan teguh pada prinsip identitas koperasi dalam mewujudkan terpenuhinya kebutuhan nyata serta peningkatan kesejahteraan bersama” (Hendar dan Kusnandi dalam Ekonomi Koperasi, 1990). Pengertian wirausaha itu sendiri adalah terjemahan dari Entrepreneur yang berasal dari bahasa perancis yang artinya pengusaha, kemudian para ahli ekonomi mengaitkannya dengan beberapa sifat yaitu menurut (Gautillon, 1975). Kemudian (H Knight, 1921) dengan resiko ketidakpastian (uncertainty) oleh karena itu manusia tidak dapat melihat kemuka dengan sempurna (perfect foresight) kemungkinan memperoleh laba adalah karena resiko, ketidak tentuan ini k...

Tips Menghilang Bau Lemari Piring

Lemari memiliki banyak sekali manfaat. Mulai dari lemari pakaian, lemari untuk menyimpan benda-benda koleksi, lemari piring, lemari aksesoris, dan masih banyak lagi. Namun, terkadang kita juga harus dipusingkan dengan berbagai dengan bau-bauan yang ditimbulkan dalam lemari-lemari tersebut. Untuk lemari baju Anda pasti akan sangat mudah mengatasinya karena Anda dapat menggunakan pewangi khusus untuk lemari pakaian tetapi bagaimana jika lemari piring Anda yang mengeluarkan bau?Tidak mungkin juga jika Anda akan menggunakan pewangi lemari lainnya karena dapat membuat piring yang merupakan alat makan menjadi terkontaminasi. Karena itu berikut tips mudah menghilangkan bau lemari piring Anda. 1. Gunakan arang Gunakan arang yang sudah dihancurkan kasar dan tempatkan pada mangkok kecil kemudian letakkan dalam lemari karena ternyata arang dapat menghilangkan bau lemari piring Anda. 2. Gunakan kopi Hampir sama dengan menggunakan arang. Anda dapat menggunakan bubuk kopi yang Anda tempa...