Add Cool Highlighter Text Scroller to Blogger
Hi, pals, I am telling you about the new blogger design effect and how you can add this to your blogger.com blog are you know what I will give you a trick no you don't know. I am sharing with you how we can add Highlighter Scroller to Blogger this is the best trick who want to add some message to their blog for their blog visitor this is the best secret for blogger owner to highlight their text in blogger now add this with giving following step below and enjoy with your blog comment to this post for my blog now.
Look at the Live example below of the Cool Highlighter Text Scroller:
1. log in to your blogger dashboard and go to--> Design-->Page Elements.
2. Click on 'Add a Gadget' on the sidebar.
3. Select 'HTML/Javascript and add the one code given below
<div style="left: 0px; position: relative; top: 0px;"><span id="highlighter" style="background-color: yellow; clip: rect(0px 0px auto 0px); font-family: Verdana; font-size: 18px; left: 0px; position: absolute; top: 0px;"></span></div>
<script type="text/javascript">var tickercontents=new Array()tickercontents[0]='Blogging Tips And SEO Tutorials'tickercontents[1]='successbeta.com'var tickdelay=3000 var highlightspeed=10
var currentmessage=0var clipwidth=0
function changetickercontent(){crosstick.style.clip="rect(0px 0px auto 0px)"crosstick.innerHTML=tickercontents[currentmessage]highlightmsg()}
function highlightmsg(){var msgwidth=crosstick.offsetWidthif (clipwidth<msgwidth){clipwidth+=highlightspeedcrosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"beginclip=setTimeout("highlightmsg()",20)}else{clipwidth=0clearTimeout(beginclip)if (currentmessage==tickercontents.length-1) currentmessage=0else currentmessage++setTimeout("changetickercontent()",tickdelay)}}
function start_ticking(){crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlightercrosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElementif (parseInt(crosstick.offsetHeight)>0)crosstickParent.style.height=crosstick.offsetHeight+'px'elsesetTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sakechangetickercontent()}
if (document.all || document.getElementById)window.onload=start_ticking</script>
(code-box)
4. Click on Save.
Note: Replace Successbeta.com text with your blogger website URL.