♫♪၀ါသနာတူMember ၀င္ထားၾကတဲ့ မိတ္ေဆြမ်ား♪♫

4/27/2013

Facebook like box ေလးကို Slidedoor ေလးနဲ႔ထည့္တဲ့နည္း


ကိုယ့္ရဲ႕ Blog မွာ Facebook like box ေလးကို Slidedoor ေလးနဲ႔ထည့္တဲ့နည္းေလးပါ။

ဘယ္လိုထည့္ရတယ္ဆိုတာ နည္းလမ္းေလးကိုေအာက္မွာၾကည့္ေပးပါ။

အရင္ဆံုးကိုယ့္ရဲ႕ Blog ထဲ့သို Log in ၀င္ပါ၊ေအာက္ပါပံုအတိုင္း Template ကိုႏိုပ္ပါ။



Edit Html ကိုကလစ္ႏွိပ္ပါ။


Ctrl + F အကူအညီနဲ႔ </head> ကိုရွာပါ

ေတြ႔ရင္ </head> ရဲ႕အေပၚမွာ ေအာက္ပါ Code မ်ားကူးထည့္ၿပီး Save Template ကိုႏိုပ္ပါ။

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery(document).ready (

function(){jQuery(&quot;#facebook_right&quot;).hover(function(){
jQuery(this).stop(true,false).animate({right: 0}, 500); },

function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -249}, 500); });

});

</script>

ျပီးရင္ Layout ကိုေရြးပါ


ေအာက္မွာျပထားတဲ့အတိုင္း Add a Gadget ကိုႏိုပ္ျပီး HTML/JAVA Script ကိုႏုိပ္ပါ


ေအာက္ပါ Code မ်ားကိုကူးထည့္ပါ။

<style>
img, a { border: 0; }#on {visibility:visible;}#off {visibility:hidden;}#facebook_div {width:245px;height: 310px;overflow: hidden;}
#facebook_right {z-index: 10005;border:2px solid #3c95d9;background-color: #fff;width:245px;height: 290px;position: fixed;right: -249px;}
#facebook_right img {position: absolute;top: 70px;left: -35px;}
#facebook_right iframe {border:0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left:-2px;top:-3px;}
</style><div id="on"><div id="facebook_right" style="top: 30%;">
<div id="facebook_div">
<img src="http://2.bp.blogspot.com/-mJMYPJKLY5M/T8YpLwimUvI/AAAAAAAAA0o/gvvf4wsA9Uk/s1600/FB.png" />

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogger-Trix%2F110888928990749&amp;
width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no"
frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true">
</iframe>

<a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href=""></a></div></div></div>

အနီေရာင္ျပထားတဲ့ေနရာမွာကိုယ့္ရဲ႕ fan page link ကိုထဲ့ရမွာပါေအာက္မွာဆက္ၾကည့္ပါ။
အရင္ဆံုး ဒီေနရာကို သြားပါ။

ၿပီးရင္ကိုယ့္ရဲ႕ fan page link ကိုပံုမွာျပထားတဲ့ေနရာမွာကူးထဲ့ျပီး Get Code ႏိုပ္ပါ။



IFRAME ကိုႏိုပ္ျပီးေအာက္ပါ Code မ်ားကို အေပၚမွာအနီေရာင္ျပထားတဲ့ Code ေတြမွာအစားထိုး
ေပးရမွာျဖစ္ပါတယ္၊

ၿပီးရင္ Save လိုက္ပါ။

အဆင္ေျပပါေစ....။

0 comments:

Post a Comment

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါတယ္. ♪♫#*♥winaung♥*#♫♪...၏

ဆိုဒ္ေလးမွေႏြးေထြးစြာၾကိဳဆိုပါ၏..သည္ဆိုဒ္ေလးစတင္သည္ခုႏုစ္

(03/october/2012)မွသည္ဆိုဒ္ေလးသည္နည္းပညာမ်ား

ဆာ႕၀ဲလ္းမ်ားေလ႕လာရွာေဖြရင္းစတင္စုေဆာင္ထာသည္ဆိုဒ္ေလးၿဖစ္ပါသည္..

ကၽြန္ေတာ္လိုခ်င္တဲ႕ခ်ိန္မွာရွာရတာလြယ္ကူေအာင္.သည္ေနရာေလးမွာစုထာခ်င္းၿဖစ္ပါသည္...

မိတ္ေဆြမ်ားလဲလိုခ်င္တာမ်ားခြင္႕ေတာင္းစရာမလိုယူသြားႏိုင္ပါသည္ .....ရႊင္လန္းခ်မ္းေၿမ႕ပါေစ..

မိမိဘေလာ့ကို submit မွန္မွန္ လုပ္ေပးျခင္းျဖင့္ မိမိဘေလာ့ ျမန္ဆန္မည္ရွင္းလင္းမည္ ေမာက္တင္ျပီး က်လာတဲ့ေဘာက္ထဲမွာ မိမိဘေလာ့လိပ္စာ ထည့္ကာ Submit ကလစ္လိုက္ပါ ဒါဆို ေနာက္ဇယားတစ္ခုမွ သင့္အီးေမးကို ထည့္ျပီးSubmit လုပ္လိုက္ပါ

<<<အထူးဧည့္ သည္ေတာ္မ်ား>>> Flag Counter

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites