Menambahkan Gambar Amplop di Kotak Komentar

Pada tutorial kali ini, saya akan memberitahukan kepada para pembaca sekalian bagaimana caranya menambahkan gambar amplop di belakang kotak komentar kita. Fungsinya sih agar lebih menarik dan enak di pandang. Jadi blog kita tidak terkesan kaku. Langsung saja kamu lihat caranya di bawah ini.

1. Masuk ke Blogger.com dengan akun kamu.

2. Klik Template --> Edit HTML --> Ubahsuaikan --> Klik Tingkat Lanjut --> Pilih Tambahkan CSS dan kamu  masukkan salah satu kode di bawah ini. Oh iya, jangan lupa backup template kamu terlebih dahulu yah.

Kode 1

.comment-form {
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu5fS-JN-EKdQpMFmnBPysbNZb3BDcCMhriUgT3nPUPOFyDDuPMLIIn-t76TFCeql4rtGojg3V57tGyNRNsEZcBKRB0SLa1ctFPOU8p6kADJqLB6P5KDwK-EKIxgKSsvyJ-29U-oQkC3s/s1600/leave+reply+comment+background.jpg) no-repeat;
padding: 100px 5px 0px 25px;
}

Kode 2

#comment-form {
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu5fS-JN-EKdQpMFmnBPysbNZb3BDcCMhriUgT3nPUPOFyDDuPMLIIn-t76TFCeql4rtGojg3V57tGyNRNsEZcBKRB0SLa1ctFPOU8p6kADJqLB6P5KDwK-EKIxgKSsvyJ-29U-oQkC3s/s1600/leave+reply+comment+background.jpg) no-repeat;
padding: 100px 5px 0px 25px;
}

3. Klik terapkan ke blog dan lihat hasilnya... Sangat mudah bukan ? thanks to Paul Crowe.

Postingan Terkait:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Comments

• 5 Cara Ampuh Agar Tidak Menjadi Seorang Spammer
• Cara Membuat Threaded Comment Untuk Blogger
• Menambahkan Fitur "Like" Facebook di Kotak Komentar Blogger
• Menambahkan Gambar Amplop di Kotak Komentar
• Cara Menyembunyikan/Menampilkan Kotak Komentar di Blogger
• Membuat Recent Comments dengan Avatar di Blogger
• Membuat Gambar Default Untuk Pemberi Komentar Anonim
• Membuat Threaded Comment / Reply Comment Dengan CSS
• Membuat Threaded Comment Dengan 3 Tampilan Warna Berbeda
• Cara Membuat Blog Banyak Komentar
• Membuat Komentar Blogger dan Facebook Berdampingan
• Cara Menambahkan Form Komentar dari Disqus
• Widget Recent Comments (Komentar Terakhir) Pada Blogger
• Install Widget Top Commentators di Blogger
• Membuat Reply Comment di Blogger
• Membuat Penghitung Komentar di Blogger
• Memasang Scroll Dalam Kotak Komentar
• Membuat Komentar Admin Beda

Posted in: Blogger,Comments