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>


DEMONYA DI SINI

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>


DEMONYA DI SINI

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>


DEMONYA DISINI

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

VN:F [1.6.2_892]
Rating: 0.0/10 (0 votes cast)
VN:F [1.6.2_892]
Rating: 0 (from 0 votes)
Flash Feed Scroll Reader

30 Responses to “Scroll For Blog Anda”

Leave a Reply

CommentLuv Enabled

Spam Protection by WP-SpamFree

Mari Berlangganan
Join Here
Badge Today
Popular Posts

Beberapa Trick Mempercepat Pemasukan Paypal Wishlist

Salam Blogger Teman-teman Sekalian..!!!! Sungguh nikmatnya hari ini , jkakakakakka kebetulan ane besok libur, jadi bisa nge-net lama2 deh hahahaha..!! oke oke..!!! sebenarnya...

Astaga.com Lifestyle On The Net , Style Jilid 2

Memang Tidak bisa kita pungkiri bahwa situs Astaga.Com telah di kenal oleh para Netter seantero Indonesia, maklum saja karena Astaga.com termasuk situs portal terbesar di bumi...

Udah Sampe $100 Paypal WishListku, Tinggal Nunggu..!!

Asik..!!! akhirnya Paypal WishListku mencapai angka tertinggi yaitu $100..!! kakakakka betapa senangnya dirikuw berjuang  hanya dalam waktu singkat yaitu 1,5 HARI...!!!! sungguh...

Situs-Situs Pembuat Dropdown Online

Selamat Pagi teman-teman ku semua, masih eksis buat nge-blog kan ?? come on lah..!! jangan menyerah (d'massiv mode on) kakakakaka oke..!! sebenarnya akhir-akhir ini saya mendapat...
Who's Online

5 visitors online now
5 guests, 0 members

Tukar Link Yuk
Jalan Menuju Kaya
Visitor
Recent Visitor
Happy Blogging
Contest
Recent Posts

Daftar Kontes Blog Yang Sedang Berlangsung

Hallo sobat.....!!! sudah lama gak mosting nih :)..!!!!! jujur sebenarnya acim pengen ngasiin tutorial...

LAHIRNYA ACIMKU.COM

Alhamdulillah..... setelah berhari-hari bermimpi untuk memiliki domain ber-ekor .com akhirnya mimpi saia...

Mengatasi Link Shoutmix yang Error

salam semangat hehehehehe..!! akhir-akhir ini sebenarnya saya sangat risih dengan penutupan shoutmix...

Paypal Wishlist: Akhirnya Di Bayar Juga, Asiik

Arggh..... entah apa yang harus saya ungkapkan hari ini bro..!! pengen teriak tapi di warnet -hahaha-...

Efek Ular Di Blog Anda

O yaya...!! akhirnya akhirnya mosting lagi..!!! sambil nunggu beberapa pekerjaan selesai..!! enaknya...
Recent Comments
@marlif: hehehehehe betul2 :D Astaga.com Lifestyle On The Net
@lily: hohohohohohoh ia bro....!!!!! saya juga kecewa Astaga.com Lifestyle On The Net
@john: hahaha saiia juga bakal ke cbox :( Astaga.com Lifestyle On The Net
@uname: hehehehehehehe makasih :) uname -a Astaga.com Lifestyle On The Net
@may: masih bisa donk :) Astaga.com Lifestyle On The Net
Tag Cloud
  • featured
  • featured
  • featured
  • featured