Search JavaScript Kit:

This free script provided by
JavaScript Kit

Cara Paling Gampang Membuat Text Area 3 Dimensi

Bermacam-macam bentuk dan jenis textarea untuk keperluan menampilkan Script, Text, Image dan lain-lain sangat digemari oleh kalangan Blogger baik yang newbie maupun yang sudah master, karena selain dengan tujuan untuk membedakan, menandai, menyingkat bahkan untuk mempercantik tampilan Blog itu sendiri.Bisa sobat lihat Cara mudah membuat Textarea yang lebih umum digunakan pada postingan yang lalu DI SINI
Tampilan textarea yang bervarias tidak lepas dari minat dari Blogger itu sendiri seperti ada yang polos tanpa scrollbar, ada yang pakai scrollbar dan pakai background, ada yang pakai "select all" dan ada juga yang terbuka tapi terkesan 3 Dimensi ( 3D ) seperti :
Nah kali ini saya akan memberikan tutor cara membuat textarea terkesan 3D, baik langsung saja ke langkah-langkahnya :

Langkah pertama :

1. Login ke Akun Blogger sobat
2. Pilih EDIT HTML dan jangan lupa centang Expand Template Widget "
3. Cari kode <head> kemudian copy kode dibawah ini dan pastekan tepat dibawah kode <head>
    Untuk mempercepat pencarian gunakan shortcut Ctrl - F

<style type='text/css'>
#tigadimensi{
background: #E8E8E8;
margin: 15px;
font-family:arial;
font-size:13px;
text-align:justify;
padding: 10px 15px 10px 15px;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #666666;
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #666666;
}
#post 
tigadimensi{
margin:.75em 0;
}
</style>

4.Simpan Template ( Rekomendasi : pilih Pratinjau dulu untuk melihat galat tidaknya )

Langkah kedua :

5. Menuju Dashboard >> Pilih Entri Baru ( Atau Add Gadget untuk Elemen Baru )
6. Pilih Mode HTML
7. Copy kode berikut ini :

<div id='tigadimensi'>Text Anda Disini
</div>


8. Kembali ke Mode Compose untuk Lihat hasilnya
9. Save/ Simpan dan lihat hasilnya.

Demikian, tutorial cara membuat texarea 3D ini yang amat singkat ini semoga bermanfaat.


.: h72 :.


0 komentar:

Post a Comment

No spam...