Cara Membuat Tiga Kolom Widget di footer Blogger

 

  Cara Membuat Tiga Kolom Widget di footer Blogger

Apakah Anda pernah berpikir tentang memiliki ruang ekstra di daerah footer dari situs Anda untuk menempatkan widget yang signifikan seperti Facebook seperti kotak, twitter feed, Google Followers gadget dan lebih? Membuat tiga kolom widgetized footer adalah solusi sempurna karena memungkinkan Anda untuk menambahkan widget di situs Anda selain hanya sidebar. Sebagian besar pengembang blogger template profesional seperti Themeforest, Templateism dan lebih sudah menyediakan fitur ini secara default di template mereka. Dalam artikel ini, kami akan menunjukkan Anda Cara Membuat Tiga Kolom Widget footer di Blogger.
Mengapa Buat footer widgetized?Kadang-kadang Anda menemukan sidebar Anda dimuat dengan berbagai widget yang Anda tidak ingin menghapus . Namun anda berfikir cara menghilangkan mereka untuk menjaga situs Anda rapi. Dengan memiliki luas tiga widget tambahan di daerah footer pasti akan memberikan banyak bantuan dalam bergerak setiap widget sidebar Anda ke footer widget daerah, tanpa menghilangkan mereka dari situs Anda. Ini adalah alasan mengapa hampir semua blog sekarang mempertimbangkan memiliki area footer widgetized.
Cara membuat tiga widget footer di blogger?Untuk menginstal tiga widget footer di blogger, Anda harus terlebih dahulu memasang ini dalam template blogger. caranya yaitu , pertama ke  Blogger >> Template >> Edit HTML >> dan mencari akhiran </ body> dan tepat di atas itu sisipkan koding berikut:

<div id='footer-widgets-container'>
<div id='footer-widgets-containerback'>
<div class='clearfix' id='footer-widgets'>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec1' showaddelement='yes'>
  <b:widget id='HTML15' locked='false' title='' 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>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec2' showaddelement='yes'>
  <b:widget id='HTML14' locked='false' title='Gallery' 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>
</li>
</ul>
</div>
<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec3' showaddelement='yes'>
  <b:widget id='HTML13' locked='false' title='About' 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>
</li>
</ul>
</div>
</div>
</div></div>
<div style='clear:both;'/>