Sabtu, 19 September 2009

Ganti Font Blog dengan Metode Cufon

Di postingan sebelumnya, saya udah share gmn ganti font dengan metode css kan ?? nah sekarang untuk metode Cufon saya akan share disini, Langsung ajah sob, to the poin .

Caranya..

1. Kunjungi situs Generate Cufon untuk mengubah format font menjadi format javascript . Kalo sobat kebingungan mau menggunakan font jenis apa, temen2 bisa cari dan pilih dibawah ini


1. Font Squirrel

free fonts


2. Font Cubes

free fonts



3. 1001 Free Fonts

free fonts



4. SearchFreeFonts.com

free fonts


5. dafont.com

free fonts


6. abstractfonts.com

free fonts

Download fontnya, lalu generate font yg udah di download , Setelah mendapat hasil generate dalam berbentuk javascript . Upload file javascript ke hostingan favorit temen2 .


2. Tahap kedua masukan Javascript Cufon dibawah ini di bawah ]]></b:skin>
<script src='http://h1.ripway.com/r3ndra/cufon.js' type='text/javascript'/>


3. Lalu masukan juga script dibawah ini sesudah script di atas, <script src='http://URL FONT SOBAT.JS' type='text/javascript'/>

NB : http://URL FONT SOBAT.JS adalah hasil generate font dalam berbentuk javascript yg sudah di upload .

4. Masukan juga javascript ini dibawahnya. <script type='text/javascript'>
Cufon.replace('h1', {
textShadow: '#BBB 1px 2px'
});
Cufon.replace('h2', {
textShadow: '#BBB 1px 2px'
});
Cufon.replace('h3');

</script>


5. Nah terakhir nih sob, masukan css ini..
Cufon.replace('#cufon-area h1, #cufon-area h2, #cufon-area h3');

Nah selesai.. simpan sob . lalu lihat hasil nya ..

1 komentar:

Giblog mengatakan...

test..

Posting Komentar

Open

About Me