Bloggroll

Saturday, April 3, 2010

kp3နည္းပညာ၊၂၁၃၊ဘေလာ့မွာRSS Feed Subcription Widget အသစ္ေလးထည့္နည္း

အခုတင္တဲ့ Post ေလးကေတာ့ဘေလာ့မွာခ်င္ရင္RSS Feed Subcription Widget အသစ္ေလးထည့္ နည္းေလး ပါ။ ေအာက္မွာပံုနဲ႔တကြျပထားေပးပါတယ္။ သံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြရိွရင္ပိုျပီးနား လည္းသြား ေအာင္ သြားၾကည့္လို႔၇ေအာင္DEMO လင့္ခ္ေပးထားပါတယ္။ေအာက္မွာထည့္နည္းနဲ႔တကြပံု

ပထမအဆင့္

၁။Layout


၂။Edit HTML


                                                                    DEMO


၃။ေအာက္က Code ကိုရွာပါ။Codeလြယ္ကုူသြာရွာနည္းက kp3နည္းပညာ၊၁၉၆၊ မွာရိွပါတယ္။
<title><data:blog.pageTitle/></title>

ေတြ႕ျပီဆို၇င္ေအာက္က Code နဲ႔အသားထိုးေပးလိုက္ပါ။
<title><data:blog.pageTitle/></title>
<script src='http://www.ibizeye.com/demo/RSSbubble/jquery.js' type='text/javascript'/>
<script src='http://www.ibizeye.com/demo/RSSbubble/tooltip.js ' type='text/javascript'/>

ေအာက္က Code ကိုထပ္ရွာပါ။
]]></b:skin>

ေတြ႕ျပီဆို၇င္အေပၚမွာေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။
.rss-popup {
margin: 100px auto;
padding: 0;
width: 100px;
position: relative;
}

div.rss-popup em {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAAr_AXFnO6ahhm271_7l1Aa8gAJVnG1qZxBvHYUuDcZNDXJfrtPa5mNdhVqjIIyKfQ3FSskz4rtUfuNIJT7M5YRE9SCBoCC1W1bfJ0O6TE7HZiJTPdMsroNx5zJnwPAMuk4IP3Y6r5y0/s400/bubble.png) no-repeat;
width: 100px;
height: 49px;
position: absolute;
top: -70px;
left: -0px;
text-align: center;
text-indent: -9999px;
z-index: 2;
display: none;
}

#rss-icon {
width: 42px;
height: 42px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq1bFExNJNaZN-9r3viLrLhtR0Kk0rgN13efqG1tQ_g4fu-dXLZgXOlowawX6sTPbMzpAco0s5gamoQahm2fRuqY_J8QLpt1mx7PyX0xrYqu_XOPR9VseFGZR6_YPFDVMgfCTq0vRiSLQ/s400/icon.png) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

၄။ Save Setting ကိုႏိုပ္လိုက္ပါ။

ဒုတိယအဆင့္

၁။Layout

၂။Add a Gadget>>>ေအာက္ပံုကိုၾကည့္ပါ။

ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။
<div class="rss-popup">
<a href="feed-link" id="rss-icon">ဤေနရာမွာမိမိရဲ့ RSS FEED လင့္ခ္ကိုထည့္ေပးပါ</a>
<em>Subscribe to our RSS Feed</em>
</div>

၃။Save ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More