Sabtu, 21 Mei 2011
MEMBUAT DINAMIK TEXT RESIZER KE DALAM POSTINGAN
13.23 |
Diposting oleh
Abusalza |
Edit Entri
1. Masuk ke Dasbor ==> Rancangan ==> Edit HTML
2. Untuk berjaga-jaga sebaiknya kamu backup template-mu (download template lengkap)
3. Pilih centang "Expand Template Widget"
4. Cari kode tag </head> dan paste script di bawah ini tepat diatasnya
<script src='http://abusalza-project.googlecode.com/files/dynamic-font-resize.js' type='text/javascript'/>
5. Cari kode ]]></b:skin> dan diatasnya letakkan kode script berikut :
#your-body, #your-body p, #your-body a, #your-body h1, #your-body h2, #your-body h3, #your-body h4, #your-body h5, #your-body li, #your-body li a,#your-body ul,#your-body ol li,#your-body ol li a {}#resize-box {
background-color:#FCE0B1;
border:1px dashed #DC8F09;
float:right;
margin:5px;
}
#resize-box:hover {
background-color:#FEE7C8;
}
#resize-box a {
color:#674304;
display:block;
float:left;
font-family:Arial,sans-serif;
font-size:16px;
padding:5px 10px;
text-decoration:none;
}
#resize-box a:hover {
color:#DC8F09;
}
Ket :
FCE0B1 adalah warna kotak background
DC8F09 adalah warna garis batas kotak background
FEE7C8 adalah warna kotak background saat cursor mouse melayang diatasnya
674304 adalah warna teks
DC8F09 adalah warna teks saat cursor mouse melayang diatasnya
6. Lalu cari kode <data:post.body/> dan ganti dengan kode berikut :
<b:if cond='data:blog.pageType == "item"'><div id='resize-box'>
<a href='javascript:increaseFontSize()' id='increase'><b>A<sup>+</sup></b></a>
<a href='javascript:decreaseFontSize()' id='decrease'><b>A<sup>-</sup></b></a>
</div>
</b:if>
<div id='your-body'><data:post.body/></div>
Ket :
Jika kamu menggunakan otomatis read more script, mungkin kamu akan menemukan 2 buah <data:post.body/> maka ganti kode yang pertama kamu temukan.
Secara default text resizer hanya tampil pada postingan blog, tapi jika kamu ingin menampilkannya juga pada home page maka hapus script yang berwarna biru.
7. Simpan template dan cek hasilnya
Credits : artistutorials.co.cc
Mantab om admin. baru liat yang ginian...
kucoba dulu ya...
thank you berat
Sama-sama ya gan.
ditunggu laporan working apa nggak scriptnya