Cara Membuat Tulisan Miring Dengan CSS

Dengan Script ini Anda dapat membuat dan mengatur posisi dan bentuk kemiringan sebuah tex pada blog Anda menggunakan CSS simple ini. Untuk penerapan kodenya silahkan simpan CSS dan Javascript ini kedalam blog Anda.

Untuk lebih mudahnya simpan di Tata Letak, caranya :

1. Klik menu tata letak pada dashboard blogger Anda
2. Pilih HTML/Javascript
3. Untuk judul kosongkan saja
4. Paste kode berikut kebagian isi

<script type="text/javascript"> function miring(url) {newwindow=window.open(url,'name');if(window.focus) {newwindow.focus()} return false;} function yourText(animation) {var DkD07="ow.ly/";var miring="http://";document.write('<div>'); document.write('<a id="miring" "href='+miring+'" oNclIck="return miring(\''+miring+''+DkD07+'DkD07\')">'+animation+'</a>');document.write('</div>');} yourText("TEKS ANDA") </script> <style> #miring { position:fixed; margin-left:-200px; font-size: 30px; font-family: 'Age', cursive; margin-top:10px; cursor:copy; text-shadow: 0 1px 0 #fff, 0 2px 0 #bbb, 0 3px 0 #aaa, 0 4px 0 #aaa, 0 5px 0 #999, 0 6px 1px #000, 0 0px 3px #000, 0 1px 3px #000, 0 3px 5px #000, 0 5px 10px #000, 0 5px 20px #000; -webkit-transform: rotate(325deg); } </style>

Keterangan

Ganti TEKS ANDA menjadi tulisan pilihan Anda, bisa dengan menulis judul blog atau apa saja.
Keterangan margin-left:-200px; adalah jarak antara teks dengan batasan halaman sebelah kiri. Anda bisa merubah -200 menjadi -100 ataupun mengubah dari (-) menjadi (+) seperti margin-left:30px;
Untuk mengatur kemiringan teks tersebut, silahkan edit bagian -webkit-transform: rotate(325deg);

Share this Article