KNCI

Cara Membuat Postingan Berpindah Tempat Saat di Klick

Cara Membuat Postingan Berpindah Tempat Saat di Klick - mungkin sahabat pernah melihat sebuah halaman blog yang apabila di klick pada judul postingan maka secara langung postingan tersebut berpindah tempat dari posisi semula termasuk widget yang ada disampingnya. Nah jika sahabat tertarik kali ini saya menemukan caranya dari blogdoodey, bagaimana Cara Membuat Postingan Berpindah Tempat Saat di Klick.

Oke untuk contohnya sahabat bisa lihat di http://majalahnocan.blogspot.com disana apabila kita mengklick salah satu postingan maka postingan tersebut akan berpindah tempat dari sebelah kiri ke sebelah kanan.

Kalau sahabat sudah tidak sabar lagi, berikut saya paparkan Cara Membuat Postingan Berpindah Tempat Saat di Klick dibawahg ini :

1. Sahabat harus login terlebih dahulu ke akun blogger
2. Pilihlah Rancangan
3. Selanjutnya klick edit HTML
4. Jangan lupa  centang Expand Widget
5. Cari kode yang mirip dengan kode dibawah ini :

#main-wrapper {
float: left;
width: 639px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

6. Langkah selanjutnya silahkan sahabat copy kode tersebut (yang mirip kode diatas) dari template sahabat. 
7. Cari kode </head>
8. Lalu pastekan kode tadi tepat diatas kode </head>
9. Copy dan pastekan kode yang berwarna biru, sehingga hasilnya akan terlihat seperti dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#main-wrapper {
float: right;
width: 639px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
</style></b:if>

10. Ganti tulisan float:left; menjadi float: right; seperti pada kode di atas
11. Simpan template dan lihatlah hasilnya

NB:
Jika salah satu di antara #main-wrapper dan #sidebar-wrapper diganti float nya, maka otomatis akan berpindah posisi.

Demikian tutorial Cara Membuat Postingan Berpindah Tempat Saat di Klick, semoga dapat bermanfaat. untuk saran dan kritiknya silahkan poskan pada kotak komentar. terimakasih
Baca juga : Cara Membuat Slider Pada Blog, Cara Membuat Status YM di Blog, Cara Membuat Tombol Back To Top.

Subscribe to receive free email updates:

7 Responses to "Cara Membuat Postingan Berpindah Tempat Saat di Klick"

  1. wah ternyata begitu ya cara pembuatannya. tapi pas saya coba ko tidak berpindah tempat mas.... mohon bantuannya, thx

    BalasHapus
  2. terimakasih atas informasinya, saya akan coba praktekan, thx

    BalasHapus
  3. terimakasih infonya akan saya coba praktekin.

    BalasHapus
  4. oh begitu ya, tapi saya masih tetep gatau cara pasangnya,, hehe

    BalasHapus
  5. wah mantap gan informasinya. saya akan coba,, mohon kunjungan balik ya

    BalasHapus
  6. tengkyu bgt yang udah mau koment.
    @meilano, sama2
    @ahli seni, cara pasangnya harus tau cara edit html dulu gan
    @AGG, sudah saya kunjungi, tengkyu ya :)

    BalasHapus

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================