Selasa, 11 Desember 2012

Cara buat teks Berjalan Marquee:
1.logo ke bloger
2.Tata letak
3.Add java script
4.Silahkan ganti Teks berwana merah Dengan Teks Anda

<div style="padding:5px 20px; border:2px solid black; font-size:21px; font-family:Cataneo BT;font-weight:bolder;"><marquee behavior="scroll" direction="left" onmouseover="stop" onmouseout="run" scrollamount="3">
<script type="text/javascript">
var message="Melayani Segala macam Jenis Cetak dan Sablon Alhaddad production"
var bgsGR1color="green" /* Warna utama teks */
var bgsGR2color="red" /* Warna teks flash pertama */
var bgsGR3color="blue" /* Warna teks flash ke dua */
var flashspeed=40 // kec. ganti warna (1/1000 dt)
var flashingletters=50 // jumlah teks pertama
var flashingletters2=50 // jumlah berwarna teks ke dua
var flashpause=30 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
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(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
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></marquee></div>


 5.Simpan dan lihat hasil nya

Cara menambahkan elemen dibawah header berikut ini adalah caranya:

1.login ke blogger
2.edit HTML
3.silahkan di backup terlebih dahulu
Cari kode seperti dibawah ini:
Untuk memudahkan pencarian gunakan Ctrl+F

 <b:section class="header" id="header" maxwidgets="1" showaddelement="no">

4.Delate diatas
5.Lalu ganti dengan kode di bawah ini:

<b:section class='header' id='header' preferred='yes'>

4.Untuk menghidari kegagalan dalam pengeditan silahkan pratinjau terlebih dahulu
5.Simpan tempelate
6.Tutup
7.Lihat hasilnya.
 Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar

TERIMA KASIH ATAS KOMENTAR DAN KUNJUNGAN ANDA