Pages

Friday, June 27, 2014

Scrolling News Update Headline Ticker with JQuery for Blogger


ဘေလာဂါအတြက္ 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

No comments:

Post a Comment