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

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

ပထမအဆင့္

၁။Layout

၂။Edit HTML

၃။ေအာက္က 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/AVvXsEgIhUorlfIBpPIViANalbKbBcGOmU6MrIy2XMeosOFITx7ru9shYxOOWJ3RSM73j_1H-xW7f0FoedtRyi09K_w5BYyITFT7Oaa6KuAQrfNS6Z1mF067SigDGIcldVjdsVfIGm01jgQUomY/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/AVvXsEhKPc2UmTXHxGp70ioQF5rsBp9hUzD3YlBhMej9vxEivnAWkYytAHgJalFrQaUqIhFHKn3rCCTGKyF4RcrYsZa0UTdRmduIwFNnB9UarlgDsDNGhBhunGCppoleBDET83oYp8vAdYn6s_A/s400/icon.png) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

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

ဒုတိယအဆင့္
၁။Layout

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


...Your html-escaped code goes here...

0 comments:

Post a Comment