Button Print Page & Simple HTML Tips


Setelah mengetahui cara membuat widget save page as PDF dari sikurochan. Untuk mas sikurochan MaaF codenya ada yang saya dirubah supaya tampilannya agak bagus. Dan sekarang saya ingin berbagi bagaimana agar membuat button print page pada web dan tips html lainnya.

1. Make Button Print Page
<script src='http://www.geocities.com/ebenk_789/print.js' type='text/javascript'>
</script>

Simpan sebelum kode
<div class='post-footer-line post-footer-line-1'> atau
<div class='post-footer-line post-footer-line-2'> atau
<div class='post-footer-line post-footer-line-3'/> atau ditempat lain yang kalian inginkan ( kebanyak ataunya ya.. :D )

2. Membuat Link Efek

<style>
a:hover{color:grey; font-weight:bold; font-style:italic; text-decoration:underline; text-transform:uppercase; font-size:20; background-color:yellow; }
</style>

ket:
color:grey; = perubahan warna saat mouse mengarah kelink
font-weight:bold; = Menambahkan efek bold
font-style:italic; = Menambahkan efek italic
text-decoration:underline; = Menambahkan efek garisbawah
text-transform:uppercase; = merubah semua font menjadi huruf besar semua
font-size:20; = merubah ukuran font
background-color:yellow; = memberi warna backgroud pada link



3. Efek Berkedip
<blink> YOUR TEXT HERE </blink>

4. Random content colors
Untuk melihat perubahan coba tekan tombol reload atau coba masuk ulang ke halaman ini Dan Pehatikan warna dari background dan tulisan ini. Atau Coba klik

disini



Berikut kodenya:
Simpan kode dibawah setelah code <head>
<script src='http://www.geocities.com/ebenk_789/randomcolor.js' type='text/javascript'/>


Lalu saat membuat content dengan random color sisipkan tulisan diantara code <div class="randomcolor"> YOUR TEXT HERE </div>

Hmm... Kenapa sedikit ya..??? Ya kode-kode standard yang lainnya pasti sudah tahu kan jadi tidak perlu di lanjutin cape euY :D

2 comments

Post a Comment