الشامل في تحميل التطبيقات والبرامج والالعاب الشامل في تحميل التطبيقات والبرامج والالعاب
random

آخر الأخبار

random
random
جاري التحميل ...

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

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








السلام احبائي متابعي مدونة الشامل للتطبيقات والبرامج


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

ذون ان اكتر عليك اخي يمكنك تتبيت هذه الاضافة بامان دون القلق على ارشفة موقعك لان هذه الاضافة خالية من السكريبتات المضرة بالسيو, فقط تتبع المراحل التالية : 

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 

قم بلصق الكود التالي فيها بعد تغيير dia-pro باسم عنوان صفحتك 



<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%2dia-pro&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>


عن الكاتب

مدونة الشامل

التعليقات

مساحة اعلانية
مساحة اعلانية

اتصل بنا

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

جميع الحقوق محفوظة

الشامل في تحميل التطبيقات والبرامج والالعاب