GO Blog

Fluid Text widget Resizer adalah tool yang berguna untuk merubah ukuran font di posting dan script ini saya adopsi dari drive dinamis. Ini akan muncul tepat di bawah judul posting Anda dan akan memungkinkan pengunjung Anda untuk mengubah ukuran teks untuk kenyamanan mereka. Ukuran teks pada seluruh blog Anda akan diperbesar Dari sidebar sampai footer, semua teks akan dimaksimalkan. tool ini juga dapat mengubah kembali ukuran font ke ukuran default/semula sebelum di rubah. ikuti saja trik di bawah ini untuk membuat tool ini...

Cara memasang tool resize font di posting

1. Login ke Blogger> Template> Edit HTML
2. Backup template Anda
3. Cari kode tag di bawah ini,

]]></b:skin>

4. Tepat di bawahnya paste kode berikut

<style type='text/css'>

/*----- Text Resizer By DB ------*/
.controlstyle a{ /*links inside DIV sizecontroldiv*/
outline:none;
}
.controlstyle a img{ /*image links inside DIV sizecontroldiv*/
border-width:0;
}
.controlstyle a.selectedcontrol img{ /*selected control&#39;s image*/
border-bottom:4px solid darkred;
}
.DB-text-resizer{
font-weight:bold!important; color:#F07727!important; text-decoration:none!important; font-family:arial,tahoma !important; font-size:16px!important;
}

#DB-text-resizer-container {
margin:4px 0px;
padding:4px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd; width:100%;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://template-defandaky.googlecode.com/files/resize-font.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var mytextsizer=new fluidtextresizer({
    controlsdiv: &quot;sizecontroldiv&quot;, //id of special div containing your resize controls. Enter &quot;&quot; if not defined
    targets: [&quot;body&quot;], //target elements to resize text within: [&quot;selector1&quot;, &quot;selector2&quot;, etc]
    levels: 10, //number of levels users can magnify (or shrink) text
    persist: &quot;session&quot;, //enter &quot;session&quot; or &quot;none&quot;
    animate: 200 //animation duration of text resize. Enter 0 to disable
})
</script> 

<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='DB-text-resizer-container'>
<div class='controlstyle' id='sizecontroldiv'>
<font style='color:#666; font-weight:bold;'>Sesuaikan ukuran:</font>  <a class='mbt-text-resizer' href='#smaller'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeXTVAfB5CaDGhVmir4NgrsfoO22Gf16Uo4BLF1tPK2SweMk-Niyt1UnoYHCoKxxSFkDbCK1CpctSGaJ-49NxZMcGgJWzZN5z-yxRAHS2jNn00T4TQVXn1AvBp454zraIbMAh8GadRdU8/s400/oranged.png'/>&#160;</a>  <a class='DB-text-resizer' href='#bigger'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQtEVSk2pv9g2kEe6mIuFb2sqL43q1zEFFEFrwBctl5KOxcmtoOlhE2tll9pf5Ck1jmfOlQ6G2AOSNZ14gnCD9J_hdFuD10rLPQKG4PgGLiulLTu84gGaBLg4PNae4NPajMcT6gnYDy-E/s400/orangei.png'/>&#160;&#160;</a><a class='DB-text-resizer' href='javascript:mytextsizer.setFontLevel(0)' rel='nofollow'>Batalkan &#8597;</a>
</div>
</div>
</b:if>