Langsung ke konten utama

4 kolom footer pada Template TurnOutMag

Menambahkan 4 kolom footer pada template turnout mag

Template Turn Out Magazine merupakan template untuk wordpress dimana setelah diutak-atik oleh BloggerTrick bisa digunakan juga untuk template Blogspot.dimana pada template tersebut banyak fitur-fiturnya seperti READMORE(Auto),2 main kolomn,Banner 468x60,Search Box,Seo Optimized ,Fitur Video dan lain-lain.

Sayangnya pada template tersebut belum terdapat penambahan 4 kolom footer ,yang ada hanya 2 sidebar pada sebelah kanan template. Nah untuk itu Yos mencoba untuk mengotak-atik template tersebut tapi tak menemukan bagian standar dari template yang biasanya ada baris seperti ini

<div id='footer-wrapper'>

Berdasarkan usaha yang terus-menerus dengan mencoba berbagai alternative pilihan berbagai referensi yang banyak ulasannya dibahas di internet “ bagaimana cara menambahkan kolom “ . Akhirnya berhasil juga Yos menambahkan 4 gadget/kolom pada bagian bawah template turnOut Mag ini.saya juga pernah meminta bantuan pada teman-teman blog saya namun rupanya Beliau juga kesulitan juga seperti saya…Lagian salah sendiri kenapa menggunakan template yang nggak standar ya…! he he he

berikut ini langkah-langkahnya :

1.  Seperti biasa login ke blogger.com

2.  Setelah Login lalu ke Kolom Edit HTML

3.  Cari dan Kemudian klik “Expand Widget Template”

4. Lalu copy Semua Kodenya , Ini bertujuan Untuk MengBackup Template Anda Jika Terjadi Kesalahan ,(jangan sampai maksud kita ingin mempercantik blog malah “HANCUR" LEBUR “)

5.  Kemudian masuklah pada bagian  CSS nya dan kita tambahkan script berikut ini kedalamnya.

 

/* bottom
==========
*/

#bottom {
width: 975px;
position: relative;
clear:both;
margin: 0 auto;
color: #000000;
float: left;
background:#FFFFFF;
padding:0;
}

#bottom_1 {
width: 300px;
float: left;
padding:0;
margin:0px 0px 0px 5px;
}

#bottom_2 {
width: 150px;
float: left;
padding:0;
margin:0px 0px 0px 5px
}

#bottom_3 {
width: 210px;
float: right;
padding:0;
margin:0px 0px 0px 5px
}

#bottom_4 {
width: 300px;
float: right;
padding:0;
margin:0px 0px 0px 5px
}

kalau Yos meletakkannya disini sebelum script berikut..

/** BEGIN footer **/
#footer {
    clear: both;
    background-color: #456069;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 0.9em;
}
    #footer a {
        color: #ffffff;
    }
    #footer p {
        padding: 15px 0;
        text-align: left;
        width: 975px;
        margin: auto auto;
    }
/** END footer **/

 

6. Kemudian cari lagi script berikut ini :

<!-- BEGIN footer -->

<div id='footer'>
    <p>Design by <a href='http://www.wpthemedesigner.com/' target='_blank'>ChiQ Montes</a>. Converted to Blogger by <a href='http://bloggertricks.com' target='_blank'>Blogger Tricks</a></p>
</div>
<!-- END footer –>

 

7. Letakkanlah script ini diatas <!-- BEGIN footer --> <div id='footer'>

<div id='bottom'>

<b:section class='sidebar' id='bottom_1'/>

<b:section class='sidebar' id='bottom_2'/>

<b:section class='sidebar' id='bottom_3'/>

<b:section class='sidebar' id='bottom_4'/>

</div>

 

8.   Nah setelah ini cobalah sobat PREVIEW dulu dan disave…Coba liat di PAGE ELEMEN apa sudah bertambah (ada perubahan di kolom bawahnya ).

9.   kalau sobat masih ingin menambahkan gadget lagi dibawah footer,silahkan copy saja script  ini.

awalnya :

<div id='footer'>
    <p>Design by <a href='http://www.wpthemedesigner.com/' target='_blank'>ChiQ Montes</a>. Converted to Blogger by <a href='http://bloggertricks.com' target='_blank'>Blogger Tricks</a></p>
</div>

diganti dengan :

<div id='footer'>

<b:section class='sidebar' id='footer' preferred='yes'>
    <p>Design by <a href='http://www.wpthemedesigner.com/' target='_blank'>ChiQ Montes</a>. Converted to Blogger by <a href='http://bloggertricks.com' target='_blank'>Blogger Tricks</a></p>
</div>

10. Akhirnya selesai juga …semoga berguna ya…kalau ada kekurangan mohon maaf dan ditunggu saran-sarannya. Terimakasih

Artikel lainnya yang berhubungan :

Komentar

  1. hal ini sengaja saya tampilkan ,mungkin ada sobat-sobat yang merasa kesulitan seperti yang saya alami sebelumnya..
    salam

    blog yos

    BalasHapus
  2. hai kawan... lama gag berkunjung nie... hihi2... gudluck...!!

    BalasHapus
  3. thanks for coming....we already add your link,,, waiting for your linkback...

    BalasHapus
  4. pelajaran yg sangat berharga buat sy..mksh sob..

    BalasHapus
  5. mantap dech tutorialnya, bisa dijadikan panduan dalam memodifikasi template

    BalasHapus

Posting Komentar

Silahkan berkomentar ya..saya berharap sobat dapat memberikan saran dan komentarnya disini..Terimakasih.

Postingan populer dari blog ini

Rumah Gadang dan maknanya

Tak adil rasanya kalau saya tak menampilkan artikel tentang Rumah Gadang yang merupakan ciri Khas dari Suku Minangkabau yang banyak makna terkandung didalam bangunan Rumah Gadang ini.Apalagi saya menggunakan nama blog ini ada embel-embel minangnya.

Rumah Gadang merupakan ciri khas Rumah Adat Minangkabau (Sumatra Barat), yang berfungsi sebagai tempat tinggal keluarga besar dan pusat kegiatan orang yang sedarah dan seketurunan dari kerabat matrilinial baik kegiatan ekonomi dan sosial maupun kegiatan budaya, dikepalai oleh seorang Tungganai (Mamak) dan sebagai syarat berdirinya suatu nagari di Minangkabau, dengan arsitektur bentuk atap bergonjong (berbentuk tanduk kerbau).

Rumah Gadang dibangun dengan bergonjong dimana semakin keatas semakin runcing, agar air mudah meluncur dan atap tahan lama walaupun terbuat dari injuk. Gonjong atap Rumah Gadang terdiri dua pola, yaitu gonjong Rumah Gadang Pola Koto Pialang (Aristokrat) terdiri dari 3 gonjong, 3 gonjong kanan , 1 gonjong depan dan 1 gon…

2 Cara Untuk mengembalikan hilangnya menu tab di task manager windows

Suatu saat ada saja kemungkinan Task Manager di komputer kita mengalami kehilangan menu tabnya sehingga yang tampil hanya TASK(processes)nya saja .dimana tab yang lainnya seperti Application, performance,networking dan usersnya tidak tampil ketika mengaktifkan task manager tersebut.Task Manager yang merupakan bawaan windows ini merupakan suatu aplikasi yang menampilkan informasi secara rinci tentang kinerja komputer dan aplikasi yang berjalan, proses dan penggunaan CPU ( Central Prosessing Unit ) , melakukan informasi muatan dan memori, aktivitas jaringan dan statistik, log-in pengguna, dan sistem pelayanan. Task Manager juga dapat digunakan untuk menetapkan prioritas proses, prosesor affinitas, secara paksa menghentikan proses, dan mematikan, Aktifkan Ulang, hibernasi atau log off dari Windows.Biasanya kalau menu tab pada task manager ini hilang disebabkan oleh virus yang bisa dikembalikan bisa dengan 2 cara yang saya ketahui ,yaitu :1. Melalui GPEDIT  ,langkahnya seperti dibawah ini…

CMOS CHECKSUM BAD atau selalu setting BIOS setiap menghidupkan Komputer

Seiring dengan kita terus menggunakan komputer PC atau Laptop kita lambat laun ,adakalanya akan tampil saat booting ada pesan kalau kita harus menekan tombol F1 untuk run setup atau F2 untuk ke posisi default setinggan BIOS. Namun nyatanya setelah kita menyetting ulang konfigurasi BIOS ,setelah kita mematikan komputer dan ketika menghidupkan PC/Laptop lagi akan tampil posisi semula kembali. Bingung bagaimana solusinya ? sebaiknya diteruskan membacanya. he he he..biar tuntas semuanya.Kita kenali dulu apa itu BIOS ? = Basic Input Output System, merujuk kepada kumpulan rutin perangkat lunak yang mampu melakukan hal-hal berikut:Inisialisasi (penyalaan) serta pengujian terhadap perangkat keras (dalam proses yang disebut dengan Power On Self Test, POST) Memuat dan menjalankan sistem operasi Mengatur beberapa konfigurasi dasar dalam komputer (tanggal, waktu, konfigurasi media penyimpanan, konfigurasi proses booting, kinerja, serta kestabilan komputer) Membantu sistem operasi dan aplikasi dal…