Cara Memasang Widget Font Resizer Pada Blogspot

Hmmmmm, judulnya agak panjang ya? Ya mau gimana lagi, sepintas judul yang lewat di dalam otak udang ku cuma itu, jadi ya langsung ku ketikkan aja deh. Heheheh.

Ah sudah lah, judul doang gak masalah kok.

Nih, kali ini Blog Kedua Ari bakalan ngasih tahu bagaimana cara pasang widget font resizer pada blog kamu. Bingung ya untuk apa font resizer itu? Menurut hasil percobaanku sih font resizer itu untuk mengubah ukuran font pada blog kamu.

Widget ini saya sarankan buat kamu yang pengunjungnya kebanyakan para "manula" (manusia lupa usia). Nah, bayangkan, gimana kalau "manula" yang blogwalking ke blog kamu sudah rabun? Pasti dia keselkan lihat tulisan pada blog kamu itu kecil kecil imut imut. Trus bisa saja dia frustasi, terus bunuh diri dengan cara gantung diri di bawah pohon sawi, tingginya 5 senti.

(Uuupppss, sorry kalo kebanyakan ngoceh)

Ok, BTT (Back To Topic)

Caranya gak ribet kok. Cukup ikuti langkah berikut.

1. Pastikan kamu sudah login ke akun blogger kamu. Ingat...!!!! Punya kamu loooh.

2. Buka Rancangan, Edit HTML, dan beri tanda centang pada Expand Widget Template

3. Cari  ]]></b:skin>

4. Copy teks berikut sebelum/di atas ]]></b:skin>

/* resizeFont<br /> */<br /> #resizeFont{<br /> text-align:right;<br /> margin-right:10px;<br /> }
5. Terus cari </head> dan copykan teks berikut sebelum/di atasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- begin ResizeFont --> <script type='text/javascript'> $(function(){ $('input').click(function(){ var ourText = $('#content-wrapper'); var currFontSize = ourText.css('fontSize'); var finalNum = parseFloat(currFontSize, 10); var stringEnding = currFontSize.slice(-2); if(this.id == 'large') { finalNum *= 1.1; } else if (this.id == 'small'){ finalNum /=1.1; } else if (this.id == 'reset'){ finalNum =13; } ourText.animate({fontSize: finalNum + stringEnding},500); }); }); </script>
6. Save template
7. Buka layout, dan tambahkan gadget HTML/JavaScript lalu copy dan pastekan kode berikut di dalamnya, dan klik Save

<div id='resizeFont'><input id='large' type='button' value='A+'/><br /> <input id='reset' type='button' value='A'/><br /> <input id='small' type='button' value='A-'/><br /> </div>

Contoh

Tralalalala, simsalabim, jadi deh.Hahahah, gampang kan?Mau praktekkan di blog kamu? Silahkan.
Cukup sekian dulu deh postingan kali ini, nanti bakalan balik lagi bawa postingan yang pas mantab.