Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Cara Posting Kode HTML 2

kode HTMl
Haloo Sobat, kali ini saya akan membahas postingan lama tentang "Cara Posting Kode HTML". Mungkin sobat sudah mengetahui, tapi saya yakin ada juga sobat blogger yang belum tahu. Untuk memposting kode html, maka sebelum di posting kode html harus di phrase dulu. Misal kita akan memposting kode html banner kita agar orang bisa meng-copynya dan memasang banner kita di blognya. Eh....ketika ketika posting yang muncul bukan kodenya, tetapi gambar bannernya. Nah....Oleh karena itu kode html harus di phrase terlebih dahulu sebelum di posting.

Cara Mudah Mencoba HTML / JavaScript

HTML / JavaScript
Sebagai seorang blogger Anda akan sangat sering berurusan dengan HTML atau javaScript. Apalagi sekarang semua memanfaatkannya untuk pengembangan. Youtube misalnya. Anda dapat dengan mudah berbagi video hanya dengan embed code. Sama hal nya dengan pemasangan berbagai widget untuk blog Anda seperti recent comment misalnya. Namun sebelum Anda tambahkan ke blog Anda, mungkin Anda ingin check dulu atau melihat previewnya. Anda bisa melakukannya dengan trik yang sangat mudah. Anda cukup memasukkan HTML atau JavaScript tersebut di address bar Anda dengan diawali data:text/html,

Cara Membuat Spoiler Di Blog

bunga mawar merah
Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita. Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show. Dengan kata lain spoiler membantu kita mengurangi waktu load konten blog dan memberikan pilih kepada pembaca blog untuk membuka atau tidak isi spoiler

Efek Link: Link Terbuka Tanpa Di Klik

link
Satu hal menarik adalah modifikasi soal link. Memang modifikasi soal link tak pernah habis. Kali ini saya akan memberitahu cara bagaimana membuat sebuah link terbuka tanpa klik. Biasanya tujuan link terbuka begitu ada aksi klik, tetapi dengan script ini hanya dengan menyorotnya saja link sudah terbuka.

Cara untuk membuatnya sangatlah simpel, coba perhatikan dua link di bawah ini

Membuat tulisan berkedip

Saya akan tutorial singkat tentang cara membuat tulisan menjadi berkedip. Kalau ingat kata berkedip aku jadi ingat sama temanku yang bernama Bayu Rohmat Berkedip...hehehe. Sebenarnya sih nama aslinya Bayu Rohmat Barnadip, tetapi teman temanku biasa memanggilnya seperti itu. Okey, kembali ke...tutorialnya. Sampai mana ya ???. O...ya cara membuat tulisan seperti ini.

Caranya kita tinggal menyisipkan tulisan yang akan dibuat berkedip diantara kedua kode ini:


<blink>
dan
</blink>


Ini contohnya :

tulisan yang akan dibuat berkedip disini

kodenya seperti ini


<blink> tulisan yang akan dibuat berkedip disini</blink>


gampang kan....



Membuat Efek Marque ( teks berjalan )

Efek marque adalah efek untuk membuat teks seperti berjalan, untuk membuat teks berjalan kita perlu menyisipkan kode HTML. Tulisan yang berjalan ini dapat digunakan untuk menuliskan kata-kata penting di blog karena tulisan ini dapat menarik perhatian pengunjung. Tak hanya itu apabila tulisan yang akan kita tuliskan cukup panjang maka efek marque ini akan sangat menghemat tempat di blog. berikut ini adalah contoh-contoh efek marque, beserta kode HTML nya :


  • marque biasa




teks kamu disini



Kode HTML :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">


teks kamu disini


</MARQUEE>



  • marque dengan getaran




teks kamu disini



Kode HTML :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">


teks kamu disini


</MARQUEE>



  • marquee dengan variasi huruf dan warna latar belakang





teks kamu disini



Kode HTML :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">


teks kamu disini


</MARQUEE></b></FONT></div>


  • Marque berhenti bila ditunjuk mouse




teks kamu disini



Kode HTML :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">


teks kamu disini


</marquee>