كيفية اضافة صندوق اعجبني فيس بوك متحرك لمدونات بلوجر - Like Box

صورة توضح شكل الاضافة

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

اولا: سوف نقوم باضافة كود في القالب هو الكود الذي يقوم بتحريك الصندوق

الان ادخل الى لوحة التحكم, ثم اختار قالب, ثم قم بالضغط على تحرير HTML , قم بوضع علامة على توسيع عناصر القالب

وقوم بالبحث عن هذا الكود: </head>

و ضع فوقه مباشرة :

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

والان قم بحفظ القالب

ثانيا: عود للوحة التحكم

أختار منها تخطيط وأضافة اداة

ثم HTML/JavaScript

ضع هذا الكود داخل المربع الذي ظهر امامك من الخطوة السابقة:


<script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">

 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxvq_xZYFvW5gvUyVCKB7KBD0KsZmQbHBlJWEJ2MZcCpoqcc5brHMZiO_AQrYmLnoOlZqqLmFBm92ETVD6CwI7OcKlIpSoGmxvLQ8zOp8qewJNZRpK2cRdEaK_NlFA_N06vGJJWkcD75iw/s1600/facebook-page2.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%;}
.w2bslikebox div{border
.w2bslikebox{background
::none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>



<div class="w2bslikebox" style="z-index: 9999999999;">
<div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href

=https://www.facebook.com/pages/%E1%83%A6%D8%B5%D8%A8%D8%A7%D8%AD-%D8%AC%D8%AF%D9%8A%D8%AF%E1%83%A6/451550788232576&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="z-index: 9999999999; border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
</iframe>

</div>
<script type="text/javascript">
writeHTMLasJS();
</script>

 
</div
>

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

قم بحفظ الاداة ومبروك عليك.

شاركها !

الموضوع من طرف : Unknown

مدون مغربي ؛ يعشق التدوين ؛ يهتم بمتابعة أخبار التكنولوجيا ؛ هدفي مساعدة الاخرين على تطوير قدراتهم وتقديم لهم الدعم . يمكنك متابعتي من خلال : الفيسبوك. تويتر. جوجل بلس