mas template

Memasang Text Resizer di Blog

Terkadang jika kita mengunjungi sebuah blog atau web, kita dihadapkan pada tulisan blog yang menurut kita terlalu kecil sehingga kita susah untuk membacanya. Nah, untuk menyikapi hal itu, diperlukan sebuah fasilitas untuk memperbesar ukuran huruf tersebut, benar kan? Kali ini saya akan membahas mengenai cara membuat tombol text resizer itu. Dengan adanya tombol resizer itu, otomatis tulisan teks pada blog akan membesar atau memperkecil.

Untuk contoh soalnya, temen-temen bisa lihat disini, klik tulisan berwarna biru dengan background ungu tersebut anda akan melihat huruf yang akan semakin membesar. Nah, sudah mengerti kan? Jika anda tertarik berikut ini akan saya jelaskan langkah pembuatannya :
  1. Login ke blogger dengan akun anda
  2. Selanjutnya klik Rancangan >> pilih Edit html
  3. Jangan lupa centang Expand Template Widget
  4. Saya sarankan untuk membackup template anda dengan cara klik download template lengkap
  5. Langkah selanjutnya copy CSS di bawah ini, lalu paste persis di atas kode ]]></b:skin>
    .textsizernorm, .textsizerbig, .textsizerbigger, .textsizersmall {
    padding-top: 20px;
    -o-transition: font 2s ease-in;
    -moz-transition: font 2s ease-in;
    -webkit-transition: font 2s ease-in;
    }
    .textsizersmall{font-size:12px}
    .textsizernorm{font-size:13px}
    .textsizerbig{font-size:14px}
    .textsizerbigger{font-size:15px; font-weight:bold}
    span.sizer {
    float: right;
    text-align: center;
    height: 20px;
    width: 250px;
    margin: 0 10px 10px 0;
    background: #333366;
    display: block;
    font-size: 18px;
    padding: 2px 10px;
    color: #00CCFF;
    text-shadow: 1px 1px 1px blue;
    cursor: pointer;
    border: 1px solid #eee;
    font-family: Times New Roman;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 1px 1px 6px #000;
    -moz-box-shadow: 1px 1px 6px #000;
    -webkit-box-shadow: 1px 1px 6px #000;display: block;
    }
    span.sizer:active {
    border: 1px solid #555;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #003399;
    box-shadow:0px 0px 12px #000;
    -moz-box-shadow:0px 0px 12px #000;
    -webkit-box-shadow:0px 0px 12px #000;
    margin-top: -1px;
    }
    .clr20 {clear: both; height: 20px;}
  6. Selanjutnya cari kode <data:post.body/> lalu letakkan kode dibawah ini diatasnya
    <div class='textsizersmall' onclick='if (this.className==&quot;textsizersmall&quot;) { this.className=&quot;textsizernorm&quot; } else if (this.className==&quot;textsizernorm&quot;) { this.className=&quot;textsizerbig&quot; } else if (this.className==&quot;textsizerbig&quot;) { this.className=&quot;textsizerbigger&quot; } else if (this.className==&quot;textsizerbigger&quot;) { this.className=&quot;textsizersmall&quot; } else { this.className=&quot;textsizersnall&quot; }'><span class='sizer'>Text Resizer: Click for Resizer</span>
    <div class="clr20"/>
  7. Kemudian letakkan kode </div> setelah kode <data:post.body/> tersebut untuk lebih lengkapnya silahkan sobat lihat contoh dibawah ini.
    <div class='textsizersmall' onclick='if (this.className==&quot;textsizersmall&quot;) { this.className=&quot;textsizernorm&quot; } else if (this.className==&quot;textsizernorm&quot;) { this.className=&quot;textsizerbig&quot; } else if (this.className==&quot;textsizerbig&quot;) { this.className=&quot;textsizerbigger&quot; } else if (this.className==&quot;textsizerbigger&quot;) { this.className=&quot;textsizersmall&quot; } else { this.className=&quot;textsizersnall&quot; }'><span class='sizer'>Text Resizer: Click for Resizer</span>
    <div class="clr20"/>

    <data:post.body/>

    </div>
  8. Yang terakhir Save Template anda, kemudian lihat hasilnya.
Jika temen-temen ingin tampilan hurufnya lebih besar lagi, anda bisa menggantinya dengan cara mengganti font-size diatas. Sudah dulu ya penjelasannya, waktunya tidur selamat mencoba dan semoga bermanfaat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

69 comments:

  1. thanks atas informasinya yang sangat bermanfaat dan mudah dicerna

    ReplyDelete
  2. wkwkwkwk Lucu nih komentarnya :D
    buka Tutup , ada tutorial gak nih ??

    ReplyDelete
  3. tq gan atas infonya & sukses selalu gan :)


    PROMOSI

    hello semua para coment gan gan :)
    ayo bergabung bersama kami di website www.senang77.com
    cara mendapatkan uang dengan mudah gabunglah bersama kami..
    kami juga menyediakan bonus turn over 0.3% dan akan di bagikan dalam

    1 minggu dan balance akan masuk kedalam secara otomatisnya


    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    Kami juga menyediakan kode referral :)

    http://www.senangpoker.com/?ref=859522

    kami bisa dihunbungi melalui :

    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1
    Twitter : senangpoker
    SKYPE : senang.poker


    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK

    BRI, BANK MANDIRI, DAN BANK DANAMON.


    TERIMA KASIH
    salam manis :) senang77.com / senang77.net / senang77.info :)

    ReplyDelete
  4. I am happy to find your website and can join to comment
    I think is very valuable to be able to read your writing, and on this occasion will I use for my reference source
    Thank you so much for sharing, I hope you continue to write spirit next topic

    sex shop >> sex shop semarang >> Selaput Dara Buatan >> obat penghilang tatto >> Alat pembesar payudara >> boneka sex cantik ~ Vimax Canada ~ Obat Pembesar Penis ~ Pro Extender ~ Vimax Asli ~ Vimax Original

    ReplyDelete
  5. Nice blog. thanks for sharing. visit me:


    Vimax Asli

    ReplyDelete
  6. Berikut kami akan membahas tentang bagai mana cara memperbesar penis dengan hasil cepat dan aman tanpa oprasi

    jika anda ingin memperbesar penis dengan hasil cepat,aman tanpa oprasi itu mudah anda bisa pilih cara memperbesar penis dengan salah satu obat pembesar penis herbal seperti Neosize xl | Vimax Asli | Vigrx Plus,

    jika anda riskan konsumsi obat pembesar penis anda bisa pilih jalan lain seperti metode trapi ( pemakaian luar ) kami juga punya solusinya anda harus punya alat pembesar penis sejenis vacum penis atau Vimax Extender dan Pro Extender

    Berikut penjelasan kami :

    Apa Neosize Xl itu : Neosize Xl

    Apa Vimax Asli itu : Vimax Asli

    Apa Vigrx Plus itu : Vigrx Plus

    Apa Vacum Penis Itu : Vacum Penis

    Apa Vimax Extender itu : Vimax Extender

    Apa Pro Extender itu : pro extender

    Sekarang anda bisa tau rahasia cara memperbesar penis dengan aman tanpa oprasi.selamat mencoba.

    ReplyDelete
  7. VIMAX CANADA ASLI
    ALAT PEMBESAR PENIS
    ALAT BANTU PRIA
    ALAT BANTU WANITA

    ReplyDelete
  8. http://gg.gg/3qml3
    http://goo.gl/aXHf22
    http://goo.gl/piKfL4
    http://goo.gl/aUPwol
    bit.ly/1HPukDA
    http://goo.gl/CSldEU
    bit.ly/1KrNFdV
    http://goo.gl/QsMfr4
    http://goo.gl/1KEAd7
    http://goo.gl/eoJFyH
    http://goo.gl/gS1GOP
    http://goo.gl/5R6Rpr
    http://goo.gl/YQV504
    http://goo.gl/dnLBd0
    http://goo.gl/2Wscyh
    http://goo.gl/SXjCZR
    http://goo.gl/x9yloZ
    http://goo.gl/Snylz4

    http://goo.gl/97RTFh
    http://goo.gl/QRsrOQ
    http://goo.gl/IAujFZ
    http://goo.gl/kKgxOH
    http://goo.gl/MejQDL
    http://goo.gl/9YVrGE
    http://goo.gl/bJJDEV
    http://goo.gl/ME3kww
    http://goo.gl/Jg5yZ2
    http://goo.gl/Q7s5qK
    http://goo.gl/9FgTDT
    http://goo.gl/Apjw6v
    http://goo.gl/T1N66q

    ReplyDelete
  9. http://goo.gl/V9Enxg
    http://goo.gl/s7dKpb
    http://goo.gl/Pr2wJs
    http://goo.gl/SqE7ak
    http://goo.gl/igffFE
    http://goo.gl/gWdJvO
    http://goo.gl/ZmaAzW
    http://goo.gl/0tYAIK
    http://goo.gl/v1Yazy
    http://goo.gl/wpWUR1
    http://goo.gl/FTmTG7
    http://goo.gl/T0ofCS

    ReplyDelete
  10. Siang .. Let us plan what we will do. Let's do what we have planned
    Efek Samping Pasca Operasi Kanker Otak

    ReplyDelete
  11. Sehat itu murah, sehat itu milik kita semua. Bagi sebagian orang sehat itu mahal, memerlukan banyak biaya dan perawatan, tetapi bila anda rajin dan sering menggunakan alat Terapi Ion elektrik rendam kaki, sehat itu murah dan mudah. Oleh karena itu penting bagi anda untuk menjaga kesehatan semenjak dini dengan secara rutin membuang racun dan toksin dari tubuh anda dengan menggunakan alat terapi ion elektrik rendam kaki.
    Terapi Ion
    Terapi Ion Rendam Kaki Air Garam
    Peluang Usaha Rumahan
    Terapi Ion Elektrik Rendam Kaki Detox
    Manfaat Terapi Ion Elektrik
    Terapi Ion Elektrik
    Terapi Kesehatan Murah
    Peluang Usaha Modal Kecil
    Harga Paket Alat Terapi Ion Elektrik
    Pengedar Alat Terapi Ion Di Malaysia

    ReplyDelete
  12. Very good idea you've shared here, from here I can be a very valuable new experience. all things that are here will I make the source of reference, thank you friends

    #obat kuat semarang
    #alat bantu seks semarang
    #obat kuat
    #obat spilis
    #obat penyubur sperma
    #obat mandul
    #obat enjakulasi dini
    #obat kuat viagra
    #vakum pembesar penis
    #obat kuat seks
    #obat kuat
    #pro extender
    #obat kuat nangen
    #KLG pembesar penis

    ReplyDelete
  13. The disease of cancer is indeed very dangerous for anyone. Here I will give you the right solutions to address a wide range of cancers

    Inilah 8 Penyakit Kanker Dan Cara Pengobatannya

    Cara Menyembuhkan Berbagai Macam Penyakit Kanker

    ReplyDelete
  14. Very good idea you've shared here, from here I can be a very valuable new experience. all things that are here will I make the source of reference, thank you friends.
    www.pusatvimax.com
    #obat pembesar penis
    #vimax canada
    #vimax
    #vimax semarang
    #vimax pembesar penis
    #pembesar penis
    #vimax jakarta
    #vimax jambi
    #vimax izon
    #alat pembesar penis
    #vakum pembesar penis
    #vimax canada asli
    #ciri vimax asli
    #klg
    #klg herbal
    #agen klg
    #obat pembesar penis klg
    #klg asli

    #pusat vimax
    #vimax

    ReplyDelete
  15. Very good idea you've shared here, from here I can be a very valuable new experience. all things that are here will I make the source of reference, thank you friends.
    http://www.klgjakarta.net/
    http://www.perangsangjakarta.com/
    http://obatjakarta.com/

    ReplyDelete
  16. This comment has been removed by the author.

    ReplyDelete
  17. I still liked this article, good, good content, and unique design.Thank you for sharing the article.
    pengobatan untuk sembuhkan limpa bengkak

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. This comment has been removed by the author.

    ReplyDelete
  20. Cara Menghilangkan Bopeng Bekas Jerawat Dengan Jeruk Nipis COCOK UNTUK SEMUA JENIS KULIT DAN TANPA EFEK SAMPING. BISA DIKIRIM DULU OBATNYA.
    Cara Menghilangkan Bopeng Bekas Jerawat Dengan Jeruk Nipis

    ReplyDelete
  21. http://maskerqncjellygamat.com/review-dan-harga-obat-scarinex-di-apotik/

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger