Recent Posts Widget

السبت، 19 يناير 2013

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


 بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
في موضوعنا الجديد هذا ضمن سلسلة دروس البلوجر سوف نتعرف على طريقة إضافة صندوق اعجاب جانبي منبتق لصفحتك على الفيسبوك حيث ان الاضافة تجعل مدونتك اكثر احترافية ومميزه عن غيرها،مما يؤدي الي زيادة عدد المعجبين الي مدونتك
صورة من الاضافة  وللتطبيق الاضافة تابع الشرح 
اولا نذهب الي لوحة التحكم ثم تقوم بالضغط علي القالب ثم علي تحرير  html
 ومتابعة وتقوم بوضع العلامة على مربع توسيع قالب واجهة المستخدم ثم
 تقوم بالضغط  على ctrl + f في لوحة المفاتيح وتبحث عن هذا الكود
*********************************************************
 
</head>
*********************************************************
 
  ثم قم بوضع هذا الكود قبله
 *********************************************************
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
 *********************************************************


بعد أن تضيف هذاالكود قم بحفظ التغييرات ، ثم توجه إلى لوحة التحكم وقم بالضغط على التخطيط ثم إضغط على إضافة أداة ، وقم باختيار  java script وقم بوضع هذا الكود
في المربع
 *********************************************************



<script <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGHnWQab1eXbmqpbt4M7w7vhKQaTGKnd56SQJt3Z0XY8-9tUvPnuzE3uBTgg39PnwD72Fx0pUWRgkWDg4c23Mq-cPL4LNMPWIkJ7xFMJIiFlEjvEIbubMygahk95qVWvixFFjDOBpXQXi/s1600/facebook-right.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: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=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fawsa9090&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><span>By <a href="http://www.lymura-s.blogspot.com/"amjad blog</a> / <a href="http://lymura-s.blogspot.com/2011/07/jquery_04.html">أحصل علي!</a></span></div></div>
  ********************************************************
ملاحظة 
يجب ان تغير إسم المستخدم باللون الأزرق awsa9090
باسم صفحتك علي الفيس بوك 


 
الى اللقاء مع موضوع جديد من اضافات بلوجر
والسلام عليكم ورحمة الله وبركاته.

0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets

 
Don't You Think this Awesome Post should be shared ??
| إضافة صندوق اعجاب جانبي منبتق لصفحتك على الفيسبوك |