-->

أداة دعوة الزوار لمتابعة صفحتك على الفيس بوك

إضافة جميلة لأصحاب مدونات بلوجر

إضافة دعوة الزائر ليكون من متابعي صفحة الفيس بوك

لتركيب هذه الأداة الأمر سهل كل ما عليك هو إضافة أداة جديدة ثم ضع فيها هذا الكود

<style> /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #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%; height: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;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHPozlMdWLqwHm5w0BFf4D_94DmYRIWi3hsvIW6rd4zy8JC4U0oWV5L-nNufD1O30VOT-G-1UFPjywGJ21BpPOm2966hHUaU9Th_y8sIsCL51KNI16hxFdhAexjEbFIMX9e1Z0kPqCnHCp/s1600/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-BoReQrYheJKsiRfmNPZSRVNyZ-PT7lC9v04ctc5V7ohZdFq3dp5WS_C6Tvj0OSeSWn4qDYvnO8bs-mJhMnvrMgqEixiX-nxTP55dpdSKa6W3YkOxJY5sFlFkPxmQ4tqsYHjhr6DX3qt/s1600/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-BoReQrYheJKsiRfmNPZSRVNyZ-PT7lC9v04ctc5V7ohZdFq3dp5WS_C6Tvj0OSeSWn4qDYvnO8bs-mJhMnvrMgqEixiX-nxTP55dpdSKa6W3YkOxJY5sFlFkPxmQ4tqsYHjhr6DX3qt/s1600/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj60st05Zq4bXsyIGVQhtyBrYq7-KvqjWAJWDNL7RBdibnJhNZ5JUwi_hB5CnzFgzesLKzy6TME3a8UyxLyWOMMnYOp5680Gveeo4B4fpKyutiM4s5qAQt7wENnFvSXxIhOOldHVyEwJjp/h120/loading.gif) no-repeat center center;} #cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj60st05Zq4bXsyIGVQhtyBrYq7-KvqjWAJWDNL7RBdibnJhNZ5JUwi_hB5CnzFgzesLKzy6TME3a8UyxLyWOMMnYOp5680Gveeo4B4fpKyutiM4s5qAQt7wENnFvSXxIhOOldHVyEwJjp/h120/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_bbifHAv_sbjPN4DBeNDOInoEIJmgpApOBGY4rIC2Ma2FfTgG5zZSiZMRqG6v60jJxQqYKGuZwmr1fhz-6nSkVb8BDysXGVN3V5qemj7aafPHnsuyXO_rRuoj9-MSNh_IOHzOhMd2_orL/s1600/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJA2T-TO5nj47P1l6ljhA6qYIdTvXXvJF-FCjETFZOYDorpgt7IXBRef4jNn3erKxYq1gXA30KDPIogljwmf0M6kxDQtb3dOTMvvBuT5zpZCpJgLghg1rhvjSuSGV_57xW_VKifW5z688B/s1600/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTeuJtRBoCT5oBr6X4bIi3lb8q5Wq19TjAI-EYJWnFbGteHLkva4XDDMv2riL_0YUo86xjtRtW94YlwesVckJedUF5MY_VQGaQYqewX_fpqhjiNtwrBRf77ODXUvJKm0O824VPniBmeJAy/s1600/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56tuyVUhzKmyNWlKxiNcN7N5Yx4mdxzwMs4J93tI1kHn2sollKFWDw4ruTXALarGAdISHKHNnABe-V08qSVD93obdAqmf5EHSLwCfJhPbwjji2-iZm77Ib-pxxOg5OjdaIGbnR_j6rV7i/s1600/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56tuyVUhzKmyNWlKxiNcN7N5Yx4mdxzwMs4J93tI1kHn2sollKFWDw4ruTXALarGAdISHKHNnABe-V08qSVD93obdAqmf5EHSLwCfJhPbwjji2-iZm77Ib-pxxOg5OjdaIGbnR_j6rV7i/s1600/borderTopRight.png);} .cboxIE6 #cboxBottomCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoNLAA0s5mHnyIFxgOg73fqyZdnoxwV1vRQOH3NALyqwup7XBhMIgU4mnwJa1ljJotVBTH91oqtlJrcid9yEx3Wxnq7wDoQhYwA4-NQ0ALGyZ_Ips1CUmFzGWPL8Cy-5C6iMeLqS8mS08N/s1600/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWRcDNS_HJfCf26vxuo0i3vSdkFdxDzd5Fl5sCqrsKLMTUtBB-64IAcrjj7R4FFtQN1vepFB4RzOHkJUwnnh52dXqeQtxPNFG90yj1l0dDdiWvoIXEvIa1S5G4Ucq0lH7EJvem_PH8_cv7/s1600/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizydYLjjmiEUWokE3xo7M_ofwV4rwGzbCDpJ7Kv11cJIizbYC4AEWL4dUCJpEgp-r4IO9VfmUXDoNgbLAwZD7R6NkkkRsRBRnNFFrJ6UXsRC7s-kUj73AKz1M0dufFV0q-_YQgX-teDrpd/s1600/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5ODGVIeo2RFa0R7CtaUJlFqB3VCUoMbwXXcVS5oBANA1PoLxW44CVJbJqNeyiPoS_4hG_uSgiCNG3BvRZUqVNHziCl5MHFXf6aLYqhw-MmaZW_La9PQY_iWhbqtg4dORpHR0WuNKRU0N/s1600/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /*-----------------------------------------------------------------------------------*/ /* Facebook Likebox popup For Blogger By Helper Blogger /*-----------------------------------------------------------------------------------*/ #subscribe { font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; } #subscribe a, #subscribe a:hover, #subscribe a:visited { text-decoration:none; } .box-tagline { color: #999; margin: 0; text-align: center; } #subs-container { padding: 35px 0 30px 0; position: relative; } a:link, a:visited { border:none; } .demo { display:none; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script src="http://code.helperblogger.com/jquery.colorbox.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*7; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script>  <div style='display:none'> <div id='subscribe' style='padding:10px; background:#fff;'> <center> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjU9A7FQvGnujIfLEyzJb_un-0vCPc9FJ0LcxDBqgd2OpP6YXYoAzxVUfD2i9ZnPsS1amDtQdTfh9mutN2f3ZjGMCtU9ce3anJUknuQyAPYkJxoBl2OBZKrMKe0Ogi30BlwyBAFUbbH4Xm/s1600/LikeUsOnFacebook.png" width:300px; height:150px;"/></center> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbtsnts&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:45px; font-size:4px;" > <a style=" font-size:8px; color:#3B78CD; text-decoration:none;" href="http://goo.gl/9fXrd">Grab This Gadget »</a> </p> </div> </div>

مع تغيير btsnts إلى اسم صفحة الفيس بوك خاصتك

كما يمكنك التحكم في مدة ضهور هذه الأداة لكل زائر

إبحث عن 10006060247

المدة المحددة هي 7 أيام لكل زائر كلما دخل لموقعك تضهر له الإضافة حتى تنتهي المدة المحددة ولن تضهر له بعض ذالك

يمكنك جعلها أقل أو أكثر

بالتوفيق

شارك المقال

Tweet
Share
Share
Share
Share

0 comments: