cara membuat huruf berjalan dalam Blog

cara membuat huruf berjalan dalam Blog

cara membuat huruf berjalan dalam bingkai

hqdefault 



Cara Pertama

1. Log In Bloger
2. Rancangan
3. Elemen Laman
  buat dahulu elemen laman gadged dibawah header 

Cara Kedua

Setelah elemen laman di bawah header sudah tersedia, tinggal klik tambah gadged,setelah itu copas code di bawah ini:



<div style="padding:5px 20px; border:2px solid blue; 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="welcome"
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>

#Ganti warna Biru dengan tulisan yg anda inginkan
MENAMBAH ELEMEN BARU DIBAWAH HEADER BLOG

MENAMBAH ELEMEN BARU DIBAWAH HEADER BLOG

MENAMBAH ELEMEN BARU DIBAWAH HEADER BLOG



img sem elements
 
membuat elemen baru dibawah header berikut caranya:

1.   Log in Bloger

2.   Klik Rancangan


3.   Klik Edit HMTL

Copy paste kode dibawah ini tepat diatas       ]]></b:skin>


#under_header{ 
margin:10px 0;
 
padding:1%;
 
width:98%;
 

}

Cari kode dibawah ini (gunakan ctrl+f) untuk memudahkan pencarian

<div id='header-wrapper'>  
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
 
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
 
</b:section>
 

    </div>
Copy paste kode dibawah ini letakan tepat dibawah kode yang diatas

<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/> 

</div>

Klik Save

lain-lain