Scrolling News Update Headline Ticker with JQuery for Blogger

Friday, June 27, 20140 comments


ဘေလာဂါအတြက္ Scrolling News Update Headline Text စာတန္းေျပးုျပဳလုပ္နည္းေလးပါ။ က်ေနာ့္ဘေလာ့မွာလုပ္ထားတဲ့
Scrolling News Update Headline စတိုင္လ္ကို မိမိဘေလာ့မွာထည့္ျခင္တယ္ဆိုလွ်င္ ေအာက္ပါကုဒ္ေတြကို ေကာ္ပီ၊ ေပ့စ္တ္
လုပ္ရံုပါပဲ။ ထံုးစံအတိုင္း...
Blog Long in> Dashboard> Layout> HTML/Javascript တြင္ ေအာက္ပါကုဒ္မ်ားထည့္လိုက္ပါ။ ျပီးလွ်င္ Save ေပါ့။

    <div id="TICKER" style="display:none; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; overflow:hidden; background-color:#FFFFFF; width:520px" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false">

    <span style='background-color:#7FB51A;'> <a href="Your-First-Headline-Url-Here"> <font color=#ffffff> <b>Your-First-Headline-Title-Here</b></font> </a></span> <b>Your-First Headline-Description</b>

    <span style='background-color:#FFAA00;'> <a href="Your-Second-Headline-Url-Here"> <font color=#ffffff> <b>Your-Second-Headline-Title-Here</b></font> </a></span> <b>Your-Second-Headline-Description-Here</b>

    <span style='background-color:#0088FF;'> <b><a href="Your-Third-Headline-Url-Here"><font color=#ffffff>Your-Third-Headline-Title-Here</font></a></b> </span> <b>Your-Third-Headline-Description-Here</b>   
    <script type="text/javascript" src="http://mybloggerlab.com/Scripts/webticker_lib.js" language="javascript"></script></b></span></div>
    </b:if></b:if>


ref: http://megabloggerlab.blogspot.com/2012/05/scrolling-news-update-headline-ticker.html
Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Saw Linux - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger