Text Marquee html Generator

Text Marquee html Generator

dede wandi    06.29    Comment   

Text Font Default Font Arial, Helvetica, sans-serif Times New Roman, Times, serif Courier New, Courier,monoGeorgia, Times New Roman, Times, serif Verdana, Arial, Helvetica, sans-serif Tahoma, Arial, Verdana Size 1 2 3 4 5 6 7 Font Color   BG Color Direction Speed Behavior Align Left Delay 50 60 70 80 90 100 110 120 130 140 Scroll Middle Right Amount 1 2 3 4 5 6 7 8 9 10 Slide Bottom       Alternate Top Size Width in Pixels in Percent Height in Pixels in Percent Repeat Continuously     Times Border Border     Border Style Solid Dotted Dashed Double Groove Ridge Inset Outset  Width Color Marquee HTML Generator

TextArea 3 Keren

TextArea 3 Keren

dede wandi    21.06    1 comment   

Melanjutkan posting sebelumnya " Membuat Text AreaPaling Keren 2 ", berikut ini ada 8 macam model textarea yang mudah-mudahan bisa menjadi pilihan buat anda, khususnya para pengunjung
setia blog ini. Inilah ke-delapan model tersebut :

1 :

<textarea cols="48" name="code" rows="4" style="-moz-border-radius: 0px 0px 0px 0px; background: none repeat scroll 0% 0% rgb(255, 240, 255); border-color: rgb(204, 0, 255); border-style: solid; border-width: 1px 5px 5px 1px; color: #cc00ff; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

2 :

<textarea cols="50" name="code" rows="4" style="-moz-box-shadow: 0pt 1px 10px rgb(0, 255, 0); background: -moz-linear-gradient(center top , rgba(255, 255, 204, 0.9), rgba(255, 255, 0, 0.9)) repeat scroll 0% 0% transparent; border: 2px outset rgb(0, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI

3 :

<textarea cols="50" name="code" rows="4" style="-moz-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 0pt 1px 10px rgb(255, 255, 0); background: -moz-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 0)) repeat scroll 0% 0% transparent; border: 2px outset rgb(255, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI

MODEL 4 (EMPAT) :

<textarea cols="38" name="code" rows="4" style="-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: none repeat scroll 0% 0% rgb(255, 255, 175); border-color: rgb(127, 69, 0); border-style: dotted ridge; border-width: 2px; color: brown; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

5 :

<textarea cols="38" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border-color: rgb(41, 95, 0); border-style: dashed solid solid dashed; border-width: 2px; color: #295f00; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

6 :

<textarea cols="37" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(200, 255, 255); border-color: rgb(0, 255, 255); border-style: solid ridge ridge; border-width: 3px 5px 5px; color: blue; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

7 :

<textarea cols="37" name="code" rows="4" style="-moz-border-radius: 0px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 255, 255); border-color: rgb(0, 0, 255) rgb(255, 0, 0); border-width: 5px; color: blue; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

8 :

<textarea cols="36" name="code" rows="4" style="background: none repeat scroll 0% 0% rgb(170, 255, 0); border-color: rgb(255, 0, 0); border-style: none solid solid groove; border-width: 15px 0px 3px 15px; color: green; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI

KETERANGAN :

Untuk mengubah ukuran tetxarea-nya,
ubahlah pada cols="..." & rows="..."

Cara Buat Textarea Buka/Tutup

Cara Buat Textarea Buka/Tutup

dede wandi    19.30    1 comment   

Membuat Text Area Dengan Tombol Buka Tutup - Cara ini masih sama dengan artikel saya sebelumnya tentang Membuat tulisan Dengan TextArea, dan Textarea part2 Namun cara ini sedikit di modifikasi sehingga tampilannya akan sedikit menghemat ruang dalam postingan.

Untuk menyimpan text/tulisan atau kode pada postingan anda yang mungkin banyak kata, maka dengan adanya Text Area Dengan Tombol Buka Tutup akan sedikit membantu agar postingan anda tidak memanjang kebawah. Dengan adanya Tombol Buka Tutup pada text/tulisan yang kita kenal sebagai Kotak Spoiler dapat membantu untuk menyimpan text/tulisan atau kode HTML pada postingan anda hanya dalam 1 baris 1 kolom, dan hanya terbuka jika menekan tombol BUKA dan sebaliknya akan menutup jika menekan tombol TUTUP.

Berikut kode untuk Membuat Text Area Dengan Tombol Buka Tutup.
Pada postingan baru COPY lalu PASTE kode berikut pada halaman HTML

<@div style="margin-bottom: 2px;"> <@div style="margin-top: 5px; text-align: center;"> <@input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> <@/div> <@div style="border: 1px inset ; margin: 0px; padding: 6px;"> <@div style="display: none;"> MASUKKAN TEKS ANDA DISINI <@/div> <@/div> <@/div>

Hasilnya

MASUKKAN TEKS ANDA DISINI

Jangan Lupa Hapus tanda @

Cara Membuat Garis

Cara Membuat Garis

dede wandi    18.31    Comment   

 Assalamualaikum wr wb.

selamat datang sahabat blogger , kali ini saya akan bagikan cara membuat garis di blog . langsung saja, berikut macam - macam  garis  :

Membuat garis dengan background

---

<hr style="height:3px;background:#00f;color:#f00;">    Garis titik-titik

<div style="border-bottom:3px dotted #00f;"> </div>    Garis putus-putus

<div style="border-bottom:3px dashed #00f;"> </div>
Membuat garis

---

<hr>
Membuat garis warna

---

<hr style="color:red">
Mengatur ukuran garis

---

<hr style="color:#00f" width="60%"> semakin kecil angkanya semakin kecil ukurannya
Garis sebelah kiri

---

<hr style="color:#00f" width="60%" align="left">
Garis sebelah kanan

---

<hr style="color:#00f" width="60%" align="right">      

Hanya itu yang saya bagikan semoga bermanfaat :

Textarea Part 2

Textarea Part 2

dede wandi    19.20    1 comment   

Hai sahabat blogger , lagi ngapain ni .. kalau saya sih sendiri lagi update blog heu :),  hari gini sih enaknya makan snack ya biar mantaaaaap  baca artikelnya , Ok sob kali ini saya akan share buat text area part 2nya , kalau kemarin-kemarin kan ane share buat text area part 1 tapi sekarang ane lanjut ke part 2 nya . oke sob bagi anda yang pengen tahu bagaimana caranya langsung saja copy kodenya
teks area biasa
<textarea cols="15" rows="2">isi teks area</textarea>
teks area, background
<textarea name="code" cols="15" rows="1" style="background:#ff6347;">isi teks area,</textarea>
teks area, background, bingkai
<textarea name="code" cols="15" rows="1" style="background:#fa8072;border:5px inset #ff7f50;">isi teks area, </textarea>
teks area, background, bingkai, huruf warna
<textarea name="code" cols="15" rows="1" style="background:#9932cc;color:#ff6347;border:5px inset #ff1493;">isi teks area</textarea>
teks area dashed
<textarea name="code" cols="15" rows="1" style="background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">isi teks area</textarea>
teks area dotted
<textarea name="code" cols="15" rows="1" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">isi teks area </textarea>

Buat Text Area

Buat Text Area

dede wandi    20.24    3 comments   

Hai sahabt blogger , kali ini saya akan share bagimana cara membuat text area .Sebenarnya sudah banyak website dari sahabat senior blogger yang membahas tentang masalah text area ini. Sebagai seorang pemula, saya hanya mencoba ikut- ikutan untuk meramaikan 'dunia pertext-arean', sambil berharap barangkali saja ada pengunjung yang ingin menggunakan text area ini. bagi yang belum tahu, silahkan sob kopy codenya

Membuat textarea huruf warna

<textarea name="code" rows="3" cols="20" style=";color:#ff0000;">Teks disini Textarea dengan bingkai
<textarea name="code" rows="3" cols="20" style="border:5px inset #00ffff;">Teks disini
Textarea dengan bingkai dan huruf berwarna
<textarea name="code" rows="3" cols="20" style="color:#ff1493;border:5px inset #9932cc;">Teks disini