Posted by : Unknown Senin, 20 Mei 2013


Membuat 3 kolom di bawah template blog



  1. Login di blog anda,
  2. Dashboard atau Halaman Utama,
  3. More Options atau Opsi Lainnya,
  4. Template,
  5. Edit HTML, 
(*) Jika kurang dipahami click disini..

    •  Cari kode sepeti di bawah ini :
    #footer-wrapper
    • Ganti sampai di bawah hingga menjadi seperti ini :
      
      /* ----- FOOTER ----- */
      
      
      #footer-wrapper {
      clear: both;width: 100%;
      word-wrap: break-word;
      overflow: hidden;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      background: #0000FF;
      border: 1px solid $bordercolor;
      }
      
      
      #footer {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 10px 0px;
      text-align: left;width: 960px;
      color: #000000;
      font: $footerTextFont;
      line-height: 1.6em;
      }
      
      
      #footer h2 {
      margin: 10px 0px 0px 0px;
      padding: 3px 0px 3px 0px;
      color: #cc0000;
      font: $footerTextFont;
      }
      
      
      #footer1 {width:320px;float:left;background:#FFFFFF; padding: 0px;border: 1px solid #cccccc;}
      #footer2 {width:320px;float:right;background:#FFFFFF; padding: 0px;border: 1px solid #cccccc;}
      #footer3 {width:320px;float:left;background:#FFFFFF; padding: 0px;border: 1px solid #cccccc;}
      #footer1 .widget-content {margin:0 .5em 0 ;}
      #footer2 .widget-content {margin:0 .5em 0 ;}
      #footer3 .widget-content {margin:0 .5em 0 ;}
      #footer a { color: #3D81EE; text-decoration: none; }
      #footer a:hover { color: #cc0000; text-decoration: none; }
      #footer a:visited { color: #3D81EE; text-decoration: none;}
      
      

      • Cari lagi kode seperti ini :
      <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </div>
      • Ganti semuanya hingga menjadi seperti ini :
        
        <div id='footer-wrapper'>
        <div id='footer'>
        <b:section class='footer' id='footer1' preferred='yes'>
        </b:section>
        <b:section class='footer' id='footer2' preferred='yes'>
        </b:section>
        <b:section class='footer' id='footer3' preferred='yes'>
        </b:section>
        </div>
        <div style='clear:both;'/>
        </div><!-- end footer-wrapper -->
        
        

        Semoga Berhasil..!!
        Jika sudah di Edit, click Preview dulu atau Pratinjau sebelum di save



         

        Leave a Reply

        Subscribe to Posts | Subscribe to Comments

        Total Tayangan Halaman

        - Copyright © The black diamond - Hatsune Miku - Powered by Blogger - Designed by Johanes Djogan -