Background Penulisan Script

ini cara buat background penulisan script biar lebih bergaya gitu..

langsung ajah dah .. gpl.

ini css sekaligus contohnya..


/*code*/
.code {
display:block;
font-family:Courier New;
font-size:9pt;
width:360px;
overflow:auto;
repeat-y;
max-height:200px;
margin:5px 10px;
padding: 2px 15px 2px 25px;
background:url(http://i583.photobucket.com/albums/ss279/negativa/code.png) no-repeat left top; }


Nb, di edit ajah deh sesuka ati.. skalian cocokin gambarnya sama template,

The HTML,


<span class="code">

disini tempat penulisan kode scriptnya........................................
</span>


nah selese dah......

Read More..

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




2. Font Cubes





3. 1001 Free Fonts





4. SearchFreeFonts.com




5. dafont.com




6. abstractfonts.com

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 ..

Read More..