JRTR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Berbagi informasi online, komputer, tutorial blogger, template untuk blogger, tips trik blogger.

Ahad, 16 September 2012

Cara Mudah Mempercantik Kotak Komentar Blog

! Bakalan-Tlogorejo-City Akan Berbagi Dengan Sampeyan ,,,Apa kabar Sabatku....Baik Kan...?Ok Sekarang saya bertanya apakah sahabat Bosan dengan tampilan kotak komentar yang polos bawa'an Blogspot, dan begitu-gitu aja?. Jika Ya...Apakah sahabat Ingin membuat sesuatu yang baru dengan kotak komentar anda?. Saat ini kami hadir untuk memberikan kecerahan buat kotak komentar blog anda. Tips kali ini saya berikan kepada sobat blogger adalah untuk Cara Mudah Mempercantik Kotak Komentar Blog sobat dengan backgroun yang menarik.
Berikut adalah contoh kotak komentar yang mempunyai background menarik.........



Seperti gambar di atas, adalah tampilan kotak komentar yang sudah dimodifikasi dengan menggunakan background. Jika sobat blogger berniat ingin membuatnya, silahkan ikuti langkah-langkahnya.

1. Login ke blohher dengan account anda
2. Pilih Layout ==> Edit HTML
3. Jangan lupa  Expand Widget Templates
4. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya.

#mbt-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYSnMHYWQstAdqzBojIBjyu5BVVXjspmI_kBdL1bzdBhfDFMcBemvbO3N6pE6QgzDZ0V9u3aLlCaT3EOHBPN6g5p0WD3G-1lSvho1SIS2TpFDfgKKOIaDHR8LbyKW4l6-7goXhErqAGCC/s400/11.png) repeat-x;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#mbt-form a{
color:#fff;
}

5. Perhatikan kode yang saya beri warna spesial. Silahkan edit kode tersebut.
6. Kemudian cari kode:

<div class='comment-form'>

Jika sudah ketemu ganti dengan kode berikut:

<div id='mbt-form'>

7. Jika sudah selesai, silahkan  Simpan Template blog anda, dan lihat hasilnya.
Semoga bermanfaat, dan mohon maaf jika artikel Cara Mudah Mempercantik Kotak Komentar Blog ada kesalahan ,,,?
Selamat mencoba......
JokoRowoTlogoRejo Beri Komentar
Bagikan kepada teman!
Garis
300 x 250

2 komentar:

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB: Jangan menuliskan link aktif karena akan terhapus secara automatis.

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah

 
Design by JRTR Copyright © 2014 ~ 2015 Powered by Blogger
TOP