Cara Membuat Text Sizer Di Blogs

Cara Memasang Text Sizer Menggunakan Javascript Pada Blogs, Text Sizer adalah suatu widget untuk merubah ukuran teks di blogs sobat. Text sizer sangat bermanfaat sekali, karena setiap blog mempunyai ukuran font teks yang berbeda-beda. Mungkin ada yang terlalu kecil ataupun terlalu besar. dengan widget text sizer script ini, Pembaca blog nantinya akan dapat menentukan dan menyesuaikan sendiri ukuran font teks blog sobat sesuai kenyamanan pengunjung.

Untuk contoh Text Sizer Script ini, Coba perhatikan di pojok kanan widget text sizer disitulah bisa sobat coba sendiri.

Untuk cara memasang text sizer script widget di blog ini caranya cukuplah mudah.widget text sizer dapat dipasang di mana saja seperti di sidebar atau postingan. Widget text sizer ini juga dapat mempercantik tampilan blogs sobat. berikut ini Panduan dan langkah-langkah memasang widget text sizer.

Silahkan sobat Copy Paste kode Script di bawah ini kemudian simpan di tata letak kemudian pilih posisi sidebar dilanjutkan tambahkan gadget dan pilih html javascript

<style type="text/css">
#GRdocsizer{
        position:fixed;
        bottom:0px;
        right:10px;
        z-index:9;
}
a.GRsmallerdoc,a.GRlargerdoc{
        width:120px;
        height:16px;
        display:inline-block;
        background:#666 url(https://lh4.googleusercontent.com/-J9r40P1EQ0I/T1zUcuXx4NI/AAAAAAAAAVY/Tw5NmyhzNtg/s128/larger-doc.gif) center no-repeat;
        padding:4px;
        float:right;
        border:2px solid #930;
}
a.GRlargerdoc{
        background:#666 url(https://lh4.googleusercontent.com/-k7gcwGiLP6U/T1zUdx74xtI/AAAAAAAAAVg/zUUWMXfkxtI/s128/smaller-doc.gif) center no-repeat;
        border-right:0 solid;
}
a.GRsmallerdoc:active,a.GRlargerdoc:active{outline:none;}
</style>
<script type="text/javascript">
/* variasiblogger */ //<![CDATA[
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>
<div id="GRdocsizer">
<a class="GRsmallerdoc" href="javascript:ts('body',1)"></a><a class="GRlargerdoc" href="javascript:ts('body',-1)"></a>
</div>

Jika sudah disimpan di sidebar jangan lupa save atau simpan dan lihat hasilnya, Ternyata lumayan mudah sekali cara memasang widget Text Sizer Script untuk merubah ukuran font di blogs sekali klik.

Semoga Tutorial cara merubah ukuran font pada blogs dengan menggunakan widget Text Sizer ini bisa mudah dipahami dan dimengerti, Oia untuk sobat yang masih pemula dan bingung cara pasang kode script di blogs bisa mencoba membaca artikelnya disini Cara Memasang Widget Di Blogs Terbaru, semoga bermanfaat.

Sumber

Share to

 â