Home
blog
Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan
Minggu, 31 Mei 2015
Kamis, 28 Mei 2015
TextArea 3 Keren
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 :
setia blog ini. Inilah ke-delapan model tersebut :
1 :
Cara Buat Textarea Buka/Tutup
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
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>
MASUKKAN TEKS ANDA DISINI
Cara Membuat Garis
Assalamualaikum wr wb.
selamat datang sahabat blogger , kali ini saya akan bagikan cara membuat garis di blog . langsung saja, berikut macam - macam garis :
selamat datang sahabat blogger , kali ini saya akan bagikan cara membuat garis di blog . langsung saja, berikut macam - macam garis :
Membuat garis
Membuat garis warna
Mengatur ukuran garis
semakin kecil angkanya semakin kecil ukurannya
Garis sebelah kiri
Garis sebelah kanan
Hanya itu yang saya bagikan semoga bermanfaat :
Selasa, 19 Mei 2015
Textarea Part 2
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>
Minggu, 17 Mei 2015
Buat Text Area
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
Teks disini
Textarea dengan bingkai
Teks disini
Textarea dengan bingkai dan huruf berwarna
Teks disini
Textarea dengan bingkai dan huruf berwarna