Scroll For Blog Anda
Selamat Hari Guru, Blogger Juga guru..!!
kakakaka senang nya
..!!! hari ini sungguh bahagia..!! kakakakakakka udah libur, internetan gratis lagi…!!!
oke oke..!! bila anda masih bingung maksud dari judul saya di atas..!!! nanti saya akan berikan demo kepada teman-teman sekalian…!! langsung aja yah acim jelasin macam2 scrool yang sering di gunain para devoloper web
1. Highlighter Scroller
Sebuah Script HTML yang cukup dinamis untuk anda gunakan meng-sponsori sesuatu..!!!! berikut scriptnya :
<div style="position: relative; left: 0px; top: 0px;"><span id="highlighter" style="position: absolute; left: 0pt; top: 0pt; font-size: 18px; font-family: Verdana; background-color: yellow; clip: rect(0px, 0px, auto, 0px);"> </span></div>
<script type="text/javascript">// <![CDATA[
/*
Thanks For Use
*/
var tickercontents=new Array()
tickercontents[0]='Looking for free Java applets and resources? Visit <a href="http://freewarejava.com" mce_href="Siapkan'
tickercontents[1]='Hop on over to <a href="http://www.codingforums.com" mce_href="Selamat Hari Guru'
tickercontents[2]='Hidup Indonesia'
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.
////Do not edit pass this line////////////////
var currentmessage=0
var clipwidth=0
function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}
function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){ clipwidth+=highlightspeed crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipwidth=0 clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}
if (document.all || document.getElementById)
window.onload=start_ticking
// ]]></script>2. Message Slideshow
textbox yang bisa ganti-ganti berita ?? bisa kok…!! gampang buanget, hehehe..!! berikut scriptnya:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form name="slideshow"><div align="center"><center><p><b>What's On Update</b><br /><textarea rows="5" name="S1"
cols="30" wrap="virtual"></textarea><br />
<input type="button" value="Take me there!" name="B1" onClick="window.location=messagelinks[curmsg]"></p>
</center></div>
</form>
</td>
</tr>
</table>
<script>
/*Thanks For Use
*/
var curmsg=-1
var messages=new Array()
messages[0]="Check out CNN, one of the premier news site on the net, covering national international, sports, and wheather news!"
messages[1]="Visit Wired.com for the latest happenings in the technology sector."
messages[2]="Go to download.com to download the latest shareware and demo programs!"
//add more messages as desired
var messagelinks=new Array()
messagelinks[0]="http://www.cnn.com"
messagelinks[1]="http://www.wired.com"
messagelinks[2]="http://www.download.com"
//add more links as indicated by the number of messages
function slidemessage(){
if (curmsg<messages.length-1)
curmsg++
else
curmsg=0
document.slideshow[0].value=messages[curmsg]
setTimeout("slidemessage()",4500)
}
slidemessage()
</script>3.Highlighter Scroller II
sebenarnya ini adalah text carousel atau newsticker yang sangat baik untuk anda gunakan nge-ads hehehe berikut scriptnya :
<script type="text/javascript">
// Thanks For Use
//CONFIGURE MESSAGES AND VARIABLES
var tickercontents=new Array()
tickercontents[0]='Looking for tutorials on PHP, JavaScript, XML, or CSS? Visit <a href="http://www.blogacim.co.cc">Blogacim</a>!'
tickercontents[1]='Dapatkan YUk'
tickercontents[2]='Memang Mantap'
var tickerwidth="200px"
var tickerheight="70px"
var fontcss="font: bold 14px Verdana; color:black"
var tickdelay=3000 //delay btw messages
var highlightspeed=2 //2 pixels at a time.
var highlightcolor="lightyellow"
var backdroptextcolor="#E1E1E1"
////Do not edit pass this line////////////////
document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
document.write('</div>')
var currentmessage=0
var clipbottom=1
function changetickercontent(){
msgheight=clipbottom=crosstick.offsetHeight
crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
crosstickbg.innerHTML=tickercontents[currentmessage]
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}
function highlightmsg(){
//var msgheight=crosstick.offsetHeight
if (clipbottom>0){
clipbottom-=highlightspeed
crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipbottom=msgheight
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}
function start_ticking(){
crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}
if (document.all || document.getElementById)
window.onload=start_ticking
</script>BAGAIMANA MEMASANGNYA
1. Log In Ke Blog
2. Tata Letak
3. Lemen Halaman
4. Add Widget
5. Html/Javascript
6. Paste salah satu dari code di atas
7. SaVe Deh
Semoga bermanfaat yah teman..!!
ditunggu comment nya





Wah, asik banget ni mas scrip2nya,,,
makasih banget y,,,
Salam kenal
ia mas sama2
wah boleh nih tutornya… kapan-kapan saya pake ya…
intermezo´s last blog ..Broken Link
iapz..!! thanks ea
makasih tutorialnya, sip deh…
layak dicoba…
narti´s last blog ..Kue Lidah Kucing
Saya sangat terkesan dengan artikel yang
satu ini. singkat, padat dan jelas. mau jg donk,
trik dan Petuahnya di website saya, susah sekali rasanya untuk
mendapatkan trik yang tepat. jika perlu,
bisa tolong di cek di : http://klepeut.blogspot.com ?
benar-benar butuh masukannya.
Ditunggu coment balasannya yach, makaciii
hendrie k_bejo´s last blog ..Alasan Pria Jarang Beli Pakaian Dalam Sendiri
kalau tinggal add gadget lumayan lah…
mau dicopot lagi juga mudah…
makasih.
@narti: ditunggu yah
hendrie: ia mas..!!! boleh kok , aku ke tkp
@sda: silahkan digunakan
manteb THX… ane modif dikit hehe
FNUGROS´s last blog ..Cara Download Video dari Youtube
@FNU: silahkan di edit mas
hmmm…keren nih bos,tapi apa berat waktu load page nya?
RifkyMedia´s last blog ..Bagaimana terjadinya Petir dan bagaimana menghindarinya ?
@rifky: nggak kok..!!
kalo memang berat bisa baca tutorial saya yang 11 tools mempercepat blog
informasinya mantep juga, copy ah… buat koleksi. matur thankyu..
mr-mung´s last blog ..Download PCMAV 2.2 Terbaru
wah hebat…dapat script macam kayak gini…thanks sob
wah mantap bang tapi nanti jadi berat di blog aq sob
tutorial komputer newbie´s last blog ..SEO way: optimize blog on search engines
thanks tutornya, jadi pengen coba nih hehehe
makasih
slams´s last blog ..Cicak Versus Balsam
@all: thanks ea, di tunggu uji coba nya
Mantap nie sob scriptnya
thank’s yach
waah boleh juga nih ilmunya, saya ambil dulu yaa nanti saya gunakan. Trims dah berbagi ilmu.
Semoga suksess n tetap semangat
@all: thanks so much
Keren gan…
Makasih ya, kapan2 aku pake deh.he…
OmAdi Belajar Internet´s last blog ..Desain Web Disnakertrans Kabupaten Bekasi by OmAdi
salam sahabat
wah komplit n memberikan suatu info yang bagus,maaf telat ya coz zibuk,oh iya dah saya pasang links-nya thnxs n good luck ya
dhana???´s last blog ..Hongkong EAG2009</a
maaf nie sob baru bisa mampir…
wah soal script2 ini aku buta bgt loh..untung ada artikel ini,,ok sob gw pelajari dulu nih.. tukeran link sob??
nice post …
aan´s last blog ..Mall dan Permen
good trik sob…
Donny´s last blog ..Trekpay Terbukti Membayar
Posting trus Cim..tetap semangat
Gadgetsku´s last blog ..Blackberry Storm2™ 9550
Wah mantep ni scriptnya, kalo digabung ke template bisa gak ya??
23ond´s last blog ..Dialog Iblis dengan Rasulullah
hi dude !!!! i follow u !!!please follow me !!!!
@shakti: yes..!!! i follow you
Wach ajib bgt mas infonya,bnr2 penuh dengan inspirasi…:D
!Techno!´s last blog ..Kinds of web browser in the world
@techno: thanks