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 »

FREE WEB HOSTING

Web Hosting adalah sebuah perusahaan jasa penyedia penitipan data. Penitipan data ini sangat penting bagi para pemilik website, karena ia tidak perlu menyediakan server sendiri yang harus online setiap saat. Data-data di websitenya cukup di upload di server penyedia jasa web hosting. Banyak sekali perusahaan web hosting namun sayangnya harga sewanya masih cukup mahal. Jika ada yang murah pun kapasitas simpannya rendah atau aksesnya lambat. Bagi pemilik website untuk tujuan komersial harga yang mahal tidak menjadi masalah karena dari webnya akan mendatangkan keuntungan yang lebih besar. Tetapi bagi pemilik website untuk tujuan sosial tentu hal ini menjadi masalah tersendiri. Oleh karena itu ada beberapa perusahaan penyedia jasa penitipan data yang memberikan fasilitas penitipan secara gratis seperti OOOwebhost.com , Ziddu.com dan lain-lain. ooowebhost.com adalah sebuah perusahaan webhosting yang dengan sukarela memberikan ruangan penyimpanan data secara gratis tanpa pembayaran te
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 »