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.
Footer 3 Kolom Ala Wong Pakong Blog's


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.

5 comments

June 11, 2012 at 11:40 AM

ijin sedot gan...

July 12, 2012 at 12:45 PM

Di saya tidak ketemu..

bagaimana tu om..

July 12, 2012 at 4:08 PM

@Ridha Illahi masak sich....??

December 28, 2012 at 10:21 AM

izin nyimak artikelnya sob..

December 28, 2012 at 5:16 PM

@profilya gan,, terima kasih banyak atas kunjungannya...

Post a Comment