Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog

Pekerjaan yang lain sudah pada selesai sekarang posting dulu sebelum ngantuk meskipun dengan posting yang tidak terlalu penting, mengapa demikian soalnya pada posting ini sudah banyak orang yang tahu dan juga bisa melakukankan, tapi tidak apa-apa yang penting saya bisa update, pada posting sebelum mengenai Affiliasi Amazon, Sekarang pindah alih dulu ke Tips / Tutorial yaitu dengan judul Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog.
Pekerjaan yang lain sudah pada selesai sekarang posting dulu sebelum ngantuk meskipun deng Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog


Tutorial ini sudah banyak di mesin pencari dengan kata kunci yang sudah terlalu banyak juga, tapi tidak apa-apa saya tetap posting dengan kata kunci yang agak beda dikit. hehehe....

Ok, langsung saja ke inti dari posting ini yaitu Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog dengan langkah-langkah sebagai berikut :

1. Login ke Account Blogger Anda
2. Masuk Ke Design / Rancangan
3. Pilih Edit HTML
4. Centang pada Expand Widget Templates
5. Cari / tekan CTRL+F Kode  <div id='footer'> /
    Setalah ketemu Masukkan Kode berikut Tepat di Bawah Kode yang Dicari Tadi.
<div id='footer-column-container'>

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

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>
<b:widget id='HTML6' locked='false' title='Like' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

</div>

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

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'>
<b:widget id='HTML7' locked='false' title='Support' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

</div>

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

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

 </div>

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

<p>

<hr align='center' color='#EEEEEE' width='100%'/></p>

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

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

</div>

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

</div>

6. Lalu Simpan 

Cukup sudah Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog's mudah-mudahan dapat bermanfaat bagi yang belum penah mengalaminya dan mencobanya. Selamat mencoba dan Tetap Semangat Blogging.

Related : Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog

0 Komentar untuk "Membuat Footer 3 Kolom Pada Template Blogspot Ala Wong Pakong Blog"

DUKUNG KAMI

SAWER Ngopi Disini.! Merasa Terbantu Dengan artikel ini? Ayo Traktir Kopi Dengan Cara Berbagi Donasi. Agar Kami Tambah Semangat. Terimakasih :)