Membuat 3 kolom pada footer template

Template untuk blog, yang sudah memiliki fitur 3 kolom pada template bawaanya memang banyak. baik pada template yang berbayar maupun template gratis. tapi bagaimana jika template yang sudah anda pasang di blog anda ternyata belum terdapat 3 kolom pada bagian footer nya, apakah anda akan menggantinya?. mengganti template blog akan mempengaruhi dengan kualitas SEO yang sudah anda punya sekarang, di tambah lagi anda harus mengedit kembali template baru anda agar sesuai dengan blog yang dimiliki, saya rasa itu sangat merepotkan. kali ini saya akan mencoba memberikan solusi bagi anda dengan membagikan artikel membuat 3 kolom pada footer template.

1. Okay pertama, silahkan anda masuk ke akun blogger anda, pilih salah satu blog milik kalian yang akan di tambahkan 3 kolom pada bagian footernya.

pilihlah blog

 2. Masuk pada menu blogger template, kemudian pilih edit Html, disana akan anda jumpai kode css template milik blog mu.

pilih edit html

3. Backup template apabila di perlukan.

4. Silahkan anda cari kode ]]></b:skin>  atau tekan CTRL + F pada papan keyboard untuk mempermudah pencarian.

5. Letakkan kode di bawah ini, tepat diatas kode "]]></b:skin> " yang tadi anda cari.

/* -----   LOWER SECTION   ----- */
 #lower {
        margin:auto;
        padding: 0px 0px 10px 0px;
        width: 100%;
        background:#333434;
 }
 #lower-wrapper {
        margin:auto;
        padding: 20px 0px 20px 0px;
        width: 960px;
 }
 #lowerbar-wrapper {
      border:1px solid #DEDEDE;
        background:#fff;
        float: left;
        margin: 0px 5px auto;
        padding-bottom: 20px;
        width: 32%;
        text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word;
       overflow: hidden;
 }
        .lowerbar {margin: 0; padding: 0;}
        .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
 .lowerbar h2 {
       margin: 0px 0px 10px 0px;
        padding: 3px 0px 3px 0px;
        text-align: left;
        color:#0084ce;
         text-transform:uppercase;
       font: bold 14px Arial, Tahoma, Verdana;
       border-bottom:3px solid #0084ce;
 }
 .lowerbar ul {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       list-style-type: none;
 }
 .lowerbar li {
       margin: 0px 0px 2px 0px;
       padding: 0px 0px 1px 0px;
       border-bottom: 1px dotted #ccc;
 }

6. Jika sudah, silahkan anda cari kode </html>. lalu copy kode di bawah ini dan letakkan tepat di atasnya.

 <div id='lower'>
 <div id='lower-wrapper'>
 <div id='lowerbar-wrapper'>
 <b:section class='lowerbar' id='lowerbar1' preferred='yes'>
 </b:section>
 </div>
 <div id='lowerbar-wrapper'>
 <b:section class='lowerbar' id='lowerbar2' preferred='yes'>
 </b:section>
 </div>
 <div id='lowerbar-wrapper'>
 <b:section class='lowerbar' id='lowerbar3' preferred='yes'>
 </b:section>
 </div>
 <div style='clear: both;'/>
 </div> </div>

7. Selanjutnya silahkan kalian simpan templatenya, lalu pilihlah menu tata letak.

menambahkan 3 kolom footer

8.  Pilih tambahkan gadget, untuk menambahkan gadget sesuai keinginan anda.

Itulah cara membuat 3 kolom pada footer template, apabila artikel ini membantu anda silahkan bagikan artikel dengan mencantumkan link sumbernya. anda bisa membaca template untuk blog adsense yang responsif, dengan warna-warni netral. dan apabila anda berminat anda bisa mengunduhnya untuk di pasang pada blog. terima kasih sudah berkunjung ke blog kami. salam blogger.

Tweet

Subscribe to receive free email updates: