Skip to main content

Merubah size tampilan font dengan JavaScript


Yohohoooo everybody, apa kabar neh ??? Moga2 sehat2 semua ya :D Ok all pada postingan ane yang kesekian ini ane akan mensharing bagaimana caranya mengubah ukuran tampilan font secara otomatis. Oh iya hampir lupa script ini dipakai di Joomla loh, sebenarnya ane terinspirasi untuk buat postingan ini ketika ane ikut Lomba Kompetensi Siswa nah salah satu poin penilaiannya tentang ini. Ya udah to the point aja langsung ya neh cekibroot
Pertama – tama buat dulu file JavaScriptnya, sekedar info script ini merupakan sebagian dari isi dari file Joomla yang bernama “md_stylechanger.js” jadi script ini bukan buatan ane melainkan ciptaan pegawai Joomla, kalau udah di copas trus save dengan name “perubah.js” atau terserah ente deh namanya
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/*global window, localStorage, fontSizeTitle, bigger, reset, smaller, biggerTitle, resetTitle, smallerTitle, Cookie */
var defaultFontSize = 100;
var currentFontSize = defaultFontSize;
function setFontSize(fontSize){
document.body.style.fontSize = fontSize + '%';
}
function changeFontSize(sizeDifference){
currentFontSize = parseInt(currentFontSize, 10) + parseInt(sizeDifference * 5, 10);
if (currentFontSize > 180){
currentFontSize = 180;
} else if (currentFontSize < 60){
currentFontSize = 60;
}
setFontSize(currentFontSize);
}
function revertStyles(){
currentFontSize = defaultFontSize;
changeFontSize(0);
}
Nah untuk pengaplikasiannya buat sebuah file html, contohnya seperti script ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xml:lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" lang="en-gb">
<head>
<script type="text/javascript" src="perubah.js"></script>
</head>
<title>Script perubah ukuran font</title>
<body>
<div id="fontsize">
<h3>Font size</h3>
<p class="fontsize">
<a onclick="changeFontSize(2); return false;" title="Increase size" class="larger" href="index.html">Bigger</a>
<a onclick="revertStyles(); return false;" title="Revert styles to  default" class="reset" href="index.html">Reset</a>
<a onclick="changeFontSize(-2); return false;" title="Decrease size" class="smaller" href="index.html">Smaller</a>
</p>
<p>Ukuran Fontnya pasti berubah</p>
</div>
</body>
</html>
Nah hasilnya nanti seperti ini untuk ukuran font standart :

Nah hasilnya nanti seperti ini untuk ukuran font yang paling besar :

Ini tampilan untuk ukuran font yang paling kecil :

Popular posts from this blog

Kumpulan Dork Untuk Deface Website Lengkap

Oke sob, setelah lama gak berbagi tutorial hacking, kali ini saya  mau berbagi kumpulan dork lengkap untuk deface website. Kumpulan Dork ini dapat  kamu gunakan untuk mencari target website yang vuln terhadap SQLI Injection sob. Oke berikut ini kumpulan dork nya: kumpulan dork untuk deface, dork untuk sql injection, mencari target website dengan dork, deface menggunakan dork, sqli injection menggunakan dork, deface website

check this on:
inurl:iniziativa.php?in=
inurl:curriculum.php?id=
inurl:labels.php?id=
inurl:story.php?id=
inurl:look.php?ID=
inurl:newsone.php?id=
inurl:aboutbook.php?id=
inurl:material.php?id=
inurl:opinions.php?id=
inurl:announce.php?id=
inurl:rub.php?idr=
inurl:galeri_info.php?l=
inurl:tekst.php?idt=
inurl:newscat.php?id=
inurl:newsticker_info.php?idn=
inurl:rubrika.php?idr=
inurl:rubp.php?idr=
inurl:offer.php?idf=
inurl:art.php?idm=
inurl:title.php?id=
inurl:trainers.php?id=
inurl:buy.php?category=
inurl:article.php?ID=
inurl:play_old.php?id=
inurl:declara…

Kumpulan Dork Untuk Deface Website Lengkap

check this on:
inurl:iniziativa.php?in=
inurl:curriculum.php?id=
inurl:labels.php?id=
inurl:story.php?id=
inurl:look.php?ID=
inurl:newsone.php?id=
inurl:aboutbook.php?id=
inurl:material.php?id=
inurl:opinions.php?id=
inurl:announce.php?id=
inurl:rub.php?idr=
inurl:galeri_info.php?l=
inurl:tekst.php?idt=
inurl:newscat.php?id=
inurl:newsticker_info.php?idn=
inurl:rubrika.php?idr=
inurl:rubp.php?idr=
inurl:offer.php?idf=
inurl:art.php?idm=
inurl:title.php?id=
inurl:trainers.php?id=
inurl:buy.php?category=
inurl:article.php?ID=
inurl:play_old.php?id=
inurl:declaration_more.php?decl_id=
inurl:pageid=
inurl:games.php?id=
inurl:page.php?file=
inurl:newsDetail.php?id=
inurl:gallery.php?id=
inurl:article.php?id=
inurl:show.php?id=
inurl:staff_id=
inurl:newsitem.php?num=
inurl:readnews.php?id=
inurl:top10.php?cat=
inurl:historialeer.php?num=
inurl:reagir.php?num=
inurl:Stray-Questions-View.php?num=

Cara Mendapatkan Like Instagram

Instagram adalah sebuah aplikasi social media yang hanya bisa berbagi foto maupun video di timeline. Instagram sendiri telah menjadi trend di kalangan berbagai dunia. Banyak di antara kita ingin mempunyai Followers atau Love di akun instagram kita banyak, bahkan sampai ada yang menemukan cara untuk mendapatkan  Followers atau Love secara ilegal (tanpa murni). Kali ini saya akan share cara untuk mendapatkan Love di Instagram menggunakan Ip address. Jika kalian suka dengan artikel saya. silahkan share, like and subscribe juga akun youtube saya. 
Download terlebih dahulu jamunya guys... Dapatkan Media_ID instagram kamu disini >>>Download terlebih dahulu Link Ip instagramnya disini >>>Download terlebih dahulu VPN >>> atau bisa gunakan VPN terbaik kalian.Download web auto refresh >>> jika sudah di download semuanya, Ikuti tutorial yang saya berikan berikut ini :
Buka VPN lalu hubungkan VPNnya | lihat settingannya disiniBuka aplikasi Web auto refsr…