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:

Posted in: Blogger,Comments