Selasa, 23 April 2013
Selamat pagi, kali ini admin ingin berbagi sesuatu (syahrini mode on) :P
Yaitu cara membuat tulisan melayang di blog seperti gambar di atas. OK. Langsung ke triknya. Perhatikan baik-baik!
1. Masuk ke Blogger
2. Pilih Template --> EDIT HTML
3. Cari kode ]]></b:skin> ( gunakan ctrl + f biar cepet )
4. Terus pastekan kode berikut diatasnya :
#Kode { margin-top:50px; margin-right:30px; position: absolute; font-family: 'Age', cursive; font-size: 30px; 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); -moz-transform: rotate(325deg); -o-transform: rotate(325deg); writing-mode: lr-tb; }
2. Pilih Template --> EDIT HTML
3. Cari kode ]]></b:skin> ( gunakan ctrl + f biar cepet )
4. Terus pastekan kode berikut diatasnya :
#Kode { margin-top:50px; margin-right:30px; position: absolute; font-family: 'Age', cursive; font-size: 30px; 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); -moz-transform: rotate(325deg); -o-transform: rotate(325deg); writing-mode: lr-tb; }
5.Jika sudah, cari lagi kode <body> dan pastekan HTML berikut diatasnya
<div id='Kode'>
<center>
<span style='color: orange;'>CREATIVE BLOG</span></center>
</div>
6.Save
Keterangan : Yang berwarna merah adalah nama fontnya, ganti nama font kesukaanmu dengan nama font kesukaanmu
Yang berwarna biru adalah ukuran fontnya, ganti dengan sesukamu
Yang berwarna hijau adalah warna tulisan yang kamu mau, ganti warna orange menjadi warna kesukaanmu
Yang berwarna orange adalah Tulisan yang ingin ditampilkan nanti, ganti dengan tulisan yang kamu mau
Sumber
aduhh gx ngerti ni
BalasHapushahah baca dg teliti
Hapusjangan lupa mampir ke: detikball.blogspot.com
whahaha nice mas..
BalasHapusjgn lupa ke sini yah berkunjung.
http://harafimulki.blogspot.com
huft qw ug bgung..heee
BalasHapuskunbal boss......... http://trimudareog.blogspot.com
BalasHapusjangan lupa mampir ke: detikball.blogspot.com
BalasHapuscontohnya hasil nya ada gak mas
BalasHapuskok gk bisa ya?
BalasHapuskunjungi ya www.rezffendi.blogspot.com
BalasHapuswah akhirnya nemu juga...
BalasHapusmampir ke www.wadirin.blogspot.com
Mantap gan, tapi masih ada yang kurang nih CSSnya, barusanudah ane edit & sukses..
BalasHapusBagi yang masih penasaran bisa baca postingan ane..
http://www.kangsigit.com/2014/10/cara-buat-tulisan-teks-melayang-di-blog.html
Untuk LINK DEMO juga ada gan..
thanks berat bwt admin...
bemanfaat nih post,kunjungi ya http://fastpctrick.blogspot.com/
BalasHapusThanks yah :) Semoga Laris nih Blognya :)
BalasHapusPermisi Ada yang minat ????
Gabung Di Blog saya :) --> http://infoblog-bagas.blogspot.com/
Saya Mau ganti template dulu :p
http://dipcline.blogspot.com/
BalasHapuswah work gan oke dehh