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

السلام عليكم اليوم نوريكم إنشاء الله طريقة إضافة صندوق أعجني  للفيسبوك بشكل نافدة تظهر من الجانب بشكل جميل نبدأ على بركة الله:

1- إدهب  إلى القالب=> تخطيط =>إضافة أداة=> و نختار أداة html/javascript
ننسخ هدا الكود إليها:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></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/AVvXsEi5fK201OMKN55hNcAEsjYg0F69cU1gNYpxv7c2_6R1rB5flWpo0Rre4AtQhfEOBOvyR5ue7uS8qXInvHpkuwpVaSzjMK5VID0mdspy1T0V1Duro6ZzhC4aJSnviWngQBUg7W4xI1VrOm_5/s1600/facebookbadge.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><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Blogspot-tutorial/220888831260608&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></div></div>

 =>نغير يلي بالون لأحمر إلى إسم صفحتك  على الفيسبوك
  
=>نضغط على حفظ=> تم ننقل لأداة أينم نريد من رئي حطها أسفل المدونة
 
إدا لم تفهم معليك سوى مشاهدة الفيديو و إنشاء الله تفهم:

Unknown

مرحباً بكل عربي مسلم في هذه المدونة الذي هي مجانية بخدامتها و دروسها تعطي برامج بجميع أنواعها لجميع لأنظمةوتقدم قوالب وإضافات إحترافية مجاناً فقط هنا فتابعونا ليصلكم كل جديد عن هده المدونة