Skip to main content

Footer 3 Kolom di Template Blogger

footer,kolom,blog


blogging Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangatlah mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.

Sebelumnya saya umumkan bahwa tutorial ini khusus untuk blogger beta (layout), oke langsung saja.

  1. Seperti biasa login ke blogger.com
  2. Kemudian klik “Expand Widget Template”
  3. Lantas save template anda kalau-kalau terjadi kesalahan
  4. Kemudian temukan ini:
<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>


</div>

5. Ganti tag yang berwarna merah dengan script berikut:

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>

</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>


</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>

<p>


<hr align='center' color='#5d5d54' width='90%'/></p>


<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>

<b:widget id='Text2' locked='false' title='' type='Text'/>


</b:section>

</div>

<div style='clear:both;'/>

</div>

6. Save template anda!

Selamat anda telah mempunyai footer 3 kolom di blogger anda. Untuk melihat hasilnya, anda kembali ke “page element” lalu lihat bagian footer, pasti ada 3 tempat untuk menempatkan page element. Nah silahkan anda taruh page element yang anda inginkan di footer 3 kolom blogger blogspot anda.

Semoga bermanfaat dan selamat mencoba.
Labels:

Popular posts from this blog

REVIEW MOTHERBOARD JETWAY TI61M5

Motherboard untuk entertainment PC Dilengkapi dengan dua tembok perlindungan anti petir, Jetway TI61M8 hadir untuk kalangan perkantoran dan usaha kecil. Feature pengaman tersebut mengamankan network port dan chip LAN dari arus listrik berlebih. Sistem perlindungan tersebut bekerja dengan cara mengalihkan arus listrik berlebih ke ground wire. Dengan teknologi ini, Jetway TI61M8 mampu bertahan dari serangan petir hingga kekuatan 9000 volt. Jetway TI61M8 menggunakan chipset H61 yang menggunakan soket LGA 1155. Hal ini membuatnya mendukung penggunaan prosesor Sandy Bridge dan prosesor terbaru dari Intel, yaitu Ivy Bridge. Chipset H61 dikembangkan oleh Intel untuk tujuan multimedia dengan memanfaatkan keunggulan tampilan grafis Sandy Bridge, yaitu Intel HD 3000. Feature yang disematkan pada chipset H61 memang tidak selengkap chipset Z68, namun chipset tersebut sudah mencukupi kebutuhan perkantoran. Jetway TI61M8 mendukung penggunaan memory dengan clock hingga 1600 ...
Read more

Belajar Query Di Delphi

Tutorial kali ini akan dibahas bagaimana membuat aplikasi sederhana berbasis database menggunakan delphi ,, karena di Indonesia kebanyakan program yang sering diminta adalah berbasis database.mari kita belajar,,,, Perlu diketahui dalam tutorial Kali ini adalah tutorial lanjutan dari sebelumnya,,, untuk pembuatan database silahkan klik disini dan untuk lainnya disini,, Query merupakan perintah yang diberikan kepada database sebagai usaha untuk memanipulasi data. Query biasanya berupa perintah untuk menampilkan/mencari data, mengubah data, dan menghapus data. Berikut ini adalah contoh aplikasi yang menggunakan query untuk pencari data dengan menggunakan Delphi dan bagaimana cara membuatnya. Aplikasi tersebut digunakan untuk mencari data mahasiswa yang memanfaatkan tabel MHS yang telah dibuat sebelumnya. Gambar 4.1 merupakan tampilan aplikasi saat dijalankan. Pada gambar tersebut, terdapat kategori pencarian data yaitu berdasarkan NIM, nama mahasiswa, angkatan, dan alamat. Da...
Read more

Komponen TAB ADDITIONAL Delphi (BitBtn)

Komponen TAB ADDITIONAL Delphi (BitBtn): Pada Kesempatan ini kita akan membahas penggunaan beberapa komponen yang terdapat di Tab Additional pada Komponen Palette . Seperti halnya pada Tab Standart yang menyediakan komponen komponen yang siap pakai, pada Tab Additional juga menyediakan komponen yang siap pakai, namun di Tab Additional, komponen-komponen yang ditampilkan lebih Variatif, sehingga lebih membebaskan kita untuk memilih dan menggunakan komponen yang dibutuhkan dalam sebuah program . Seperti gambar diatas yang menampilkan Tab Additional berisi banyak sekali komponen yang dapat digunakan baik yang berupa Visual maupun Non Visual .Untuk lebih memperjelas pengertian tentang penggunaan komponen-komponen yang terdapat pada Tab Additional berikut disajikan contoh program yang menggunakan komponen-komponen tersebut. Contoh Latihan Pada program yang pertama ini anda akan membuat sebuah program yang menampilkan bentuk-bentuk yang dapat dihasilkan oleh komponen BitBtn ...
Read more