rss

Sabtu, Juli 4

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 :

Related Article:

Related Website

6 comments:

admin on Sabtu, Juli 04, 2009 9:34:00 PM mengatakan...

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

blog yos

Free Download Software and games on Minggu, Juli 05, 2009 6:19:00 AM mengatakan...

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

healthy mouth and teeth on Minggu, Juli 05, 2009 6:47:00 PM mengatakan...

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

Risal on Senin, Juli 06, 2009 5:00:00 PM mengatakan...

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

bidkCOM on Kamis, Juli 09, 2009 4:02:00 AM mengatakan...

mantap dech tutorialnya, bisa dijadikan panduan dalam memodifikasi template

alone_ranger on Jumat, Juli 17, 2009 12:48:00 AM mengatakan...

wah mantab,, makas sob,,


Posting Komentar

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

Cari Blog Ini

Yahoo bot last visit powered by  Ybotvisit.comMsn bot last visit powered by MyPagerank.Net Page Rank Add to Technorati Favorites Add to Technorati Favoritesblogarama - the blog directory Webmaster-Resources.com.ru Subscribe with Bloglines Literature Top Blogs Blog Directory Directory of Science Blogs Blog Directory ReadABlog.com Blog Search Engine Top 10 Bertuah Join My Community at MyBloglog! ngeblog,internet,software,hardware,laptop,komputer,hacking cracking,tips dan trik serta program Bisnis online Personal Blogs - BlogCatalog Blog Directory RSSMicro FeedRank Results Find broken links on your website for free with LinkTiger.com My Ping in TotalPing.com

Free Blog Counter

Direktori Indonesia - Indonesian free listing directory, SEO friendly free link directory, a comprehensive directory of Indonesian website. blogarama.com TopOfBlogs Add to Technorati Favorites

Dofollow Backlinks

free counters

KampungBlog.com - Kumpulan Blog-Blog Indonesiablog-indonesia.com
 

Masukkan Alamat e-mail kamu untuk mendapatkan Postingan Terbaru langsung di email kamu GRATIS:

Dikirim by FeedBurner

Pengikut

Gadget

Konten ini belum tersedia melalui sambungan terenkripsi.