Pages

Berkreasi membuat tulisan marquee keren dengan menambah css

                                            
Cara membuat efek marquee
Biasanya default efek marquee di buat dengan kode html berikut.
<marquee>SELAMAT DATANG DI BLOG ANDOELSEAN</marquee>,hasilnya seperti di bawah ini. SELAMAT DATANG DI BLOG ANDOELSEAN Namun pada postingan saya kali ini saya akan menambahkan kode css,untuk memperindah efek marquee,sehingga hasilnya akan menjadi seperti di bawah ini.
SELAMAT DATANG DI BLOG ANDOELSEAN,SILAHKAN BACA ARTIKEL MENARIK LAINYA
Code untuk membuat marquee seperti di atas adalah:
<div class="marqueeart2">
<marquee style="color: white; font-family: Times New Roman; font-size: 30px; text-shadow: 2px 2px 4px #000;">SELAMAT DATANG DI BLOG ANDOELSEAN,SILAHKAN BACA ARTIKEL MENARIK LAINYA</marquee></div>
<style>
.marqueeart2 {
border-radius:6px;
border:1px solid #1E90FF;
border-left:5px solid #1E90FF;
border-right:5px solid #1E90FF;
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #00A3EF 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #00A3EF 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #00A3EF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #00A3EF 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #00A3EF 100%);
}
</style>
Untuk menggunakan kode di atas,pada saat akan memasukan effect marque pada postingan beralih dulu dari mode Compose ke HTML,kalau belum mengerti lihat gambar dibawah ini. . ! !
Mode postingan di blogger
Nah jika anda ingin mengedit kode marquee'nya,silahkan ganti kode yang berwarna sesuai yang anda inginkan. .
KETERANGAN:
  • Kode yang berwarna ORANGE di atas adalah untuk kata-kata dalam marquee,silahkan ganti dengan kata-kata yang anda inginkan. 
  • Border-radius:itu untuk sudut lengkung pada kotak marquee,nilai 6px bisa anda ganti dengan yang anda inginkan 
  • Border:untuk garis tepi pada kotak marquee,silahkan disesuaikan nilai dan warnanya sesuai yang anda inginkan 
  • Border-left:itu untuk border sebelah kiri silahkan atur ketebalan dan warnanya. 
  • Border-right:Untuk border sebelah kanan 
  • Dan kode yang berwarna MERAH,itu untuk css background gardient,silahkan anda ganti sesuai yang anda inginkan,kalau gak tau bagaimana caranya membuat css background gardient silahkan buat 
Nah saya rasa cukup sampai disini dulu tutorial tentang cara berkreasi membuat tulisan marquee dengan menambah css,selamat mencoba dan berksperimen.

Share it:
Sobat sedang membaca artikel tentang Berkreasi membuat tulisan marquee keren dengan menambah css . Silahkan baca artikel bloger sejati Tentang | yang lainnya.
Anda baru saja membaca artikel yang berjudul Berkreasi membuat tulisan marquee keren dengan menambah css .Anda boleh copy paste artikel ini dengan menyertakan link http://lisaariyansyah.blogspot.com/2013/07/berkreasi-membuat-tulisan-marquee-keren.html sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

0 comments:

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Post a Comment

 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie