Comment Box Center of Position: Cara Mengatur atau Merubah Posisi dan Membuat Center Comment Box

Bookmark and Share

Sepertinya tidak ada satupun desain blog yang dalam desainnya menempatkan Comment Box pada posisi center (di tengah dan center dengan halaman posting). Hampir semua template selalu menempatkan Comment Box di ujung sebelah kiri (rata kiri) hingga kadang terasakan membuat wajah blog sedikit terlihat tidak simetris karena ruang kosong disebelah kanan menjadi lebih lebar dibandingkan dengan yang di sisi sebelah kiri. Merubah atau menggeser posisi Comment Box sekaligus teks yang bertuliskan Post a Comment/Poskan Komentar (di atasnya) bisa menjadi salah satu cara untuk membuat tampilan kolom komentar terlihat lebih rapi, cantik dan simetris (center) dengan Posting Blog. Cara yang sederhana, gampang dan praktis serta dapat dibuat dalam tempo sesingkat-singkatnya menjadi sebuah solusi yang dengan mudah bisa dipahami sekaligus dilakukan oleh semua blogger. Kode CSS! Itulah jawabannya. Dengan menambahkan 2 baris kode CSS yang ditempatkan di atas ]]></b:skin>, maka sebuah wajah berbeda yang terlihat lebih rapi akan membuat blog sampeyan semakin manis saja.

Cara Cara Mengatur Posisi Comment Box dan Teks Poskan Komentar


  • Login ke Blogger.
    • Tuliskan Alamat Email.
    • Tuliskan Password.
    • KLIK "Login".
  • KLIK "Design (Rancangan)".
  • KLIK "Edit HTML".
  • Cari kode ]]></b:skin>, kemudian copy-paste kode CSS tepat di atasnya.
  • KLIK "SAVE Templates/Simpan Template".
  • Buka Blog dan lihat perubahan yang sudah terjadi di Comment Box dan Teks Poskan Komentar.

Kode CSS


.comment-form h4#comment-post-message{margin-left:220px;}
iframe#comment-editor{margin-left:100px;}

Catatan/Keterangan:
  • Perubahan posisi Comment Box ini bisa dilakukan pada blog yang box komentarnya disemat di bawah entri (Embedded below post).
  • Pergeseran posisi "Teks Poskan Komentar" ke arah kanan atau kiri dilakukan dengan memperbesar atau memperkecil nilai margin-left:220px;. Semakin besar akan semakin ke kanan dan sebaliknya semakin kecil maka akan semakin ke kiri.
  • margin-left:100px; berfungsi untuk mengatur posisi Comment Box bergeser ke kiri atau ke kanan. Rubah nilainya hingga diperoleh posisi center/simetris dengan "Posting Blog".
  • Jika Box Komentar (Comment Blog) di blog sampeyan berbeda dan ingin membuat tampilan seperti dalam tutorial ini, silahkan :
    • KLIK "Pengaturan/Settings".
    • KLIK "Komentar/Comments".
    • Cari "Penempatan Formulir Komentar (Comment Form Placement)".
    • Beri tanda/pilih pada Disemat di bawah entri/Embededd below post.
    • KLIK "SAVE/Simpan".

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :





� Happy Blogging - gubhugreyot �



{ 0 komentar... Views All / Send Comment! }

Poskan Komentar