Home » » Percantik tampilan kotak form komentar

Percantik tampilan kotak form komentar



mempercantik  form kotak komentar

Mempercantik tampilan form komentar agar terlihat lebih keren sangat lah gampang, jika sebelumnya saya menulis mengenai tutorial membuat komentar bertingkat biar lebih lengkap saya buatkan lagi tutorial mempercantik form komentar.
Buat yang belum tau apa atau yang mana kotak form komentar adalah sebuah teks area yang fungsinnya dimana kita memasukan teks komentar kita ketika ingin berkomentar, bagaimana caranya silahkan simak tutorial berikut :

Tutorial

  • Langkah awal login ke blog anda
  • kemudian dari dashboard menuju Template dan ke Edit Html
  • Cari kode ]]></b:skin> dengan menggunakan Ctrl+F
  • Jika sudah ketemu pastekan kode di bawah ini tepat di atas kode tersebut:

#fs-form iframe {background: url("https://lh4.googleusercontent.com/-URKl8OAgNyw/T38sjnx2BNI/AAAAAAAABbc/cO3u7xIDQpo/s128/11.png") repeat scroll 0 0 #FFFFFF; 
border: 1px solid #DDDDDD; 
border-radius: 6px 6px 6px 6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
color: #2F97FF; 
font: 12pt "ms sans serif",Arial; 
height: 214px !important; 
padding: 5px; 
width: 560px;}




  • Selanjutnya cari kode <div class='comment-form'>
  • Ganti kode <div class='comment-form'> (jika terdapat lebih dari satu kode seperti ini maka ganti seluruhnya) dengan kode di bawah ini


<div id='fs-form'>


  • Save template dan lihat hasilnya

KET :
  • Jika ingin mengganti backgroundnya silahkan anda ganti Kode yang bertanda biru dengan url gambar kesukaan anda
  • Untuk mengatur lebar form komentar lihat kode yang berwarna hijau silahkan di sesuaikan dengan template anda

Last note

Sekian tutorial mempercantik kotak form komentar ,Kalau anda memiliki kesulitan silahkan anda tulis di kotak komentar di bawah ini kali aja saya bisa membantu :c:
Description: Percantik tampilan kotak form komentar Rating: 4.5 Reviewer: Unknown - ItemReviewed: Percantik tampilan kotak form komentar
Share this article :

2 komentar

Unknown 15 August 2013 at 19:50

makasih info nya...ijin nyoba dulu
. mampir http://indonesiaanonymous.blogspot.com

Unknown 15 August 2013 at 19:57

sama - sama gan ...oke segeara meluncur (o)

Berikan Komentar :)

KET :
1.Jika ingin menyisipkan Gambar <i rel="image">URL Gambar</i>
2.Jika ingin menyisipkan Kode <i rel="pre">Kode Anda</i>
3.jika ingin menyisipkan ,<b>teks tebal</b> <i>teks miring</i>
Note :
Untuk mengetahui balasan dari saya lewat email silahkan klik subcribe by email di bawah ini .Last NO SPAM Live Link
Konversi kode HTMLEmoticonTop Komentator

Back to Top