CARA MENGHIAS BLOG DENGAN MARQUEE
halo para sobat bloger,udah bebrapa hari ini ane ga posting nih,,soalnya lagi sibuk di blog sebelah hehe,,
oke kali ini ane mau kasih sedikit tutorial cara menghias blog dengan marquee,memang terkadang kita merasa bosan melihat blog kita gitu2 aja,,sedangkan klo kita sedang berkunjung di blog orang lain kita suka melihat tulisan atau teks yang berjalan,,
nah,,kalian juga pasti bisa asal kalian ada kemauan untuk mau bisa hehe,,
ywdh langsung aja ya ane mau kasih sedikit tutorial soal marquee
<!doctype html>
code marquee
<div class="example-display"style="position:relative;height:600px;">
<marquee style="z-
index:2;position:absolute;left:18%;top:47%;font-family:cursive;font-size:14pt;color:#ffcc00;height:100px;"scrollamount="3" direction="down">contoh</marquee>
<marquee style="z-
index:2;position:absolute;left:1%;top:39%;font-family:cursive;font-size:14pt;color:#ffcc00;height:50%;"scrollamount="7" direction="down">code></marquee>
<marquee style="z-
index:2;position:absolute;left:11%;top:7%;font-family:cursive;font-size:14pt;color:lime;height:302px;"scrollamount="4"direction="down">html></marquee>
<marquee style="z-
index:2;position:absolute;left:25%;top:33%;font-family:cursive;font-size:14pt;color:#ffcc00;height:435px;"scrollamount="3"direction="down">marquee></marquee>
<marquee style="z-
index:2;position:absolute;left:15%;top:13%;font-family:cursive;font-size:14pt;color:#ffcc00;height:432px;"scrollamount="2"direction="down">silahkan></marquee>
<marquee style="z-
index:2;position:absolute;left:8%;top:29%;font-family:cursive;font-size:14pt;color:#ffcc00;height:369px;"scrollamount="1"direction="down">mencobanya></marquee>
<marquee style="z-
index:2;position:absolute;left:30%;top:17%;font-family:cursive;font-size:14pt;color:#ffcc00;height:289px;"scrollamount="7"direction="down">sendiri></marquee>
HASILNYA
code marquee
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://jadingarti1.blogspot.com"/>disini isi teks susaka kalian</a></marquee>
</div>
hasilnya
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://jadingarti1.blogspot.com/cara-menghasilkan-dolar-dari-google-adsense-tanpa-uploade-video-youtube.html">cara mengahilakan dolar dari google adsense tanpa uploade video youtube</a><br/><br/>
<a href="http://jadingarti1.blogspot.com/cara-download-video-youtube-tanpa-menggunakan-aplikasi.html">cara download video youtube tanpa menggunakan aplikasi</a><br/><br/>
<a href="http://jadingarti1.blogspot.com/cara-convert-video-youtube-ke-mp3-lalu-siap-download.html">cara convert video youtube ke mp3 lalu siap download</a><br/>
</marquee>
hasilnya
teks yang berwarna biru isi dengan alamat blog kalian dan teks yang berwarna ungu tersrah sesuka kalian
ok broo sekira nya cuma itu yang ane tau dan nanti di lain waktu ane bakal sempatin untuk posting soal html lain nya
semoga bermanfaat dan selamat mencoba.
oke kali ini ane mau kasih sedikit tutorial cara menghias blog dengan marquee,memang terkadang kita merasa bosan melihat blog kita gitu2 aja,,sedangkan klo kita sedang berkunjung di blog orang lain kita suka melihat tulisan atau teks yang berjalan,,
nah,,kalian juga pasti bisa asal kalian ada kemauan untuk mau bisa hehe,,
ywdh langsung aja ya ane mau kasih sedikit tutorial soal marquee
<!doctype html>
code marquee
<div class="example-display"style="position:relative;height:600px;">
<marquee style="z-
index:2;position:absolute;left:18%;top:47%;font-family:cursive;font-size:14pt;color:#ffcc00;height:100px;"scrollamount="3" direction="down">contoh</marquee>
<marquee style="z-
index:2;position:absolute;left:1%;top:39%;font-family:cursive;font-size:14pt;color:#ffcc00;height:50%;"scrollamount="7" direction="down">code></marquee>
<marquee style="z-
index:2;position:absolute;left:11%;top:7%;font-family:cursive;font-size:14pt;color:lime;height:302px;"scrollamount="4"direction="down">html></marquee>
<marquee style="z-
index:2;position:absolute;left:25%;top:33%;font-family:cursive;font-size:14pt;color:#ffcc00;height:435px;"scrollamount="3"direction="down">marquee></marquee>
<marquee style="z-
index:2;position:absolute;left:15%;top:13%;font-family:cursive;font-size:14pt;color:#ffcc00;height:432px;"scrollamount="2"direction="down">silahkan></marquee>
<marquee style="z-
index:2;position:absolute;left:8%;top:29%;font-family:cursive;font-size:14pt;color:#ffcc00;height:369px;"scrollamount="1"direction="down">mencobanya></marquee>
<marquee style="z-
index:2;position:absolute;left:30%;top:17%;font-family:cursive;font-size:14pt;color:#ffcc00;height:289px;"scrollamount="7"direction="down">sendiri></marquee>
HASILNYA
code marquee
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://jadingarti1.blogspot.com"/>disini isi teks susaka kalian</a></marquee>
</div>
hasilnya
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://jadingarti1.blogspot.com/cara-menghasilkan-dolar-dari-google-adsense-tanpa-uploade-video-youtube.html">cara mengahilakan dolar dari google adsense tanpa uploade video youtube</a><br/><br/>
<a href="http://jadingarti1.blogspot.com/cara-download-video-youtube-tanpa-menggunakan-aplikasi.html">cara download video youtube tanpa menggunakan aplikasi</a><br/><br/>
<a href="http://jadingarti1.blogspot.com/cara-convert-video-youtube-ke-mp3-lalu-siap-download.html">cara convert video youtube ke mp3 lalu siap download</a><br/>
</marquee>
hasilnya
teks yang berwarna biru isi dengan alamat blog kalian dan teks yang berwarna ungu tersrah sesuka kalian
ok broo sekira nya cuma itu yang ane tau dan nanti di lain waktu ane bakal sempatin untuk posting soal html lain nya
semoga bermanfaat dan selamat mencoba.
Comments
Post a Comment
Klo masih ada yang bingung atau masih ada yang belum faham komen aja ya