Cara Membuat Tulisan Berjalan (Marque) Dengan Efek Dan Background

Cara Membuat tulisan berjalan (Marque) dengan efek dan background

1 Membuat teks berhenti jika mouse diarahkan pada tulisan/teks berjalan

Cara pembuatannya :

Ni copy aja kode berikut

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

Hasilnya : ( arahkan mouse pada tulisan )

Contoh Tulisan Berjalan

2 Membuat warna background pada tulisan berjalan

Caranya menambahkan kode berwarna merah dibawah ini pada kode tulisan berjalan.

<div align="left"><font color="white"><b><marqueemarquee scrollamount="2" behavior="right" bgcolor="red"> Contoh Tulisan berjalan dengan background (warna dasar) </marquee></b></font></div>

Contoh :

Contoh Tulisan berjalan dengan background (warna dasar)

Ket :

Ganti warna dengan merubah color=warna tulisan & bgcolor=warna background dengan warna yang anda inginkan seperti :
red menjadi merah, blue menjadi biru, green menjadi hijau, white menjadi putih dll. atau bisa memasukkan kode warna seperti #FFFFFF akan menjadi putih.

Fungsi <b> ............... </b> untuk menebalkan tulisan.

3. Memasukkan link pada teks/tulisan berjalan

Caranya : merubah tulisan/teks dengan link.
Contoh :

<marquee direction="up" scrollamount="2" align="center">
<a href="ganti dengan alamat link">Nama tampilan link</a><br/>
<a href="http://Tutorial-triktips.blogspot.com/">Tutorial-TrikTips</a><br/>
<a href="http://tutorial-tipstrik.com/">Tutorial-TipsTrik</a><br/>
</marquee>

Hasil :

Nama tampilan link

Tutorial-TrikTips

Tutorial-TipsTrik

Sumber :http://tutorial-triktips.blogspot.com/2010/02/cara-membuat-tulisan-berjalan-marque.html

Cara MembuatTeks Yang Berubah-Ubah Warnanya

Kali ini saya akan share cara membuat teks warna-warni. Oke langsung saja kalian ikuti tata cara dibawah.
1. Pertama-tama login ke blog kalian.
2. Klik Rancangan/ Design...
3. Pilih elemen laman/ page elements...
4. Add a gadget/ tambah gadget di tempat yang akan di letakkan kalimat itu..
5. Pilih HTML/JavaScript...
6. Terus Masukkan script berikut

<b>
<script>
var text="SHARE OUR MUSIC"
var speed=50
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") :
document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</b>

Sumber: http://infotips-rama.blogspot.com/2011/07/cara-membuat-teks-yang-berubah-ubah.html#ixzz5OO22kj9y

Membuat Warna/Gambar Di Belakang Tulisan

Membuat warna/gambar di belakang tulisan postingan, kadang-kadang diperlukan juga saat kita ingin menonjolkan kode-kode atau kata-kata penting lainnya di postingan kita. Saya akan membahas secara ringkas dan jelas tentunya.

Untuk membuat tulisan seperti di atas, berikut adalah langkah-langkahnya beserta kodenya:

1. Login ke akun Blogger anda

2. Pada bagian Entri Baru, ketik tulisan yang ingin di warnai di antara kode berikut:

Tulisan yang ingin diwarnai

</div>

NB:

-#D9D7D7 adalah kode untuk warna latar belakang tulisan anda, setelah anda paste kode berikut, akan berubah menjadi RGB(Red Green Blue), sama saja caranya, pilih warna yang ingin di taruh, tulis RGB warna anda di kode tersebut

-Angka 120 adalah besar tulisan huruf anda

Bagaimanadengan gambar di belakang tulisan??

Ini adalah contoh tulisan di belakang gambar

Untuk membuat tulisan seperti di atas, berikut adalah langkah-langkahnya beserta kodenya:

1. Login ke akun Blogger anda

2. Pada bagian Entri Baru, ketik tulisan yang ingin di depan gambar di antara kode berikut:

<div style="background:url(URL gambar anda) repeat;">
Kalimat yang ingin di belakang gambar

</div>

NB:

-URL gambar anda merupakan URL dari gambar yg di belakan tulisan anda

-Kalimat yang ingin di belakang gambar diganti dengan tulisan anda

Membuat tulisan berjalan dengan berubah warna-warni

Ingin membuat tulisan atau teks berjalan namun seperti marque namun berubah warna-warni? Tulisan ini cocok dibuat sebagai alas judul blog AndaCaranya seperti biasa; pertama login pada blog Anda kemuadian rancangan, terus tambah gadget pilih +HTML/Javascrib. Kemudian copy dan paste code dibawah ini;

<center><h1>
<script language=”JavaScript1.2″>
var message=”. . : : [This is Yankee Delta Two Tango Foxtrot Bravo] : : . .”
var neonbasecolor=”black“
var neontextcolor=”white“
var neontextcolor2=”blue“
var flashspeed=40                        // speed of flashing in milliseconds
var flashingletters=7                        // number of letters flashing in neontextcolor
var flashingletters2=3                        // number of letters flashing in neontextcolor2 (0 to disable)
var flashpause=0                        // the pause between flash-cycles in milliseconds

///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write(‘<font color=”‘+neonbasecolor+'”>’)
for (m=0;m<message.length;m++)
document.write(‘<span id=”neonlight’+m+'”>’+message.charAt(m)+'</span>’)
document.write(‘</font>’)
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval(“document.all.neonlight”+number) : document.getElementById(“neonlight”+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout(“beginneon()”,flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval(“neon()”,flashspeed)
}
beginneon()
</script></h1>
<h1>
</h1></center>

Langkah terakhir SAVE dan lihat hasilnya.

Keterangan; Black, white dan blue adalah warna fariasi tulisan Anda bisa mengganti dengan kode warna atau tulisan colour sesuai selera.

cara merubah warna link

Karena kode untuk merubah warna link letaknya sama dengan menghilangkan garis di bawah link, maka cara yang kita gunakanpun hampir sama. Untuk bernostalgia maka kita ulang lagi bagaimana caranya:

Masuk ke blog sobat
Klik tata letak
Pilih edit HTML
Cari kode yang hampir mirip di bawah ini:
a:link {
color:#0000cc;
text-decoration: underline;
}
a:hover {
color:#ff0000;
text-decoration: underline;
}
a:visited {
color:#006600;
text-decoration: underline;
}

Jika sebelumnya menghilangkan garis di bawah link kita merubah underline menjadi none, maka untuk merubah warna link di blogspot kita tinggal merubah kode warna yang di cetak biru di atas.

Jika sudah selesai mengganti jangn lupa Simpan perubahan

Sedikit keterangan:

a:link {
color:#0000cc;
text-decoration: underline;
}
Link ini akan berwarna biru.

a:hover {
color:#ff0000;
text-decoration: underline;
}
Jika mouse kita arahkan pada link maka akan berubah menjadi warna merah.

a:visited {
color:#006600;
text-decoration: underline;
}
Jika link selesai diklik pengunjung maka link akan berubah menjadi hijau.

Cara Membuat Link Berubah Warna dengan CSS

Lirik Lagu

Cara Membuat Tulisan Berjalan (Marque) Dengan Efek Dan Background lengkap

Cara MembuatTeks Yang Berubah-Ubah Warnanya

Membuat Warna/Gambar Di Belakang Tulisan

Membuat tulisan berjalan dengan berubah warna-warni

0 komentar:

Posting Komentar

Popular Posts

Arsip Blog