Cara Membuat Posting dan Sidebar tukar tempat

Selasa, 05 Maret 2013
Sebelumnya saya sudah berbagi dengan kawan Cara Memilah untuk ditampilkan, :r; dan sekarangpun masih tetap tentang Tampilan Blog yaitu Tampilan pada Home Page dengan Single Page :z; berbeda maksudnya seumpama pada Home Page Sidebar disebelah kiri dari Postingan, sedangkan pada Sngle Page menjadi Sidebar berada di sebelah kanan Posting atau sebaliknya :q; untuk lebih jelasnya coba kawan perhatikan image / gambar berikut 


Tampilan pada Home Page

Tampilan pada Single Page

 Cara membuat :

  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML 
  • Cari tag ]]></b:skin> atau </head>
  • Copas script berikut dibawah ]]></b:skin> atau diatas </head> 


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

Penjelasan :
  • Perhatikan tanda == yang berwarna merah menandakan posisi Single Page dengan tampilan Sidebar berada disebelah kanan Content {float:left} sedangkan pada posisi Home Page sudah pasti Sidebar berada disebelah kiri Content 
  • Kalau posisi Sidebar pada Home Page berada di kanan Content dan supaya pada Single Page menjadi posisi Sidebar berada di kiri Content, kawan cukup mengganti left menjadi right dan right menjadi left 
  • Selamat Berkreasi



0 komentar:

Posting Komentar