rss

Sabtu, 16 Oktober 2010

blog tutorial

blog tutorial


The Mez Acrobatic

Posted: 15 Oct 2010 09:43 PM PDT

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.


    0 komentar:


    Posting Komentar

    Terima kasih atas komentar anda

    Related Posts with Thumbnails

    Menu Blog Ini

    Buka Semua | Tutup Semua

    Dalam Proses, Mohon Tunggu
    Sponsored By :Satpol Temanggung.

    Info Satpol

    Posting Gratis Di Sini


    Nama
    Email
    Judul
    Tentang
    Kategori
    Gambar
    Isi
    Image Verification
    captcha
    Please enter the text from the image:
    [ Refresh Image ] [ What's This? ]

    Powered byEMF Email Form

    INSPIRASI

    Check Page Rank of any web site pages instantly:
    This free page rank checking tool is powered by Page Rank Checker service
     
    " SILAHKAN KIRIM PESAN MAUPUN KOMENTAR ANDA, AKAN KAMI HARGAI TULISAN ANDA, TERIMA KASIH "

    Ikuti beritaku

    Kembali lagi ke atas