بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في موضوعنا الجديد من دروس بلوجر سوف نتعرف على طريقة إضافة .
الإضافة هي عبارة عن نافذة منبثقة بتقنية الجى كويرى تخرج تلقائيا لتسجيل الإعجاب بصفحتك على الفيسبوك عند فتح المدونة والاضافة جميلة تخرج مره واحده للأشخاص الذين لم يعجبوا بصفحتك ولاضافة تجعل مدونتك احترافية ومميزة
نبدا بسم الله
نبدا بسم الله
شكل الاضافة
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/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:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#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:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-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/AVvXsEgUT6lxL813mUQAQehajbzEcJX0K2V-AoxE0cSEdDZemhwULGLhINL_7uUPxw4wLSCkGK5SS5peN8qv34dKi4oPnKHFw-u66iRa9O9HiSEJvdccyR8-mAFJIE1RXsu_XbDSY4YSWVT-YxY/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUe8k5WJCWaDL6dLWtptxyGl3aRY6ChqoUlQVOkiLpY60XHLKVJeSRZiKXSye5XsWUoRUYmHz7jFWeIr8ldbLO7k8d4rL-8r8rFj4yilg_ZHfE2mIDG0xoQCmr42Rffm_zQnXnmNApO8/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUT6lxL813mUQAQehajbzEcJX0K2V-AoxE0cSEdDZemhwULGLhINL_7uUPxw4wLSCkGK5SS5peN8qv34dKi4oPnKHFw-u66iRa9O9HiSEJvdccyR8-mAFJIE1RXsu_XbDSY4YSWVT-YxY/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUT6lxL813mUQAQehajbzEcJX0K2V-AoxE0cSEdDZemhwULGLhINL_7uUPxw4wLSCkGK5SS5peN8qv34dKi4oPnKHFw-u66iRa9O9HiSEJvdccyR8-mAFJIE1RXsu_XbDSY4YSWVT-YxY/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUe8k5WJCWaDL6dLWtptxyGl3aRY6ChqoUlQVOkiLpY60XHLKVJeSRZiKXSye5XsWUoRUYmHz7jFWeIr8ldbLO7k8d4rL-8r8rFj4yilg_ZHfE2mIDG0xoQCmr42Rffm_zQnXnmNApO8/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUT6lxL813mUQAQehajbzEcJX0K2V-AoxE0cSEdDZemhwULGLhINL_7uUPxw4wLSCkGK5SS5peN8qv34dKi4oPnKHFw-u66iRa9O9HiSEJvdccyR8-mAFJIE1RXsu_XbDSY4YSWVT-YxY/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUT6lxL813mUQAQehajbzEcJX0K2V-AoxE0cSEdDZemhwULGLhINL_7uUPxw4wLSCkGK5SS5peN8qv34dKi4oPnKHFw-u66iRa9O9HiSEJvdccyR8-mAFJIE1RXsu_XbDSY4YSWVT-YxY/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUT6lxL813mUQAQehajbzEcJX0K2V-AoxE0cSEdDZemhwULGLhINL_7uUPxw4wLSCkGK5SS5peN8qv34dKi4oPnKHFw-u66iRa9O9HiSEJvdccyR8-mAFJIE1RXsu_XbDSY4YSWVT-YxY/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/AVvXsEh236oB8X3nc0i-yMl_fTaQGIBc6w727FQqJTSEwzO5gIw5pmqA4pAL4y5omUpzmsr_kXgJsoulbHFD9BF2QOhy01WQz_bQfeFli0bgzYZkhTHD8ffsRPbGj0z8Zkkt0rIxJVtfrVilXYM/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBUhGxz_t3jQZUF_tREIPyE0vL2sxgXrPNLVF24vEOr-piQLC34ZN2ofExEezUCpA01p-SHGb1jcT43Xl3IqQIL9IpkoM7ANY5NqoTzabj5JOj6_fqB-fki7TkBE38qdZAc-O9BCyhBw/s400/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/AVvXsEgUT6lxL813mUQAQehajbzEcJX0K2V-AoxE0cSEdDZemhwULGLhINL_7uUPxw4wLSCkGK5SS5peN8qv34dKi4oPnKHFw-u66iRa9O9HiSEJvdccyR8-mAFJIE1RXsu_XbDSY4YSWVT-YxY/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}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb 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;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fhh5050&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.4we-eb.blogspot.com">4we-eb</a></p>
</div></div>
ملاحظة هامة.. يجب تغير اسم hh5050 با سم صفحتك علي الفيس بوك
تغير الاسم التعريفي لصفحتك علي الفيس بوك هو الإسم الأخير
مثال ... www.facebook.com/hh5050