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.

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.

   

3. Klik tab Edit HTML.

   

4. Lakukan backup terlebih dahulu untuk mejadi kemungkinan buruk apabila terjadi kesalahan ketika mengedit template. Klik link 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 Google Plus

About Admin