Teguh Bagus of Veterinary Medicine site v.2

Excellence with Morality

__Sertifikasi dan Prestasi__

    Standart ISO 9001:2008 Kepada Universitas Airlangga oleh British Certification International

_Berbagi tak pernah Rugi_

    Teguh Bagus of Veterinary Medicine site v.2

    ____Hakikat Manusia____

    .: Barang siapa mengenal dirinya, maka ia akan mengenal TuhanNya. Seperti bahasan kita yaitu Awwal- uddin Ma'rifatullah adalah... :. more

    ∞ Akun Facebook & Twitter Kami ∞

..:: Selamat Buat para Pemenang lomba web & blog Mahasiswa Universitas Airlangga Tahun 2015; 1.Mei Budi Utami [FST'12] | 2.Mita Erna Wati [FK'12] | 3.Teguh Bagus Pribadi [FKH'12] | 4.M. Roihan Hanafi [FISIP'12] | 5.Ari Zulaicha [FISIP'12] | 6. Muziburrahman [FPK'14] | => Terimakasih atas kunjungan Anda, jangan lupa kalau mau copy/paste harap cantumkan sumbernya, by : Teguh Bagus Pribadi, http://teguhbaguspribadi-fkh12.web.unair.ac.id, dan Blog ini DIPERBAHARUI sebulan 4x karena kesibukan Perkuliahan ::..

Mengganti Tampilan Formulir Kontak dg CSS

diposting oleh teguhbaguspribadi-fkh12 pada 05 June 2013
di Gudang Artikel - 0 komentar

Mengganti Tampilan Formulir Kontak dg CSS - Sudah ada 2 artikel yang saya bahas tentang widget baru Blogspot ini yaitu Contact Form atau Formulir Kontak. Jika pada 2 artikel sebelumnya saya telah membahas tentan pemberitahuan widget Formulir Kontak di Widget Formulir Kontak dan pembahasan memasang Contact Form di halaman blog. Maka pada artikel kali ini saya akan menjelaskan bagaimana Mengganti Tampilan Formulir Kontak dg CSS

Mengganti Tampilan Formulir Kontak dg CSS


Untuk mengganti tampilan formulir Kontak dg CSS, sebelumnya anda harus sudah memasang widget Contact Form ini jika tidak akan bisa menerapkan artikel yang saya bahas ini.

Sebelum melanjut pembahasan ini perlu saya beritahukan bahwa dengan mengganti tampilan Contact Form tidak akan mempengaruhi proses pengiriman email yang dilakukan alias dengan melakukan perubahan ini, Contact Form atau Formulir Kontak tetap bekerja alias WORK! Namun saya tidak menjamin dengan perubahan yang anda lakukan pada formulir kontak blog anda karena (saya yakin) artikel yang saya buat ini merupakan artikel pertama yang membahas perubahan pada tampilan Formulir Kontak dan perubahan-perubahan yang saya lakukan ini awalnya hanyalah coba-coba saja, berhubung perubahan yang saya lakukan berhasil dan bekerja di template blog saya, maka saya membaginya untuk anda

Berikut cara mengganti tampilan formulir Kontak dg CSS. Salin kode berikut ini sebelum ]]> atau jika di template blog anda menggunkan kode konversi, salin sebelum  


#ContactForm1 {width:550px;background:#2C678A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;}
#ContactForm1 .contact-form-widget{margin:0;padding:10px;background:#2C678A;color:#fff;border: 2px solid #2C678A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;}
#ContactForm1 form {margin:0;}
#ContactForm1 .contact-form {}
#ContactForm1 span {color:#FF0000;}
#ContactForm1 .contact-form-name, #ContactForm1 .contact-form-email, #ContactForm1 .contact-form-email-message {width:100%;border: 1px solid #2C678A;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#ContactForm1 .textform {color:#fff;font-size:11px;font-style:italic;margin-bottom:10px;}
#ContactForm1 .contact-form-button {width:100px;border: 1px solid #2C678A;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.widget.ContactForm {display: none;}

selanjutnya, cari dan ganti kode diantara kode berikut ini

 ... 


Sehingga hasilnya seperti berikut

     
            
  
    

 


 

*

 

*

Tinggalkan Komentar

Nama :
E-mail :
Web : tanpa http://
Komentar :
Verification Code :