svOQrU.png

အသစ္တင္ထားေသာPostမ်ား

Tuesday, February 28, 2017

မိမိဘေလာ့Sidebarမွာnotic Boxေလးထည့္ခ်င္လွ်င္

အေပၚဆံုးမွာပါရွိသည့္ ရည္ရြယ္ခ်က္ ႏွင့္ ဆက္သြယ္ရန္ ကိုအရင္ဖတ္ေပးပါ

မဂၤလာပါဗ်ိဳ႕။Postအသစ္ေတြလဲမတင္တာၾကာၿပီ။ဒီေန႔ေတာ့မိမိတို႔ဘေလာ့မွာNotic Box
ေလးထည့္နည္းေမးထားတဲ႔ညီအစ္ကိုေတြအတြက္Notic Boxထည့္နည္းေလးတင္ေပးလိုက္တယ္ေနာ္။
ဒါမ်ိဳးေလးေပါ့
တစ္ခုသိထားရမွာကသူကေဘးSidebarမွာေပၚမွာေနာ္။အႀကိဳစာေလးကေတာ့တင္ေပးၿပီးၿပီ။
ထည့္နည္းကေတာ့လြယ္ပါတယ္ဗ်။
Blog>>>Loyout>>HTML/Java Scriptထဲကိုေအာက္ကcodeေတြသြားထည့္ရံုပဲ။
ထည့္နည္းရွင္းျပတာနားမလည္ဘူးဆို ဒီမွာ သြားၾကည့္ဗ်ာ

ကဲေအာက္ကCodeေတြcopyယူၿပီးထည့္လိုက္ေတာ့ေနာ္
<style>

#info{

border: 1px solid;

margin: 10px 0px;

padding:15px 10px 15px 50px;

background-repeat: no-repeat;

background-position: 10px center;

position:relative;

color: #00529B;

background-color: #BDE5F8;

background-image: url('http://i46.tinypic.com/jzf8tk.jpg');

}

</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">

</script>



<script type="text/javascript">

$(document).ready(function(){

$(".close").click(function(){

$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});

});

$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)

.fadeOut(400).fadeIn(400);

});



</script>

<div id="info">

<a class="close" href="#close" style="float: right;"><img border="0" src="http://1.bp.blogspot.com/_AstD3fky-O0/TOstBn4BMoI/AAAAAAAAAKc/bgYGD5qCds8/s1600/images.jpg" /></a>

This Is Your Message .You can change it to Your need. Click on close button on right to exit this box
အျပာေရာင္နဲ႔ေရးထားတာကမိတ္ေဆြတို႔ေရးခ်င္တာေရးဖို႔ေနာ္

အဆင္ေျပၾကပါေစဗ်ာ။မွတ္ခ်က္ေလးေရးေပးခဲ႔ပါဦးဗ်

မိတ္ေဆြတို႔ရဲ႔မွတ္ခ်က္ကကၽြန္ေတာ္တို႔အတြက္အားေဆးတစ္ခြက္ပါ
သင္အဆင္ေျပသြားလွ်င္အျခားသူအတြက္ျပန္လည္Shareေပးပါ

Myanmar Blogger Guide

No comments:

Post a Comment

29.12.2016ေန႔တြင္စတင္ဖြင့္လွစ္သည္။Designed and Published..MM BLOGGER GUIDE