Skip to main content

MEMBUAT TEMPLATE 3 KOLOM

Template yang akan pakde bahas kali ini adalah template untuk blogger. Secara default template blogger hanya 2 kolom. Saking baik hatinya blogger, walaupun gratisan pengguna diijinkan mengutak-atik template yang ada atau bahkan membuat template sendiri sesuai selera. Bagaimana mengubah template 2 kolom menjadi 3 kolom ? Ikuti langkah berikut :

Di sini adalah contoh mengubah template minima 2 kolom menjadi 3 kolom.
  • Silahkan login menggunakan akun sobat.
  • Pada dashbor blogger plihlah Layout, selanjutnya pilih template
  • Kemudian pilih Edit HTML. Pilih full download terlebih dahulu untuk memback-up template sobat, jika nanti ada masalah dengan template yang baru.
  • Jangan lupa klik Expand widget. Selanjutnya cari kode template yang di cetak tebal di bawah ini :

</div>#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

  • Copy dan paste di baris paling bawah sehingga menjadi :

#main-wrapper {

width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 150px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


  • Gantilah width :150 px dan float : left atau sobat bisa memberikan nilai width sesuai selera asalkan diperhitungkan dengan lebar keseluruhan template.
  • Berikutnya adalah mengubah layout editor. Carilah kode berikut :

/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

  • Tambahkan dibawahnya kode berikut ini :

body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer {
width: 750px;
padding: 0px;
}

body#layout #main-wrapper {
width: 400px;
margin-left: 20px;
}

body#layout #sidebar-wrapper,
body#layout #newsidebar-wrapper {
width: 150px;
}

  • Sehingga susunannya menjadi seperti berikut ini :
Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}

body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer {
width: 750px;
padding: 0px;
}

body#layout #main-wrapper {
width: 400px;
margin-left: 20px;
}

body#layout #sidebar-wrapper,
body#layout #newsidebar-wrapper {
width: 150px;
}

  • Jika sobat benar akan diperoleh layout editor 3 kolom seperti berikut ini :
  • Selesai semoga berhasil.



Popular posts from this blog

SOAL PSIKOTES

 TES PAPI ( Perception and Preference Inventory ) Ini adalah pengalaman pertama pakde karyo mengikuti tes psikotes di UNAIR Surabaya. Tes dilakukan dengan berbagai model pemeriksaan antara lain tes logika penalaran, tes warteg , tes Kraeplien/Pauli , Draw a Man Test (DAM), menggambar pohon, army alpha intelegence test dan PAPI ( Perception and Preference Inventory ) . Dalam mengerjakan soal setiap tahap dipandu oleh petugas dengan cepat sekali. Berikut ini adalah soal tes PAPI. Dalam tes ini anda akan diberikan 90 pasang pernyataan. Jika memilih pernyataan pertama maka cara menjawabnya melingkari anak panah mendatar, namun jika memilih pernyataan kedua maka melingkari anak panah yang arah diagonal.  Ikutilah petunjuk    yang diberikan oleh pemandu. Saya seorang pekerja keras, Saya bukan seorang pemurung Saya suka bekerja lebih baik dari orang lain, Saya suka mengerjakan apa yang sedang saya kerjakan, sampai selesai Saya suka menunjukkan caranya melaksanakan sesuatu hal, S
Lanjut »

SOAL TES PSIKOLOGI TES KORAN

Menyambung postingan pakde karyo sebelumnya mengenai pengalaman mengikuti tes psikologi, kali ini akan di kupas tes berikutnya yaitu tes Kraeplin Pauli, orang biasanya menyebut tes koran, karena bentuknya yang memanjang seperti koran.  Sebenarnya saya tidak tahu apa fungsi tes ini, namun beberapa sumber menyabutkan bahwa tes koran berfungsi  untuk menilai :    Aspek keuletan (daya tahan) - tes ini menguji seberapa ulet seseorang menyelesaikan masalah rumit dan ambigu, dalam tempo yang terbatas, dan bagaimana tingkat konsistensinya. Aspek kemauan atau kehendak individu - Tes ini akan mengukur kemauan dan motivasi seseorang saat mengerjakan hal-hal yang rumit, dari sinilah nampak kekuatan daya juang seseorang. Aspek Emosi - Tes ini mengukur kemampuan seseorang dalam meredam dan mengendalikan diri pada saat sedang mendapat tekanan dalam pekerjaan yang cukup rumit.Hasil tes inilah yang akan digunakan untuk mengukur stabilitas seseorang yang sedang diperiksa. As
Lanjut »

VIRUS REMOVAL THE KILLER MACHINE

Tidak ada antivirus yang paling hebat, karena virus akan selangkah lebih maju dari anti virusnya sendiri. Antivirus sendiri baru dibuat setelah virus ada. Setiap hari selalu lahir varian virus baru, sehingga membuat anti virus yang kita miliki tidak berdaya menghadang kedatangannya. Jika hal ini terjadi, apa yang harus dilakukan ? www.itku.co.cc membahasnya sebagai berikut : Pembuat virus memang sangat kreatif, agar virus dapat melenggang dengan aman di komputer biasanya ia akan melumpuhkan antivirus yang ada terlebih dahulu. Dengan demikian antivirus ibarat macan ompong yang tidak bisa berbuat apa-apa. Tapi sobat tidak perlu khawatir, karena masih ada jurus jitu untuk membuat virus mati kutu yaitu kita musnahkan dengan virus removal the killer machine. Apa itu The Killer Machine ? The Killer Machine merupakan tool removal yang dapat membunuh/menghapus hampir semua jenis virus/trojan (baik varian yang telah ada atau varian yang terbaru). tool ini dapat mencari dan menghapus
Lanjut »