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

التسميات:


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


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/AVvXsEgMyTQtM0Arz3r-IyeuY7l1ceOmHxnuMszwIAJhwfLn7M_rhu5mMtlU8D3ffiSCu-SNT6GYUAojnd0E2t42kkZZuSNRqcFsKnMx_8p8vdkPN8FqVop9rmQ_grGySi9XsnwQynTv4zwBm0_n/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/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/s1600/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/s1600/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/s1600/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/s1600/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/s1600/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/s1600/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicyj_E8f1gX-zfi9iG5qR_ZGjE0rtEEs0z2BbnbODpbP5OD-obcxDHzZ8temF2iOs1AlcBFWPWobOzXZMdI8bajHKeI8K5c-ZWSfOCrwrkYX-nzZYepVAvoMT3XCCoALSIcby8_zAwGZR/s1600/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicyj_E8f1gX-zfi9iG5qR_ZGjE0rtEEs0z2BbnbODpbP5OD-obcxDHzZ8temF2iOs1AlcBFWPWobOzXZMdI8bajHKeI8K5c-ZWSfOCrwrkYX-nzZYepVAvoMT3XCCoALSIcby8_zAwGZR/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/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/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/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/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/AVvXsEgIyYlBqfWTFgbq1PLQWOuhQdm-lE08C6wadWNMDvSiRRXzY9k3ciCj_I5gq6_SjOV0tcAkD7FH4IG2ed0-xdd4N9qNsgCbOr6f83oqC6RRYcEh-D1jMJIUY91dmmJGFvGmWM4BuOPhbLDt/h120/loading.gif) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIyYlBqfWTFgbq1PLQWOuhQdm-lE08C6wadWNMDvSiRRXzY9k3ciCj_I5gq6_SjOV0tcAkD7FH4IG2ed0-xdd4N9qNsgCbOr6f83oqC6RRYcEh-D1jMJIUY91dmmJGFvGmWM4BuOPhbLDt/h120/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVFOjTI0wZ5FzpX92fagUZXSyS0VHiZprPHszrTUkHFq5jq1lASwGTAETa4vkmNaBsMhOL3C4jFHvy6nqYExThNCpn5ZK-hpVr-aCNQqpBmtum9WIAOzjDy4JciyqndMWwa0K_FKkFS0q/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/AVvXsEjvpMEpeGgrj62LfOVBM5u0BDmnSeUhJ4_Dp00FAuM98kJC_JyoQ9Vn1SlgavfHf3hW5LBTm1TAV06W1c0rgPnzodRWdhrCQv8OWTxBXOentkUvWHirTDBxERYAoujlczLq6Dk1Mnv47ocO/s1600/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8FNSCj9KvjWccx9LF7oailRSl45Y_zP8IVDyQedxrQ4HLXTU0DD-CWqhY-0fMyfSqQkiHBVeMYhJFfoevwgXyfEkdfI4ib8tYo540AqKvvDkzWQL7TPREUb8nZv-nY5VbyEFGVTV70o3F/s1600/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTz9ofV8xaloaBsvJUeL0EQ4HDmKWRA0BUYKE1oJQ1INEhMifKOwMifSyN2Vc2NPiholICJi246NhKi-QUnYjbC3ZJRJRdfxreMy7xAF7a5ZrqjiZseOVgHx3IN8twD8DMCfg5Xeuh2HIS/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTz9ofV8xaloaBsvJUeL0EQ4HDmKWRA0BUYKE1oJQ1INEhMifKOwMifSyN2Vc2NPiholICJi246NhKi-QUnYjbC3ZJRJRdfxreMy7xAF7a5ZrqjiZseOVgHx3IN8twD8DMCfg5Xeuh2HIS/s1600/borderTopRight.png);}
.cboxIE6 #cboxBottomCenter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghp6rLFYf2ZSAZrTRVsc2b98sduRAC80QuLYY_TzsVoT5nt1Xr1l6H3iIuCpE4s-r-fHKiW1dLrZr0b2KMJKnKwGl_f_T2gUm9qI1dLQjLhQlDYjCb52lfhRlLlBhz5BIqIOIOXov-B1vf/s1600/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUMOYgeTZcgAz6sozRi9q2ilgbNIm0invUfLLmCieKe6OuiH7Gvd9OhywqMTfOKTx-TjygB3a5NeGVcwQEhgMI7M6HXGaIv4xfBZV77iY0MQ7X_rTINbAL5khhm0Oyx3Op8NuCHTuuU63G/s1600/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2nPydMARusTmLcPibJ1yZFX3t1wiORleL1IgyAT8ol1EcJb9xYqqDUoZRHuObCyzgzprDDJdm4eN17ye_bvYk4-48LR_13PPfMQPWuOzmvKgEuqHnMU21pa2pw3hFI78TCsvktyDkPFC/s1600/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjms6CjXMD62vEU4SZiY2a5LPt-Wrf5xhocmCS9fK2iJUWwN_5QNBGwShhd6dIuU1cAW9nvhN2D1J3-RF2oy-4Hedgt9KWzuwcLubJqFv6kk0ivxKLjW743f3mpynnJLPHMyVJA2ObrwdZC/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%2Ftrucsprofessional&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 - يجب تغيير ما باللون الأحمر داخل الكود إلى الرابط الخاصة بك على الفيس بوك .



هل أعجبك الموضوع ؟

الموضوع من طرف : منتصير شفيق

منتصير شفيق 24 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال الفيس بوك . تويتر . جوجل بلس

ضع تعليقا أخي الكريم

ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوظة مطوري الحاسوب ©2012-2013 | ، نقل بدون تصريح ممنوع . Privacy-Policy