Pages

Tutorial, Tips n Trick

Jumat, 05 November 2010

The Mez Lefty Template

Secara default, The mez template di rancang mempunyai sidebar berada disebelah kanan, lalu bagaimana apabila anda adalah pecinta sidebar kiri? anda dapat melakukan sedikit magic sehingga the mez template bisa menjadi The Mez Lefty Template.
the mez lefty template
Ingin tahu caranya? ikuti langkah-langkah berikut :
  1. Login ke blogger dengan ID anda.
  2. Klik Rancangan. Rancangan template
  3. Klik tab Edit HTML. edit HTML
  4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link Download Template Lengkap. download template lengkap
  5. Carilah kode brikut :
    /* Main containers */
    #outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
    #main-wrapper{width: 630px;float: left;word-wrap: break-word;overflow: hidden;}
    #sidebar-wrapper {width: 300px;float: right;word-wrap: break-word;overflow: hidden;}
  6. Gantilah tulisan left menjadi right, dan sebaliknya tulisan right menjadi left. Sehingga kodenya menjadi seperti ini :
    /* Main containers */
    #outer-wrapper{width: 945px;margin:0 auto;padding:0px;text-align:left;font: normal normal 97% verdana, sans-serif;}
    #main-wrapper{width: 630px;float: right;word-wrap: break-word;overflow: hidden;}
    #sidebar-wrapper {width: 300px;float: left;word-wrap: break-word;overflow: hidden;}
  7. Klik tombol SIMPAN TEMPLATE.
  8. Daaaaann…. abah katabrak……..
  9. Selesai. Kini sidebar akan berada disebelah kiri. 
Sumber: kang rohman
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 komentar

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Posts RSSComments RSSBack to top
© 2011 BLOGGER TUTORIALS ∙ Designed by BlogThietKe
Released under Creative Commons 3.0 CC BY-NC 3.0