Trik Menghilangkan Font Asli Untuk Pengguna Cufon
Jumat, 11 November 2011
Posted by Monstr
Bagi para pengguna Cufon harus menggunakan trik ini. Trik ini dikembangkan oleh Chris Wallace, dia mencoba melakukan trik (hack) untuk menghilangkan karakter font asli, agar font dari Cufon-nya tidak didahului oleh jenis font aslinya. Saya mencobanya di 'blogger template', tetapi trik itu tidak berjalan sempurna, perlu ada pembenahan sedikit.
Pembenahan trik ini tidak jauh berbeda dengan Chris Wallace, seperti ini:
1. Taruh kode
css ini di atas <body>, kode ini yang merupakan trik untuk menghilangkan font asli:<style type='text/css'>
<!--
h2.post-title, #header h2, #footer{visibility:hidden}
-->
</style>
2. Kemudian masukan pula script cufon, termasuk juga kode css untuk mengaktifkan kembali, diatas </body>:
<!-- Cufon -->
<script src='http://cufon.shoqolate.com/js/cufon-yui.js' type='text/javascript'>
</script>
<script src='http://choenblogspot.googlecode.com/files/Mistral_400.font.js' type='text/javascript'>
</script>
<script type='text/javascript'>
Cufon.replace("h2.post-title, #header h2, #footer",{
textShadow: '#050505 1px 1px'
});
</script>
<script type='text/javascript'>Cufon.now();</script>
<style type='text/css'>
<!--
h2.post-title, #header h2, #footer{visibility:visible}
-->
</style>
Catatan: kode
h2.post-title, #header h2, #footer diatas itu contoh, perlu anda sesuaikan dengan keperluan anda.3. Sip Selesai.
Catatan: Trik ini menghasilkan 2 error pada validasi HTML :(, karena penempatan kode style CSS di dalam bagian HTML, sangat disayangkan.
:: lihat juga:
- Cufon pilihan lain selain sIFR
- Free Blogger Template dengan Cufon (bagi pengguna template ini harap menambah trik diatas.
:: Mau menggunakan sIFR:
- Menggunakan sIFR 2.0 di 'Blogger Template'
- Free Blogger Template dengan sIFR 2.0
0 Komentar (Trik Menghilangkan Font Asli Untuk Pengguna Cufon)
Posting Komentar
Berlangganan Posting Komentar [Atom]