Kp3နည္းပညာ၊၄၃၅၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္(၂)

အခုတေလာဘာကုဒ္မွမတင္ျဖစ္ေတာ့ဘေလာ့မိတ္ေဆြအားလံုးအတြက္ကုဒ္သစ္ေလးထပ္တင္ေပးလိုက္ပါတယ္။ဘေလာ့မွာဥပမာ-ေၾကာ္ျငာေလးေတြေပါ့
ေနာ္။အျခားစာသားေလးေတြကိုAnimatedNoticeBoxသံုးျပီးထည့္ခ်င္တဲ့သူေတြအတြက္အသစ္ေလးသံုးခ်င္ရင္သံုးလို႕ရေအာင္ပါ။တင္ျပီးသားတစ္မ်ိဳးကေတာ့
Kp3နည္းပညာ၊၃၇၈၊မွာရွိပါတယ္။ၾကိဳက္ၾကမယ္လို႕လဲေမ်ာ္လင့္ပါတယ္။ေအာက္မွာထည့္နည္းနဲ႕တကြပံုကုဒ္ေတြေပးထားပါတယ္။

ေအာက္ကကုဒ္ကိုDesign>>>Add a Gadget>>>HTML/JavaScript Add မွာထည့္ေပးလိုက္ပါ။

<!-kp-3နည္းပညာ-http://kp3family.blogspot.com-->  
<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #DB9D9A;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 3px ridge #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: #58FA58 0 2px 15px;
-moz-box-shadow: #58FA58 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .butang {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .butang button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #DB9D9A;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#DB9D9A));
background: -moz-linear-gradient(top, red, #DB9D9A);
}
#topbar .isi_iklan {
background-color:#81F7BE;
margin:0;
padding:4px;
width: 468px;
border: 2px groove #FF8000;
}
</style>
<script src="https://sites.google.com/site/teknikbuatblog/tbb/iklanpopup.js?attredirects=0&d=1" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="butang"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><text><b>[X]</b></text></a></div>
<div class="isi_iklan">
ဒီေနရာမွာမိမိထည့္ခ်င္တဲ့စာသားေတြကိုေရးေပးလိုက္ပါ။ေက်းဇူးကမာၻ။
</div>
</div>
<!--kp3Animated Notice Box-http://kp3family.blogspot.com-->  

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

Related Post

Posted in: BLOGGER WIDGET, HTML, WIDGET