kp3နည္းပညာ၊၃၄၉၊ဘေလာ့မွာ Floating Social Bookmark ပံုစံတစ္မ်ိဳးေျပာင္းသံုးခ်င္ရင္

အခုတင္တဲ့ပိုစ္ေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာဘေလာ့မွာFloatingSocialBookmarkပံုစံတစ္မ်ိဳးေျပာင္းသံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြ အတြက္ပါ။ေအာက္မွာနမူနာၾကည့္လို႕ရေအာင္လည္းပံုနဲ႕တကြDemoလင့္ခ္ေလးလဲေပးထားပါတယ္။ဒီFloatingSocial Bookmarkကလည္းက်ေနာ္တို႕ျမန္မာဘေလာ့ေလာကမွာသံုးတဲ့သူေတြမရွိသေလာက္ပါ။ၾကိဳက္ၾကမယ္လို႕လည့္ေမ်ာ္လင့္ပါတယ္။
ဒီမွာသြားၾကည့္လို႕ရပါတယ္။
အခုတေလာတင္ျဖစ္တဲ့ဘေလာ့နည္းပညာအသစ္ေလးေတြ
ဘေလာ့ Labels ေတြကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၈၊

မိမိရဲ႕ဘေလာ့ကိုဘယ္ကေနကူးလာတယ္ဆိုတာသိခ်င္ရင္kp3နည္းပညာ၊၃၃၈၊
မိမိရဲ႕ဘေလာ့မွာအလြယ္ကူလွပဆံုးFont Resizer ေလးသံုးခ်င္ရင္kp3နည္းပညာ၊၃၄၁၊
မိမိရဲ႕ဘေလာ့လင့္ခ္ကိုMouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္းkp3နည္းပညာ၊၃၄၄၊
မိမိရဲ႕ဘေလာ့List ေတြကို Scoll ပံုစံေျပာင္းနည္းkp3နည္းပညာ၊၃၄၃၊
မိမိရဲ႕ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၆၊ 

၁။Design

၂။Edit HTML

၃။Expand Widget Templatesကိုအမွန္ျခစ္ေပးလိုက္ပါ။

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

]]></b:skin>

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

#divStayTopLeft {left:5px;position:absolute;top:15px;}

.sidetab {}

.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;}

.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}

.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}

.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}

.sidetab a:hover {border: none;background: #e8e8e8;}

.sidetab .button a {background:none;height: 25px; width: 25px;}

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

</body>

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

<DIV id='divStayTopLeft'>

<div class='sidetab'>

<ul class='navlist'>



<li class='button'><a href='http:/kp3family.blogspot.com/feeds/posts/default'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li>

<a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a>

<a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a>

<a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a>

<a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a>

<a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a>

<a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a>

<a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a>

<a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a>

</ul>

</div>

</DIV>

<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>

<script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/>

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

မွတ္ခ်က္။ ။kp3family ေနရာမွာမိမိရဲ႕ဘေလာ့လိပ္စာနဲ႕အစားထိုးေပးပါ။

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

Related Post

Posted in: SOCIAL BOOKMARKING