بسم الله الرحمن الرحيم
اقدم لكم زوارنا الكرام اليوم اضافة نافذة منبثقة بتقنية jQuery لي صندوق اعجابات الفيسبوك لمدونات بلوجر والمواقع
اضافة اكثر من رائع ويبحث عنها الكثيرون لزيادة عدد المعجبين بصفحتهم علي الفيس بوك
المميزات :كود بسيط . بتقنية ( jQuery )اضافة انيقة وجذابة. والنافذة تظهر مرة واحدة للزائر.
السلبيات : شئ سلبي واحد وهو أنك عندما تريد التعديل على الإضافة بما يناسب مدونتك ستظهر لك مرة واحدة فقط .
طريقة تركيب الإضافة
1-اذهب الى لوحة التحكم
2-توجه الى تخطيط
3-اختر اضافة أداة اختر اداة HTML
4- ثم اختار JAVASCRIPT
5-الصق الكود اسفله ثم حفظ وهكذا نكون انتهينا
الكود :
<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%; 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;}#cboxOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJphx7rSZr4fWLN8ClgE8s3lNKciYpIN9TPFf4yfa4O9gLbeS39Cb61ncv8GlSTPT8NVqijrfaCmD7Ayx_-l0faZ6gJSDi9elgRR4X1uQlyH0D-aOPnnxE5zk7GaiR37YVPzcJIrII6XRl/s1600/overlay.png) repeat 0 0;}#colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/s1600/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/s1600/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/s1600/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/s1600/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/s1600/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/s1600/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPH2JNuIsik61JZVk41wAqIHANTgWi9HmaPUdX2OKSFPN_UzFjR9e7TtOS50lHLiHfnfXTuL_QJ5dAMsXKTzpwYAH93TogSxKSjrOxyFcsuX81OirWCHUeZwo4u69mdjKYUiwEd7lGCRnp/s1600/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPH2JNuIsik61JZVk41wAqIHANTgWi9HmaPUdX2OKSFPN_UzFjR9e7TtOS50lHLiHfnfXTuL_QJ5dAMsXKTzpwYAH93TogSxKSjrOxyFcsuX81OirWCHUeZwo4u69mdjKYUiwEd7lGCRnp/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/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/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/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/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/AVvXsEhIgMgAkmVqg5q6erqDuo7JpOZnA8USbDeCrm8wffHkhtIrLbuYMjjLWBFTp9R4odU3DfhGp8tY1gNfD44z9tFR56iQfdyxqmnChTFdk1rl86Z4pDjQwh71R-heTt_1_KZpv5JQUFaKvQNO/h120/loading.gif) no-repeat center center;} #cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgMgAkmVqg5q6erqDuo7JpOZnA8USbDeCrm8wffHkhtIrLbuYMjjLWBFTp9R4odU3DfhGp8tY1gNfD44z9tFR56iQfdyxqmnChTFdk1rl86Z4pDjQwh71R-heTt_1_KZpv5JQUFaKvQNO/h120/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtFKFQR46AAHqhlaOQX4iM9G4tFGF0x_HLKr75NX5BbL7E7zF7PDW_FWebmF9Rk9aogFrIBCxqFJjt_cqx3BWDA7lBBwheqavl8IpMU5fSdMpHZjhXLu8U43RN_Bt5aiHd-TuUo1pDhYY/s1600/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;}.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);}.cboxIE6 #cboxTopLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3pOX_WkiKQr4hqFZrLhqu353dP4LYJMqIiuGhjmRjLyVpaPDNu06sgy4iqaxnaVtLdWM6MIHpZsHUZuAm5gIEQVU_RdMXP7l28IhjHIiadmwAzNLRth5Y_BKPj-PR_f2O5fyWZS3XjMt3/s1600/borderTopLeft.png);}.cboxIE6 #cboxTopCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVZWCnKi0aHyhWnOekFG59JIAIcyClkJgZpC9a_v20_GPkIsrKoaNHR9S40mA_Qgw6dZXtQZz-QP_xyTV1A_J2pwmY86C6rfRc9ORF0wxYuKr742mIZZX7FHyWBijiNTIuFd2Cw6daBjeX/s1600/borderTopCenter.png);}.cboxIE6 #cboxTopRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_sv7uiXFStdCYPLDuCbzy1CHnmsdaXmjJ7K9OmYUFgkDHUt-NRwSV7HT7rQ6WSS3jNtdyCuEUTbXROD-7m-QP2sVLfemoJLgDiiC67H5HC1rYOaYhZ9hNl7gfQ8pFe6uwwmuEUOCtZyx_/s1600/borderTopRight.png);}.cboxIE6 #cboxBottomLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_sv7uiXFStdCYPLDuCbzy1CHnmsdaXmjJ7K9OmYUFgkDHUt-NRwSV7HT7rQ6WSS3jNtdyCuEUTbXROD-7m-QP2sVLfemoJLgDiiC67H5HC1rYOaYhZ9hNl7gfQ8pFe6uwwmuEUOCtZyx_/s1600/borderTopRight.png);}.cboxIE6 #cboxBottomCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRxI5P_-5CZKxYzLV37HfXHZhboNooApy30gJpWalXkis-I2PVB0783HXS_cFhgLxEtxTjdxs8qZ86dt7T3vi-K9uNPPgi5Y8UR1WUvtjxe88ouVeQ24rh0kVpjVLbXl_uQYEPj9zM3pgz/s1600/borderBottomCenter.png);}.cboxIE6 #cboxBottomRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wMoMreJ-awqkYdKpDKqwKHUZVCaurF-1nV_ejgvGyjn_ftkok2A2aYFrWcLItkaedLtHz51Tq1_9kACtgQ5GaJtSULm7O_jYdpqdBEuH6hLjsksguyW8jfWyp0J8-swUNvgp5bFYZ-QG/s1600/borderBottomRight.png);}.cboxIE6 #cboxMiddleLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy9OMz5NElktZKnxadPjynQ9wUuu_v_7EQZJL_IyRUnShyphenhyphenfm96_dXvuzy_KK4UlKtYHMvbUpUNM-YamepUenWdvEM6l2wZnJT1Dnq4r0xLPpop4S5vpkG1_jTpWKSa-UAIe81uOH-m1N3O/s1600/borderMiddleLeft.png);}.cboxIE6 #cboxMiddleRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMjrLkmVeNXQU-exDM4SNNpqeVMiwNHg_I11OdEwFJ8T8sGRVX3mufZFrNm-zjs5Z8DK-TfHyljI7kDBS4-OV7SVwdc2a5-Pom6Z8Jo6aHUyxGJ7XZfx9EgIjcq_Om1F-D6Q-w63VaQART/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')");}#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://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*7;var expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires=" + expires.toUTCString();$.colorbox({width:"400px", inline:true, href:"#subscribe"});}});</script><!-- This contains the hidden content for inline calls --><div style='display:none'><div id='subscribe' style='padding:10px; background:#fff;'><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAI_hAvMtMByxpRMuI3hVsmyx4bb7_wZ_Lj_biyq0ylAiR97oYzzldGBo1n61cz09PfvrkvB6fUAeROrbDshoZTidE_G9ATNhF5KhA84lLEgRGXWs2N-si8Cgd1Orj2YMHGeDw5m6gQXD/s1600/BecomeFanOnFacebook.jpg" width:300px; height:150px;"/></center><center><iframe src="//www.facebook.com/plugins/likebox.php?href= rkthononline &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:15px; font-size:6px;" >Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/04/jquery-popup-facebook-like-box-v5.html" target='_blank'>Blogger Tips and Tricks</a></p></div></div>
غير اسم صفحتك على الفيسبوك مثال rkthononline
وهكذا نكون انتهينا
1 تعليقات
http://oran-sat-hd.blogspot.com/
ردحذف(ما يلفظ من قول إلا لديه رقيب عتيد)