Untuk lebih mudahnya simpan di Tata Letak, caranya :
- Klik menu tata letak pada dashboard blogger Anda
- Pilih HTML/Javascript
- Untuk judul kosongkan saja
- 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);
Kalau ada pertanyaan atau anda suka dengan "Cara Membuat Tulisan Miring Dengan CSS" di atas silahkan masuk pada kolom komentar di bawah. Thanks.
ini nih yang lagi saya cari2, terimakasih untuk tutorialnya
BalasHapus