اضافة صندوق اعجابات الفيسبوك بشكل جانبي متجاوب

إعلان أدسنس

آخر المواضيع

breaking/قوالب بلوجر/9
مقالات

الأحد، 30 أكتوبر، 2016

أكتوبر 30, 2016

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

السلام احبائي متابعي فيصل للمعلوميات 
اضافة جد منتشرة في المدونات و المواقع و هو صندوق اعجابات الفيسبوك العائم الذي يوجد على الاغلب في الجانب , ان تتبيت هذه الاضافة بشكل غير صحيح  قد تاتر سلبا عن ارشفة موقعك و تضرر السيو الخاص به ذون العلم , يمكنك الاستفادة من هذه الاضافة بالدعاية لصفحتك على الموقع الاجتماعي فيسبوك و تضخيم متابعي صفحتك حيث توجد الاضافة على مرمى عين الزائر .
ذون ان اكتر عليك اخي يمكنك تتبيت هذه الاضافة بامان دون القلق على ارشفة موقعك لان هذه الاضافة خالية من السكريبتات المضرة بالسيو, فقط تتبع المراحل التالية : 
1.لوحة التحكم
2.إضغط على قالب
3. ثم تحريرhtml
4.إبحث بالضغط على   CTRL+F عن الكود التالي :  </head>
  - ثم ضع قبله الكود التالي مباشرةً تم قم بحفظ :

<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

5- اذهب الى التخطيط و اضافة اذات html/javascript 
قم بلصق الكود التالي فيها بعد تغيير fayssal-tech باسم عنوان صفحتك 

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".msfslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.msfslikebox{background: url("http://i.imgur.com/pQGrWuH.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%;}
.msfslikebox div{border:none;position:relative;display:block;}
.msfslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.msfslikebox span a{color: #808080;text-decoration:none;}
.msfslikebox span a:hover{text-decoration:underline;}
</style><div class="msfslikebox"><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2fayssal-tech&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" style="border:4px solid rgb(53, 102, 203); overflow: hidden; height: 266px; width: 240px;background:#fff;"></iframe></div></div>
قم بالحفظ و اذهب الى مدونتك لمعاينة الاضافة ان ظهرت فمبروك عليك 

ملاحظة : 
ان لم تظهر الاضافة فاعلم ان قالبك لا يحتوي على fb-root , و يمكنك اضافته من خلال الذهاب الى <body> و وضع الكود التالي اسفلها مباشرة و مبروك عليك الاضافة اخي الكريم 

<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : '878599892159456', // replace with your app id
status : true, // check login status
cookie : true, // enable cookies
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>

إرسال تعليق

مقالات