Cara membuat postingan dan sidebar berpindah tempat

<img border="0" src="F:\abs2\data\Si Copas\YUDA\blogger+%25281%2529.png">Apakah sobat pernah melihat templatenya kang Rohman , yap betul sekali jika sobat membuka halaman utama pada blognya kang Rohman , maka sidebarnya akan berada di sebelah kanan . Tetapi jika kita mengklik salah-satu postingannya maka sidebarnya akan berpindah tempat menjadi disebelah kiri.<BR>Cara ini memang efektif mengingat kadang kala widget blog kita terlalu banyak dan tidak ingin untuk menghapusnya,  maka cara ini sangat efektif bukan . <P>Nah dengan tutorial <B>Cara membuat postingan dan sidebar berpindah tempat</B> kita bisa memodifikasi tampilan blog kita , dan mengakali widget blog kita.<BR>Nah apakah sobat tertarik untuk mencoba tutorial ini, ikuti langkah-langkah berikut ini .</P><P>1.Silahkan sobat login dulu ke Blogger.<BR>2.Klik Rancangan » Edit HTML.<BR>3.Disarankan untuk mendownload template sobat , untuk berjaga-jaga apabila terjadi kesalahan dalam melakukan pengeditan.<BR>4.Silahkan sobat cari CSS yang mirip seperti ini .<BR><BLOCKQUOTE>#main-wrapper {<BR>float: left;<BR>width: 639px;<BR>margin: 0px 0px 0px 0px;<BR>padding: 0px 0px 0px 0px;<BR>word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<BR>overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<BR>}</BLOCKQUOTE>Catatan :<BR>Cari kode CSS yang mirip seperti kode di atas di template sobat , karena setiap template memiliki CSS yang berbeda. <P>5.Jika sobat sudah menemukan kode CSS yang mirip dengan kode CSSyang ada di atas, copy kode CSS yang sobat temukan kemudian letakkan kode tersebut di atas kode </head>.</P><P>6.Tambahkan kode ini di kode CSS yang baru sobat pastekan tadi .<BR><BLOCKQUOTE><b:if cond='data:blog.pageType == "item"'><BR><style><BR>Kode CSS yang sobat temukan <BR></style></b:if></BLOCKQUOTE> Sehingga kodenya menjadi seperti ini .<BR><BLOCKQUOTE><b:if cond='data:blog.pageType == "item"'><BR><style><BR>#main-wrapper {<BR>float: right;<BR>width: 639px;<BR>margin: 0px 0px 0px 0px;<BR>padding: 0px 0px 0px 0px;<BR>word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<BR>overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<BR>}<BR></style></b:if></BLOCKQUOTE>7.Jangan lupa mengganti kode posisinya menjadi right . Kalau sudah save template sobat dan lihat hasilnya.<BR>Mungkin sekian dulu tutorial saya tentang <B>Cara membuat postingan dan sidebar berpindah tempat</B> semoga bisa bermanfaat bagi kita semua . :D <P>Catatan :<BR>Biasanya jika salah satu di antara #main-wrapper dan #sidebar-wrapper diganti float nya, maka otomatis akan berpindah posisi. Jika Anda menyukai Artikel di blog ini, Silahkan <B>klik disini</B> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Belajar dari Internet <img alt="" height="26" src="http://feeds.feedburner.com/~fc/ShareNeighbor?bg=99CCFF&fg=444444&anim=0" width="88"> <B>Attention! :</B> Bagi sobat yang ingin memasukkan script tips-trik dari blog ini ke blog sobat, silahkan sobat menghapus kode sumbernya. Tetapi bagi sobat yang ingin mengcopy artikel dari blog saya ke blog sobat, dimohon untuk tidak menghapus kode sumber tersebut . Hargailah karya anak bangsa , ok...! <p>Auto content grab yudatfort814.blogspot.com support to <a href="http://sicopas.blogspot.com" rel="nofollow" target="_blank">Si Copas</a></p>

Apakah sobat pernah melihat templatenya kang Rohman , yap betul sekali jika sobat membuka halaman utama pada blognya kang Rohman , maka sid...

/* -- continue -- */

0 komentar