The Mez Acrobatic

Sebelumnya telah ditulis bagaimana cara melakukan magic agar The Mez Template menjadi The Mez Lefty alias sidebar kiri. Kini kita coba melakukan magic yang lainnya yaitu mengubah The Mez template menjadi The Mez Acrobatic.

Yang dimaksud The Mez acrobatic disini adalah apabila pada homepage posisi sidebar berada disebelah kanan, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kiri. Atau sebaliknya, apabila pada homepage posisi sidebar berada disebelah kiri, maka pada posisi single page posisi sidebar akan berubah menjadi disebelah kanan.

the mez acrobatic

Yang suka tampilan akrobatik, berikut adalah langkah-langkah menjadikan The Mez Template menjadi The Mez Acrobatic.

 

  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  ]]></b:skin>

  6. Copy lalu paste kode berikut persis di bawah kode ]]></b:skin>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #main-wrapper{float:right}
    #sidebar-wrapper{float:left}
    </style>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <style type='text/css'>
    #main-wrapper{float:right}
    #sidebar-wrapper{float:left}
    </style>
    </b:if>





  7. Klik tombol SIMPAN TEMPLATE.


  8. Daaaaann…. abah katabrakkk ……..


  9. Selesai. Kini blog anda bisa tampil akrobatik.


Langkah diatas adalah untuk posisi homepage dengan sidebar kanan dan single page menjadi terbalik menjadi sidebar kiri.



      Untuk posisi sebaliknya yaitu homepage sidebar kiri dan single page sidebar kanan, anda tinggal mengganti kode left menjadi right atau right menjadi left.



      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <style type='text/css'>
      #main-wrapper{float:left}
      #sidebar-wrapper{float:right}
      </style>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <style type='text/css'>
      #main-wrapper{float:left}
      #sidebar-wrapper{float:right}
      </style>
      </b:if>




      Sepertinya serial dokumentasi The Mez Template berakhir pada postingan ini. Jika ada permasalahan yang lain, mungkin akan di bahas pada postingan dilain waktu.





    Share on Facebook
    Share on Twitter
    Share on Google+

    Related : The Mez Acrobatic

    • The Mez Lefty TemplateSecara default, The mez template di rancang mempunyai sidebar berada disebelah kanan, lalu bagaimana apabila anda adalah pecinta sidebar kiri? anda dapat melakukan sedik ...
    • Tambah Link navigasi di The Mez TemplateIni merupakan dokumentasi dari The Mez Template agar anda mengerti bagaimana cara menggunakan template tersebut. Jadi, tanyakan dari sekarang apabila anda mempunyai pert ...
    • Edit Link Follow Us Di The Mez TemplateSalah satu hal menarik dalam the mez template adalah icon Follow us yang menggunakan teknik CSS sprite. Secara default, alamat link yang tercantum disana adalah milik ka ...
    • Upload Logo Di The Mez TemplateKetika pertama kali anda menginstall The mez Template pada blog anda, tentunya yang ada adalah sebuah judul yang berupa tulisan dan bukanlah sebuah logo. Jika anda berni ...
    • The Mez TemplateThe Mez template merupakan template blogger gratis yang di desain rapih, bersih dan terkesan kalem. Desain Tha mez template tidak kalah menarik dengan premium blogger te ...