Senin, 09 Maret 2015

all in one

all in one

Cara Menambah 3 kolom elemen baru di atas footer blog

Posted: 09 Mar 2015 02:36 AM PDT

sobat blogger, kali ini saya akan memberikan tips atau Cara Menambah 3 kolom elemen baru di atas footer blog. kemarin sempat bingung ingin nambahin 3 kolom add elemen di blog http://rajahitam10.blogspot.com. dan sekarang saya sudah menemukan caranya dan berhasil diterapkan.

nah, sahabat sekalian. tips atau Cara Menambah 3 kolom elemen baru di atas footer blog sudah banyak diulas oleh blogger yang berkompeten lainnya. namun saya coba mempostingnya agar saya bisa mempraktekkannya lagi nanti.

beginilah Cara Menambah 3 kolom elemen baru di atas footer blog yang berhasil saya praktekkan.

1. pada blog yang saya edit sudah terdapat add elemen tetapi hanya 1 kolom saja. mungkin untuk template yang lain sedikit berbeda peletakannya.

2. login ke blogger dan edit template. cari kode ]]></b:skin>. jika sudah dapat letakkan kode di bawah ini di atas kode
]]></b:skin>.

Kodenya:

#footer-left {
width: 32%;
float: left;
margin:5px;
text-align: left;
}
#footer-center {
width: 32%;
float: left;
margin:5px;
text-align: center;
}
#footer-right {
width: 32%;
float: right;
margin:5px;
text-align: right;
}
#footer-column-container {
clear:both;
}
.footer-column {
padding:5px;
}
 3. selanjutnya untuk Menambah 3 kolom elemen baru di atas footer blog. cari kode di bawah ini:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
 jika sudah dapat letakkan kode di bawah ini tepat di bawah kode tadi

kodenya:

<div id='footer-wrapper'>
<div id='footer-column-container'>
<div id='footer-left'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer-center'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer-right'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
</div>
 sehingga kodenya akan seperti di bawah ini

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div><div id='footer-wrapper'><div id='footer-column-container'>
<div id='footer-left'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer-center'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer-right'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
</div>
 4. save template dan lihat hasilnya.
Diposting oleh di

2 komentar:

  1. Anonim17 Juni 2017 pukul 14.15

    Mohon maaf numpang promo ya ^^
    Kami Hadir dengan Semangat dan Kebanggaan untuk selalu menjadi yang terbaik!!! ^^
    Mari Bergabunglah Bersama MandiriQQ, menawarkan Berbagai Jenis Permainan Menarik.
    1 ID untuk 7 PERMAINAN

    Dapatkan Berbagai Bonus Menarik..!!!
    - Bonus TurnOver 0.5% tiap Minggunya
    - Bonus Referral 20% Dibagikan Setiap Minggunya.
    - Minimal Deposit hanya 20 Ribu
    - Minimal Withdraw hanya 50 Ribu
    Untuk info lebih lanjut Silahkan hubungi Cs MandiriQQ PIN BBM : 2BE2B4BA

    New Coming !!! Di coba ya Guys ^^
    NEW GAME ( GAME TERLARIS SAAT INI )
    FISH HUNTER ( TEMBAK IKAN ) ===> www.gg626.com
    COCK FIGHT ( SABUNG AYAM ) ===> www.s1288.net
    Games Terbaru Bandar Sakong (NEW RELEASE)

    BalasHapus
  2. Chintia Lim7 Agustus 2017 pukul 02.09

    MANDIRIQQ ADALAH SITUS JUDI ONLINE YANG TERPERCAYA DAN TERBAIK DI INDONESIA. KINI HADIR DENGAN PROMO MENARIK!

    silahkan buka link berikut : www.mandirimenang.com

    BalasHapus

Langganan: Posting Komentar (Atom)