اضافه صندوق اعجاب الفيسبوك بتقنيه منبثقه على بلوجر- Adding Facebook Like Box pop-up

بسم الله الرحمن الرحيم
--------
السلام عليكم ورحمه الله وبركاته

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

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

ويساعد فى زياده الاعحاب لصفحه الفيسبوك

مربع صغير منبثق من جهه اليمين وبطول الصفحه يحتوى على رابط الاعجاب بصفحتك على الفيسبوك
مع صور مصغره لجمهور الموقع على الفيسبوك

طريقه التهيئه للمدونه بلوجسبوت

1- توجه الى التصميم ثم تحرير html 

2- اخذ نسخه احتياطيه من القالب 

 3- البحث بواسطه الضغط على Ctrl + F على الوسم  <head/>

4- ضع الكود التالى فوقه مباشره 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>


طريقه التركيب

اذهب الى التصميم ثم التخطيط
1- اضافه اداه  Html/Javascript

ضع الكود التالى داخل اضافه الاداه الجديده 

<script type="text/javascript">//<!-- $(document).ready(function() {$(".mdslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--></script><style type="text/css">.mdslikebox{background: url("http://2.bp.blogspot.com/-pm4J4aADt_8/T0v5aPd_3_I/AAAAAAAABAs/tpx5ZEc9GzI/s1600/%5Bwww.chamelcool.blospot.com%5Dfacebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .mdslikebox div{border:none;position:relative;display:block;} .mdslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .mdslikebox span a{color: #808080;text-decoration:none;} .mdslikebox span a:hover{text-decoration:underline;} </style><div class="mdslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F<b>pagename</b>&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.chamelcool.blogspot.com/">chamelcool</a> / <a href="http://chamelcool.blogspot.com/">+Get This!</a></span></div></div>

التعديل على الكود
تغيير pagename 
الى اسم ID لصفحتك على الفيسبوك

ملحوظه / اذا واجهتك المتاعب لا تتردد فى ان تسال هذا فى تعليق مناسب ونحن سنقوم بالرد الفورى

By glok

Similiar tagsاضافات بلوجر