Aung နည္းပညာ: မိမိ blog မွာ popup like box ထည့္မယ္ ..။

1. http://blogspot.com/ ကိုသြားပါ
2. ထည့္မည့္ Dashboard Blog ကိုေရြးပါ
3. Layout ကိုသြားပါ
4. "Add A Gadget" ကိုုႏွိပ္ပါ
5. "HTML-JavaScript"ကိုေရြးပါ
6. ေပးထားတဲ့ကုတ္ကို copy ပီး paste လုပ္ပါ(ကုတ္ကေအာက္မွာ အ၀ါ တားထားတာကိုလိုသလိုျပင္ပါ)
7. Title မွာဘာမွ မထည့္ပါနဲ႔
8.save လုပ္ပါ

အေပၚက ပံုကေတာ့ အလွတင္ထားတာေနာ္ အဲဒီပံုမ်ိဳးေတာ့ ေပၚလာမွာ ဟုတ္ဘူးး ရိုး၂ပံုေလးပဲေပၚလာမွာေနာ္ ခ္ခ္းး ခ်ိတ္ခ်ိဳးးနဲ႔ .................

---------------------------------------------------------------------------------------------------------------

<style type='text/css'>
#bloggerspiceFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#bloggerspiceFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
// Widget by www.bloggerspice.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='bloggerspiceFBpop'>

<center><b><a class="BloggerSpice">ဒီ၀က္ဆိုဒ္မွာအသစ္တင္တိုင္း FB ကေန ဖတ္ႏိုင္ရန္ ေအာက္တြင္ Like ကို ႏွိပ္ထားပါ။ Like ေပၚတြင္ အမွန္ျခစ္ရွိေနပါက ထပ္ႏွိပ္စရာမလိုပါ။</a></b></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Aung-နည္းပညာ/1559182811000442&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>

<a class='bsclose' href='#'>×</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;"></span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;"http://www90.zippyshare.com/v/aifnxh5t/file.html"><span style="font-weight:bold;">ဖုန္းထဲကိုထည့္ဖို ့Aung နည္းပညာ ၀က္ဆိုဒ္၏ Apk ေဆာ့၀ဲေလး Download Click Here</span></a></center>
</div>
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VpNtaSRXBU3k7fJwlCFWgT8vjVio7zk4cMf86iy48DepW_YERxkk9B9nn2POewcqlpkL0pPv-H8jgrZYcdc1ElwzIE1EATXG31cfRp5MrUDgGuuVF5R_hg-rqoM3P3koAYzkFhde28o/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(w2b){
w2b(document).ready(function(){
var $dur = "medium"; // Duration of Animation
w2b("#fbplikebox").css({right: -250, "top" : 100 })
w2b("#fbplikebox").hover(function () {
w2b(this).stop().animate({
right: 0
}, $dur);
}, function () {
w2b(this).stop().animate({
right: -250
}, $dur);
});
w2b("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Aung-နည္းပညာ/1559182811000442&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true"></iframe>
</div>

==================================================

<style type='text/css'>
#bloggerspiceFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#bloggerspiceFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
// Widget by www.bloggerspice.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='bloggerspiceFBpop'>

<center><b><a class="BloggerSpice">ဒီ၀က္ဆိုဒ္မွာအသစ္တင္တိုင္း FB ကေန ဖတ္ႏိုင္ရန္ ေအာက္တြင္ Like ကို ႏွိပ္ထားပါ။ Like ေပၚတြင္ အမွန္ျခစ္ရွိေနပါက ထပ္ႏွိပ္စရာမလိုပါ။</a></b></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Aung-နည္းပညာ/1559182811000442&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>

<a class='bsclose' href='#'>×</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;"></span> <a href="https://drive.google.com/file/d/0B1AAmWyli2P4T29vbm54VU1Rc0k/view?usp=sharing"><span>ဖုန္းထဲကိုထည့္ဖို ့Aung နည္းပညာ ၀က္ဆိုဒ္၏ Apk ေဆာ့၀ဲေလး Download Click Here</span></a></center>
</div>
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VpNtaSRXBU3k7fJwlCFWgT8vjVio7zk4cMf86iy48DepW_YERxkk9B9nn2POewcqlpkL0pPv-H8jgrZYcdc1ElwzIE1EATXG31cfRp5MrUDgGuuVF5R_hg-rqoM3P3koAYzkFhde28o/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(w2b){
w2b(document).ready(function(){
var $dur = "medium"; // Duration of Animation
w2b("#fbplikebox").css({right: -250, "top" : 100 })
w2b("#fbplikebox").hover(function () {
w2b(this).stop().animate({
right: 0
}, $dur);
}, function () {
w2b(this).stop().animate({
right: -250
}, $dur);
});
w2b("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Aung-နည္းပညာ/1559182811000442&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true"></iframe>
</div>

========================================================

Aung နည္းပညာ

1

Friday, April 3, 2015

မိမိ blog မွာ popup like box ထည့္မယ္ ..။

No comments:

Post a Comment

po

ag

Facebook Comment Box

ap