Aduh sudah lama saya ingin sekali memposting artikel ini, tetapi apa boleh buat semua ini karna faktor kesibukan dan kelupaan ckckckck :D.
Sesuai judulnya, membuat tombol resize text pada webpage. Tombol resize text ini berguna untuk pengunjung yang tidak bisa membaca karna kekecilan dan kebesaran teks padahal kita sendiri bisa membacanya. Hehehe sama kayak saya ya ini? Maap maap saya gak pasang ini.. hehe. Dengan mengeklik tombol, otomatis tulisan teks pada blog akan membesar atau memperkecil Nah, cara atau trik ini tidak membuat masalah loading blog kok, tidak memperlambat lah. Contoh :
Nah, sudah melihat bukan kehebatan dari Resize Text ini. Mari kita simak liputan berikut untuk menjadikan Resize Text ini menjadi Widget :
• Pertama tama buka blogger.com dan login disitu
• Selanjutnya masuk ke Rancangan → Page Element → Add a Gadget → Javascript
Nah selanjutnya isi dengan kode berikut :
• Save dan lihat hasilnya menjadi dibawah.
Sesuai judulnya, membuat tombol resize text pada webpage. Tombol resize text ini berguna untuk pengunjung yang tidak bisa membaca karna kekecilan dan kebesaran teks padahal kita sendiri bisa membacanya. Hehehe sama kayak saya ya ini? Maap maap saya gak pasang ini.. hehe. Dengan mengeklik tombol, otomatis tulisan teks pada blog akan membesar atau memperkecil Nah, cara atau trik ini tidak membuat masalah loading blog kok, tidak memperlambat lah. Contoh :
Nah, sudah melihat bukan kehebatan dari Resize Text ini. Mari kita simak liputan berikut untuk menjadikan Resize Text ini menjadi Widget :
• Pertama tama buka blogger.com dan login disitu
• Selanjutnya masuk ke Rancangan → Page Element → Add a Gadget → Javascript
Nah selanjutnya isi dengan kode berikut :
<script language="javascript">Kode Merah adalah kode icon memperbesar, kuning icon untuk normal, dan biru icon untuk memperkecil.
var tgs = new Array( 'div','td','tr');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 6 ) sz = 6;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
</script>
<center><a href="javascript:ts('body',1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tZUshtkwmDtFKPL9d1tWe58qM5oesN5IeYx8EF-XR_O0Sh8JgpzyP5cU1gj18vHtd6iMsUpjjN5Q0AS92az0kg3d_KeMN7l4Y4pcUWCZtJa8QMexAGtzFN92176vpXCjmY4j1cX_uu4/s1600/format-font-size-more.png" title="Perbesar"/></a>
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1GKSZctN0rBc9G_3NJcOGqlmyvK00dhS2NV3_2iX7WTm-k0bc53vZqKoI5EG0CzSaQjYzUrrDnKPf3p7WTKa5Y50WqNoWviu7qYDDlO7BwZEDfYumO5sRFzixF8oq_jnoCRIuv0JyJwc/s1600/normal.png" title="Normal"/></a>
<a href="javascript:ts('body',-1)"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtcxfs_rP0B4aM3OVY3-EMLUyRjounw-_e0uH55TjqT21tOZ8NI56WXcHqzABh1yDriJXHcvmjEKOb__lYsoXxbWESGDIYw8D2_G9C8Y_ifKheF7W2ecVEVgZ49P9g1fPTpVBMq1-9sfA/s400/format-font-size-less.png" title="Perkecil"/></a></center>
• Save dan lihat hasilnya menjadi dibawah.
Nice tips shob... thanks
BalasHapusoi...kasudnya gimana nih "berguna untuk pengunjung yang tidak membaca karna kekecilan dan kebesaran teks padahal kita sendiri bisa membacanya"
BalasHapuscoba di kasih contoh donk di blog kamu ris...saya mau coba,tapi gak sempet utak atik blog nih...
BalasHapuswah.. bagus.. iya nnt tak coba luk da waktu.. hehehe.. :D
BalasHapusHAPPY NEW YEAR YAW...
@Dimas : Dengan mengeklik tombol, otomatis tulisan teks pada blog akan membesar atau memperkecil...
BalasHapusOkelah saya taru diblog sebentar saja.. hehe
wah mantaap nih , boleh di coba :D
BalasHapusoke sy save dulu ya...nice post..
BalasHapusWah ternyata ini toh kodenya, makasih ya :)
BalasHapussalam sob
BalasHapusthanks sharenya
q juga udah pasang
BalasHapusThanks all kunjungan dan komentarnya :)
BalasHapusboleh juga nih sob, thanks ya
BalasHapusknjung prdana...lam knal,
@music terbaru : sama sama sob, thanks kunjungannya!
BalasHapusistilahnya hover gitu ya???
BalasHapus@dimas : kurangnya begitu, dicoba saja sob agar lebih mantaff..
BalasHapusNice post, dan ditunggu tutorial terbitan lainnya
BalasHapusmuantab sob, happy blogging
BalasHapus