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

WIDGET

• Kp3နည္းပညာ၊၄၈၇၊ဘေလာ့မွာ SCM MP3Player သစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၈၆၊ဘေလာ့မွာMicrosoftStyleTranslateသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၈ဝ၊ဘေလာ့Page Navigation Widget Generatorသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၉၊ဘေလာ့ဘေလာ့Text Resizing Widget သံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၅၂။ဘေလာ့မွာ Effect Matrix Text ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၆။ဘေလာ့မွာAnimated Flash Twitter ငွက္ပံုေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၃၊ဘေလာ့မွာEncode/decode HTML entities ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၈၊ဘေလာ့အတြက္Email Feedburner Subscription Widget အသစ္
• Kp3နည္းပညာ၊၄၃၆၊ဘေလာ့မွာ Kp-3 ရဲ႕အသဲႏွလံုးပံုေလးက်လာေအာင္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၂၊ဘေလာ့မွာ Search Engine တစ္မ်ိဳးေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၁၊ဘေလာ့မွာ Email Subscription Form အသစ္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၃၊ဘေလာ့မွာအင္တာနက္အခ်ိန္အသစ္ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၈၂၊ဘေလာ့ Banner ေထာင့္မွာ X'mas Button ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၈၁၊ဘေလာ့ညာဘက္ေဘးမွာChatBox သို႕မဟုတ္အျခား Menu ထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၈၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၅၊ဘေလာ့ Mouse Poiter မွာ Kp3 ရဲ႕ငွက္ပ်ံတာေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၄၊ဘေလာ့မွာ125 by 125 Widget ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၃၊ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၂၊ဘေလာ့မွာအလြယ္ကူဆံုး Visitor Counter အသစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၁၊ဘေလာ့မွာkp3ရဲ႕Back To Top Widget ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၇ဝ၊အေမစုရဲ႕က်က္သေရမဂၤါလာအေပါင္းနဲ႕ျပည့္စံုတဲ့ပံုေလးေတြၾကယ္ပြင့္ေလးနဲ႕ထည့္ရန္
• Kp3နည္းပညာ၊၃၅၇၊ဘေလာ့မွာ Kp3 ရဲ႕ၾကယ္ေလးကိုအေရာင္းနဲ႕က်ေအာင္ထည့္ခ်င္ရင္

HTML

• Kp3နည္းပညာ၊၄၈၉၊ဘေလာ့မွာCss3ကိုသံုးျပီး3DTextထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၈၈၊ဘေလာ့မွာPopularPostsကိုSlideပံုစံေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၈၆၊ဘေလာ့မွာMicrosoftStyleTranslateသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၈ဝ၊ဘေလာ့Page Navigation Widget Generatorသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၉၊ဘေလာ့ဘေလာ့Text Resizing Widget သံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၇၆၊ဘေလာ့မွာဇယားကြက္ေလးေတြလြယ္ကူစြာသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄၆၈၊ဘေလာ့လင့္ခ္ေတြေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚေအာင္လုပ္နည္း
• Kp3နည္းပညာ၊၄၅၅။ဘေလာ့မွာ Scroll Box ကိုေနာက္ခံအေရာင္းေလးနဲ႕သံုးနည္း
• Kp3နည္းပညာ၊၄၅၄။ဘေလာ့မွာစာလံုးေတြကိုအရိပ္ေပၚေအာင္ေရးနည္း
• Kp3နည္းပညာ၊၄၅၂။ဘေလာ့မွာ Effect Matrix Text ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၄၃၊ဘေလာ့မွာEncode/decode HTML entities ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၆၊ဘေလာ့မွာ Kp-3 ရဲ႕အသဲႏွလံုးပံုေလးက်လာေအာင္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၃၂၊ဘေလာ့မွာ Search Engine တစ္မ်ိဳးေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္
• Kp3နည္းပညာ၊၄၁၁၊ဘေလာ့မွာ Email Subscription Form အသစ္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၃၊ဘေလာ့မွာအင္တာနက္အခ်ိန္အသစ္ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၉၈၊KP-3 မိသားစုရဲ႕ ၂ဝ၁၁ ခုႏွစ္အမွတ္တရလက္ေဆာင္
• Kp3နည္းပညာ၊၃၉၅၊KP-3 ရဲ႕ Table Content အသစ္ကေနရွာခ်င္ရင္
• Kp3နည္းပညာ၊၃၉၄၊ဘေလာ့မွာ CSS3 Code သံုးျပီးပံုေတြကို Mouse Hover နဲ႕တင္နည္း
• Kp3နည္းပညာ၊၃၈၂၊ဘေလာ့ Banner ေထာင့္မွာ X'mas Button ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၈၁၊ဘေလာ့ညာဘက္ေဘးမွာChatBox သို႕မဟုတ္အျခား Menu ထားခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၈၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၇၁၊ဘေလာ့မွာkp3ရဲ႕Back To Top Widget ေလးသံုးခ်င္ရင္

BLOGGER WIDGET

• Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၃၅၇၊ဘေလာ့မွာ Kp3 ရဲ႕ၾကယ္ေလးကိုအေရာင္းနဲ႕က်ေအာင္ထည့္ခ်င္ရင္
• kp3နည္းပညာ၊၂၃၅၊ဘေလာ့ Sidebar မွာ Multi Tabbed Navigation Widget ေလးထည့္နည္း
• kp3နည္းပညာ၊၂၁၈၊ဘေလာ့မွာ Subscription Links ေတြကိုလြယ္ကူစြာထည့္နည္း
• kp3နည္းပညာ၊၂၁၁၊ဘေလာ့ ႏွင့္ ဝက္ဆိုက္အတြက္အသံုးဝင္တဲ့ Tool ၉ ခု
• kp3နည္းပညာ၊၁၆၄၊ဘေလာ့မွာ jQuery Text/Font Size Resizer ေလးထားခ်င္ရင္
• kp3နည္းပညာ၊၁၅၇၊Recent Comments ၾကိဳက္သေလာက္ေပၚေစခ်င္ရင္
• kp3နည္းပညာ၊၁၅၂၊ဘေလာ့မွာ Page Navigation ထည့္ခ်င္ရင္(၂)
• kp3နည္းပညာ၊၁၄၅၊ဘေလာ့Post FontကိုDropdownပံုစံေျပာင္းခ်င္ရင္
• kp3နည္းပညာ၊၁၁၈၊မိမိရဲ႕ဘယ္သူက Comments ဘယ္ေလာက္ေပးတယ္ဆိုတာသိခ်င္ရင္
• kp3နည္းပညာ၊၁ဝ၆၊မိမိရဲ႕ဘေလာ့မွာMulti tab Widgetထည္႔ ခ်င္ရင္
• kp3နည္းပညာ၊၉၈၊Pop Up Navigation Menu From Bucket
• kp3နည္းပညာ၊၉၇၊မိမိရဲ႕ဘေလာ့မွာ Google Search Engine စတိုင္ေလးသံုးခ်င္
• kp3နည္းပညာ၊၉ဝ၊Email Subscrtiption Form
• kp3နည္းပညာ၊၈၇၊Recent Comments ေတြကို Summariesနဲ႕လုပ္ခ်င္ရင္
• kp3နည္းပညာ၊၈၇၊မိမိရဲ႕ဘေလာ့မွာ Facebook Badge ထည့္နည္းေလး
• kp3နည္းပညာ၊၇ဝ၊Wibiya Widget Toolbar
• kp3နည္းပညာ၊၆၉၊Auto Scrolling - Recent Posts
• kp3နည္းပညာ၊၆၆၊မိမိရဲ့ဘေလာ့related posts ေတြကို thumbnails စတိုင္နဲ႕ Auto လုပ္ခ်င္ရင္
• kp3နည္းပညာ၊၅၈၊မိမိရဲ့ဘေလာ့မွာကိုယ္ပိုင္ Menu တည္ေဆာက္ခ်င္ရင္
• kp3နည္းပညာ၊၅၇၊မိမိရဲ့ဘေလာ့မွာMouseေနာက္ကေန တေကာက္ေကာက္လိုက္ေနတဲ့စာေၾကာင္းေလးထားခ်င္ရင္
• kp3နည္းပညာ၊၅၅၊မိမိရဲ့ဘေလာ့မွာPopular Posts Widgetထားခ်င္ရင္
• kp3နည္းပညာ၊၅၄၊မိမိရဲ့ဘေလာ့Linkေတြကို Rollover Buttonလုပ္ခ်င္ရင္

Posted in: BLOGGER WIDGET, HTML, WIDGET