نــافدة منبتقة جديدة حصريـا على مدونــة ( خالد-ويب KHALID-WEB) 2014
اليوم سأشـرح لكم طريقة وضع الإضافـة
الإضافـة جميلة
2014
الإضافـة جميلة
2014
صورة الإضافة
الطريقة سهلة
- تسجيل الدخول إلى Blogger
- تخطيط / إضافة أداة
- اختر HTML/JavaScript
ألصق التعليمة البرمجية التالية :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
<style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{/*box-shadow*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTp59HbTwgdY47lQS7gWzjN5mcKT6V90hMoJcv6HQuCesPG7ozOLhA4SAvXMM26T478GrvoWCuTgiAKtkkqgoyqXxu5k-w4gbmTxVHcgwl7r5vKkOkSMK6rYREtpGTc7aHU4t07RypoSMR/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYxtHHvgHGxP_TMkBKOrkCCI6L0QP44tXoGhgX_Kj_KEusNUWpy5QEvGcX-n905EuAYGurNBpOT7wWbixbGsMyQHOpIX4M3h6U04St42wCDhPNpFBJ6dNPE9k3ioN58GJjzSM_M6r4VRr/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTp59HbTwgdY47lQS7gWzjN5mcKT6V90hMoJcv6HQuCesPG7ozOLhA4SAvXMM26T478GrvoWCuTgiAKtkkqgoyqXxu5k-w4gbmTxVHcgwl7r5vKkOkSMK6rYREtpGTc7aHU4t07RypoSMR/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTp59HbTwgdY47lQS7gWzjN5mcKT6V90hMoJcv6HQuCesPG7ozOLhA4SAvXMM26T478GrvoWCuTgiAKtkkqgoyqXxu5k-w4gbmTxVHcgwl7r5vKkOkSMK6rYREtpGTc7aHU4t07RypoSMR/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaYxtHHvgHGxP_TMkBKOrkCCI6L0QP44tXoGhgX_Kj_KEusNUWpy5QEvGcX-n905EuAYGurNBpOT7wWbixbGsMyQHOpIX4M3h6U04St42wCDhPNpFBJ6dNPE9k3ioN58GJjzSM_M6r4VRr/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTp59HbTwgdY47lQS7gWzjN5mcKT6V90hMoJcv6HQuCesPG7ozOLhA4SAvXMM26T478GrvoWCuTgiAKtkkqgoyqXxu5k-w4gbmTxVHcgwl7r5vKkOkSMK6rYREtpGTc7aHU4t07RypoSMR/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTp59HbTwgdY47lQS7gWzjN5mcKT6V90hMoJcv6HQuCesPG7ozOLhA4SAvXMM26T478GrvoWCuTgiAKtkkqgoyqXxu5k-w4gbmTxVHcgwl7r5vKkOkSMK6rYREtpGTc7aHU4t07RypoSMR/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTp59HbTwgdY47lQS7gWzjN5mcKT6V90hMoJcv6HQuCesPG7ozOLhA4SAvXMM26T478GrvoWCuTgiAKtkkqgoyqXxu5k-w4gbmTxVHcgwl7r5vKkOkSMK6rYREtpGTc7aHU4t07RypoSMR/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-FD628rTBOilKi48bVcOHJJUNoFKm1_PfNUUmapv-rpR9TvrHxTAwGPN1d9lGnm7fo6YnFB4dZN5jT5OuFNl9vr_rUoVnhG7TlL4VXU87tixzEHum0183ohoIWY0L1JPbMK9kvMv_SD49/s1600/loadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZgVCnvXsZYgUzk4BMyIu7MkiqSZycJbyPF__iPTr0ODnfVzgWUwc1Vlk-ZG5AleGMupdEKuolgjM0LQtGf_bt4bI26dt3ygXrNh_fZQ8vAvW_S8c-rcWAjs_lP6cNV4ifyLpsqDqCLcfH/s1600/loading.gif) no-repeat center center;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTp59HbTwgdY47lQS7gWzjN5mcKT6V90hMoJcv6HQuCesPG7ozOLhA4SAvXMM26T478GrvoWCuTgiAKtkkqgoyqXxu5k-w4gbmTxVHcgwl7r5vKkOkSMK6rYREtpGTc7aHU4t07RypoSMR/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px;}#cboxPrevious{left:0px;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}#btt{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btt a, #btt a:hover, #btt a:visited{text-decoration:none;}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.mdbox-tagline{color:#999;margin:0;text-align:center;}#mdsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style><script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"600px", inline:true, href:"#btt"});
}
});
</script> <div style='display:none'><div id='btt' style='padding:10px; background:#fff;'><center><table align="center"background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYHgoIFIpH-3q3BtTHiKte7k2uqGJ7eBr2V2yqAWjm19-DIbqfm35WFlxNO0byp5mICJ1HEKCr245HJt0_J388Kwi3YFdfZdaFe1PAYc4JgD-4kBZ736x5wWVuPffRwpabhgtF8H6DEMVE/s1600/background+image.png" border="0" height="300" style="width: 505px;"><tbody><tr><td height="345" width="505"><div align="right">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Khalid-web/449649378506931&width=330&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:330px; height:255px;" allowtransparency="true"></iframe></div></td></tr></tbody></table></center><p style=" float:right; margin-right:35px; font-size:6px;" >بدعم من<a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://khaliid-web.blogspot.com/2014/09/khalid-web-2014.html" target='_blank'>Khalid-web</a></p></div></div>
- المرجو إستبدال الرابــط التالي :
- https://www.facebook.com/pages/Khalid-web/449649378506931
- برابط صفحتك عن طريق نسخ رابط صفحتك من المتصفح وأنقر حفـظ ومبروك عليك الإضافــة .
لكـل من قرأ الموضوع أدعمنا على الموقـع التواصلي فيسبوك لكي ترى كل جديد مدونة
ليست هناك تعليقات:
إرسال تعليق