Monday, October 12, 2009

kp3နည္းပညာ၊၆၃၊မိမိရဲ့ဘေလာ့မွာFloating Twitter-Follow Me icon ေလးထားခ်င္ရင္

ဒါေလးကေတာ့သိပ္အေရးမၾကီးေပမယ့္မိမိရဲ႕ဘေလာ့ေလးပိုျပီးလွပေစတာေပါ့ေနာ္
Animated (On Hover)Floating Twitter-Follow Me icon ေလးမိမိရဲ႕ဘေလာ့
ေဘးေလးမွာထားျခင္ရင္ ေအာက္မွာပံုနဲ႕တကြ Code


စေတာ့မယ္ေနာ္ေအာက္မွာ

၁။click Layout
၂။click edit HTML

ေအာက္က Code ကိုရွာပါ။

</head>

ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ

<!--FOLLOW-ME-STARTS-->
<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/1zb4509.jpg);
position:fixed;
top:20%;
right:2px;
}

.feedbacktw:hover {
width: 31px;
height: 116px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/xpu99c.jpg);
position:fixed;
top:20%;
right:10px;
}
</style>


၃။Save Template button.ႏိုပ္ပါ၊

မၿပီးေသးပါဘူးေအာက္တစ္ေနရာသြားမယ္

၄။Layout -> Page Elements -> Add a Gadget (HTML/JavaScript type)

ေအာက္က Code ေလးကိုထည့္ေပးလိုက္ပါ။

<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/kp3family" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->

အေပၚကCodeကိုpasteလုပ္ၿပီးရင္
၅။Save နိုပ္လိုက္ပါ။အခုမွၿပီးပါၿပီ။။

အျပာေ၇ာင္ကေတာ့ပံုရဲ႕လင့္ခ္ပါဘဲမိမိနွစ္သက္သလိုျပန္ျပင္နိုင္ပါတယ္။
အဝါေ၇ာင္ေန၇ာမွာမိမိလင့္ခ္ေတြကိုထည့္ေပးလိုက္ပါ။။

kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

Stumble
Delicious
Technorati
Twitter
Facebook
Yahoo
Reddit
Feed

0 comments:

Post a Comment

 

Copyright 2009.kp3tester Powered by Blogger

Blogger Templates created by Deluxe Templates

Images by Indeziner