Cara Membuat Text Sizer Di Blogs

Belajar SEO dan Blog Bagi pemula
memasang text sizer di blog


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

0 Response to "Cara Membuat Text Sizer Di Blogs"

Posting Komentar

Jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Oia sebelum menyisipkan script silahkan gunakan tools konversi terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

¯\(◕ ‿◕)/¯



convert TOS

ADMIN Blog