أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

أسهل طريقة لإضافة صندوق المعجبين فيسبوك بتقنية جيوكيري

السلام عليكم ورحمة الله تعالى وبركاته

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

صورة الإضافة


لمعيانة الإضافة


شرح الإضافة

فقط عبر إضافة اداة من تخطيط أو Layout
قم بإدخال الكود التالي

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.noopslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZe8HZ-bGF-vB0vqt_755GKcInAIz7Mpzr3vuGHLVd867gY5aLwxmL6C43xRUL0MrR0SlyVraITklXZGOYLUtrturbwibFWXf9MGejynih_omz6Kkt39frT1GC1QYi25x2mDl4f_VGnjs/s1600/fb_static+button.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
.noopslikebox div{border:none;position:relative;display:block;}
.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}
.noopslikebox span a{color: gray;text-decoration:none;}
.noopslikebox span a:hover{text-decoration:underline;}
</style>
<div class="noopslikebox">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/NetOops-Blog/159796530791611&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
    </div>
</div>

للتعديل على الكود
غير رابط صفحتك كلها برابط صفحة مدونتي على الفيسبوك
فقط غير ما باللون الأحمر
إي إسم صفحتك على الفيسبوك متبوعا ب / ثم برقم المعرف Fb_ID

ومبروك عليكم الإضافة
Enjoy

آخر مقالات المدونة

هناك تعليق واحد:

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن