23 Jul 2012

Trik Merubah Posisi Blogger Comment Editor di Kiri, Kanan & Tengah/CenterClick here to get more tutorials!

Posisi Boks Blogger Comment Editor selalu terletak di sebelah kiri karena setting defaultnya memang seperti itu. Merubah Comment Editor di posisi yang berbeda, seperti misalnya di kanan atau tepat ditengah-tengah (center of position) mungkin sedang anda pikirkan. Tentu saja ada hal yang cukup menarik dengan melakukan pengaturan posisi seperti ini. Posisi center mungkin satu penataan yang paling diminati, sekalipun tak menutup kemungkinan meletakkannya disebelah kanan bisa saja menjadi pilihan unik yang membuat blog menjadi berbeda dengan blogger manapun.

Merubah posisi Boks Blogger Comment Editor hanya dilakukan dengan kode css. Kode yang digunakan juga tak terlalu banyak sehingga dipastikan tak emmbuat loading blog terganggu. Anda cukup menempatkan kode css di atas kode ]]></b:skin> dan perubahan posisi boks blogger comment editor langsung dapat diwujudkan. Bagaimana caranya? Silahkan gunakan kode css yang terletak di bagian bawah sesuai posisi yang diinginkan.

D E M O


Klik untuk melihat image dalam ukuran lebih besar!Demo untuk pengaturan posisi boks Blogger Comment Editor ini hanya menggunakan sebuah image yang memperlihatkan ketiga posisi boks comment editor (kiri, tengah dan kanan). Silahkan klik screenshoot di bawah ini agar terlihat dalam ukuran besar. Anda dapat juga melihat hasil perubahan boks comment editor dengan posisi di sebelah kanan di halaman ini. Silahkan tarik halaman ke ujung terbawah di boks komentar!

Cara Merubah posisi Box Blogger Comment Editor

  1. Login ke BloggerAnda bisa klik disini untuk login ke blogger!
  2. Dasbor (Dasboard)
  3. Template
  4. Backup/Restore Template. Panduannya bisa dibuka disiniKlik untuk mengikuti panduan cara melakukan backup/restore template.
  5. Edit HTML
  6. Template › Edit HTML
    • Procced (Lanjutkan)
    • Cari Kode : ]]></b:skin>
    • Gunakan Ctrl + F untuk mempermudah & mempercepat pencarian.
    • Copy dan paste-kan kode css sesuai perubahan posisi box comment editor yang diinginkan di atas kode ]]></b:skin>
    • Simpan Template/Save Template
  7. Selesai...
  8. Buka blog dan lihat hasilnya di halaman posting pada box komentar.
Posisi Boks Blogger Comment Editor di Kiri
#comment-editor{
    width:80%; /* pengaturan lebar comment editor dalam persen - maksimal 100% */
}
Posisi Boks Blogger Comment Editor di Tengah/center
.comment-form{
    max-width:100%;
    _width:98%;
}
#comment-editor{
    display:block;
    margin:10px auto;
    width:70%;/* pengaturan lebar comment editor dalam persen - maksimal 100% */
}
Posisi Boks Blogger Comment Editor di Kanan
#comment-editor{
    margin:10px 0 0 0;
    width:80%;  /* width dapat dirubah - dalam % */
    margin-left:20%; /* 20% adalah hasil pengurangan 100% dan 80% */
}

4 comments:

  1. Replies
    1. Test... Boks Comment Editor di sebelah kanan.

      Delete
  2. Test Reply Comment! Comment Editor di sebelah kanan.

    ReplyDelete
  3. terima kasih pak., langsng sy terapkan pd blog sy.., btw skrg bgmn menempatkan form komentar diatas para komentator, jd form komentarx pas dibawah postingan.... terima kasih.. *smile

    ReplyDelete