أضف صندوق إعجاب الفيس بوك منبثق على مدونتك و أربح ألالاف المعجبين - عرب سوفت

أضف صندوق إعجاب الفيس بوك منبثق على مدونتك و أربح ألالاف المعجبين

4/06/2013 ,

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


شرح تركيب الأضافة


1 - قم بالذهاب إلى تبويب التخطيط
2 - قم بإختيار إضافة أداة
3 - أختار نوع الأضافة HTML/JavaScript
4 - ضع بها هذا الكود
<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/AVvXsEh-AV1N3vQKB4qBTlTxXqAysK2to1uZoTI63jvBPKd2sZJTC8_KjZVA_iB1Prt76QXZTg11DMPDzWn5RXkI7ikuqw5ES8YD8M1t_NtoHTye27oT55RJ3ohKW095W0pmcn5eyXspoESeJQql/s1600/overlay.png) repeat 0 0; background-image:url(http://goo.gl/2Vcbf);}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/s1600/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/s1600/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/s1600/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/s1600/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/s1600/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/s1600/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLO-nU0dJ-d4KjtEdk1i9XAcSJoNE-tQEfDstOe88Ij9njue0nl-0vMLoyRZRVqwJfLgki8dWnlkWYIo_27VpD39IxAXjPRfGu7KFu9rxBEnwGLnk4veGZVzdvcAD7K4SNgQmuzFh_WmIU/s1600/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLO-nU0dJ-d4KjtEdk1i9XAcSJoNE-tQEfDstOe88Ij9njue0nl-0vMLoyRZRVqwJfLgki8dWnlkWYIo_27VpD39IxAXjPRfGu7KFu9rxBEnwGLnk4veGZVzdvcAD7K4SNgQmuzFh_WmIU/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/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/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/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/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/AVvXsEh6rlooTrmfPKg5VZ9-3cm7KJy0XWNdwGBnErEJapTlf1s3rtR3NjSLrWIh1QR085RwZttP2I7mSCUC149swdmVEmINDmwAlMcFcBYUZuBPTOkz4-rPobadqUODBvPf4ESgB5mqIhuNx62n/h120/loading.gif) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6rlooTrmfPKg5VZ9-3cm7KJy0XWNdwGBnErEJapTlf1s3rtR3NjSLrWIh1QR085RwZttP2I7mSCUC149swdmVEmINDmwAlMcFcBYUZuBPTOkz4-rPobadqUODBvPf4ESgB5mqIhuNx62n/h120/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoxrzUJXmAJMlFOUCOhu7Ge3Uc-EqHt5r1DH7cv3TXCgOanr6QOtueS425h3tMMxHfygI-py5NZkpSoatKaInp8Lx4DMPxTJn-XX5cTKmcpnLwHIsz7O7OO-nEGXW55lBzPGILrtQ6NPey/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/AVvXsEi2rSJpB469NkOWyJNQDg0xIlfu8NH6mCe2y4Y0yqym53qSH-oz-oH6KV5Y2b6m5d9kgH5XLjh7AlJf1ehc3vQS0Ust-SOkT_ZdCRzrgAYYvDnvGAz2db4ZBa6aQB5hMPsMcWQuemB6fEMU/s1600/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRIucFsj3cZuv9yGTcHEQffMwOsHe2ywUPpScvBIeNq-U5LZ0LbeLyePjFHl_glsWh86-53FtJ9Qgz7UN6vnGMVD4WEBIFXCKWN4RLcHSXyPV4LuFi3QPMKhQd8taMsj3SxFrP66BU22cp/s1600/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOg5YF3ZLtBrmDR5zQ6prD1U7Z-l_5VcFso7fe_7v0T9LUs0ItGZfX2Hx0W41ky07pfDrlS-bxfhCCrfK6fzzEc4NGEWQtFHoNGwMAhDq_0qJnSnAe-lOxYj2vVgghSikS0AFX2e-BYFf/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPOg5YF3ZLtBrmDR5zQ6prD1U7Z-l_5VcFso7fe_7v0T9LUs0ItGZfX2Hx0W41ky07pfDrlS-bxfhCCrfK6fzzEc4NGEWQtFHoNGwMAhDq_0qJnSnAe-lOxYj2vVgghSikS0AFX2e-BYFf/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQ7iPD_wR5XbW_JFuhyAsrUmH8VYCMMlnyIZLzxMH-Hk-sFTyG1mRmHTNI9Cq9FFvs9UU8R7d4cWk347uc-zJp8tXPybSaKDjIeKwOKeMzCelWJjQLAvrrAgjI6tGqWlEikCzlQNbUc-m/s1600/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPeN57DtsETd-PC7ktGluYBWf4NOlW5q9hyphenhyphenZGyOOtXbSgqYy3dqQLr0Ely1o2dejyOcjLlCudhizh_Zjc7K-bCnK_s41aRrizehRzcXV9ld4S_K9WTqzI7W5hsqAD5od3TdDV_kfmo2_ch/s1600/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeqT5pU02-GJ9tq1u5SD_761L0RRlgelGODQFl7Dz_2nApbZaiBrvc-AvqezAIqBUkQ7Lx_21sGsDKNHQ3sVz2YYVKRiHHpsEIrv3EDOPAYOTL6Bm-RXlqlRLjj1fAPNhJ5lbBc9OBRhE/s1600/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9i7qHbPBQqsrwV55kQZgMisZQM2YiFF-xh03ShdIzWCYl4_03XaD9duuHQX5Ahezh0ujEQ-BwxjIXt5rcM3posdFDAkeP6uuzLsgpRxvor9_CFG_B6L1-AYgjO-Eb63frBUTlMtASGwMU/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://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>
<!-- This contains the hidden content for inline calls -->

<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center><img src="http://1.bp.blogspot.com/-YPRoJQwpkVc/URTZjIxYjvI/AAAAAAAABfA/5smshFpNiM0/s1600/hfhtrghh.png" width:300px; height:150px;"/></center>
<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F3rab4tech&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"><!-- Warning: Don't edit this line,If you edited this line then your gadget may not work --></iframe></center><p style=" float:right; margin-right:45px; font-size:4px;" ><a style=" font-size:8px; color:#3B78CD; text-decoration:none;></a> </p></div>
</div>

5 - يجب تغيير ما باللون الأحمر داخل الكود إلى الرابط الخاصة بك على الفيس بوك .



Cuts URL - Best URL Shortener 2018

التعليقات على الموضوع