اضافة مربع الاعجاب Facebook المتحرك الى بلوجر

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



نعلم جميعا ان كل اصحاب المواقع والمدونات قامو باضافة مربع الاعجاب من الفيسبوك فى مواقعهم ومدوناتهم .ولكن 
لم يقومو باى نشاط . انها اضافات بسيطة widgets الى المدونة .اليوم ابدا بمشاركة هذه الاضافة الجديدة مع 
معرفة الطريقة بالتالى ..


 


ستجد الاضافة فى المدونة اذا اردت تجربتها 
(انضم الى صفحة المدونة فى الفيسبوك لتحصل على كل الجديد)

 1 - اذهب الى بلوجر > التخطيط  .

2 - اضافة اداة  HTML/JavaScript .

3 - قم باضافة الكود التالى الى الاداة ..

<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/AVvXsEiZKMsylkFR9HEVuk3jKR777Rs0oU4ZjrsWin3T2L1korX93Yo-QNY7255tq459wUc4id9cZo-yYc5K-4J03FfMisWHDcBjMTtC9bMS7ECZy6Jd_hYSNcfb4k74sfGVU-hGijiw8G_v17Ct/s1600/facebook.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%2Flivegy&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>

 ملاحظة قم بتغيير كلمة livegy باسم المدونة الخاصة بك فى الفيسبوك .

4 - قم بحفظ الاداة .

5 - قم بالذهاب الى قالب > تحرير HTML وقم بتوسيع قالب المستخدم .

6 - قم باضافة الكود التالى فوق <head/> .

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

7 - اضغط حفظ القالب وقم باختبار الاضافة اذا كانت تعمل فى مدونتك .


التعليقات

BLOGGER: 2
  1. السلام عليكم ورحمة الله
    اولا مدونة جميلة ومفيدة ... واصل :)
    بالنسبة لي اتمنى انك تلقي نظرة على هذا المشروع وتعطيني رايك فيه اذا عندك وقت طبعا
    تصميم, كتابة, تطوير و أرشفة مدونات بلوجر بسرعة خيالية

    خبير بلوجر

    اجمل تحياتي

    ردحذف
  2. @Prof Blogger
    استمر وقم باضافة المزيد دائما وقم بتحديث المواضيع ]hzlh

    مشروع جميل اتمنى لك التوفيق باذن الله ..

    ردحذف

الاسم

اخر الاخبار,20,اطفال,1,بث قناة العربية,1,بث مباشر,2,تردد قنوات اطفال,1,ترددات,1,قناة العربية,1,قناة الغد,1,قناة الغد اونلاين,1,قنوات اطفال,1,قنوات تلفاز,1,مشاهدة اونلاين,1,مشاهدة قناة الغد اونلاين,1,blogger tools,3,blogger widget,11,CSS3 Tutorial,9,facebook,3,fix computer problems,15,free-live-tv,74,Free-programe,49,google-adsense,21,hacks-for-blogs,17,seo blogger,11,tips-for-bloggers,44,
rtl
item
Blogger - TV Channel: اضافة مربع الاعجاب Facebook المتحرك الى بلوجر
اضافة مربع الاعجاب Facebook المتحرك الى بلوجر
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpB4gws4Bz-15LGVdGPvcsDqAsCLKSS3RrZSBbyZkhn36lKZNB2_y-5t7KHRY628hc7oM2QkpI4yAd4O1VJxfvXPZwWtU4q1LTK7TAyl0HJHG1g4ZHtCcUSVUkfBJk1vXHP5SDXSpd7LSQ/s1600/Add+Static+Facebook+Like+Box+with+Cool+Jquery+Hover+Effect+for+Blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpB4gws4Bz-15LGVdGPvcsDqAsCLKSS3RrZSBbyZkhn36lKZNB2_y-5t7KHRY628hc7oM2QkpI4yAd4O1VJxfvXPZwWtU4q1LTK7TAyl0HJHG1g4ZHtCcUSVUkfBJk1vXHP5SDXSpd7LSQ/s72-c/Add+Static+Facebook+Like+Box+with+Cool+Jquery+Hover+Effect+for+Blogger.png
Blogger - TV Channel
https://livegy.blogspot.com/2012/03/add-sliding-facebook-like-box-to.html
https://livegy.blogspot.com/
https://livegy.blogspot.com/
https://livegy.blogspot.com/2012/03/add-sliding-facebook-like-box-to.html
true
3483636283957222768
UTF-8
تحميل كل المنشورات لا توجد أي منشورات مشاهدة الكل قراءة المزيد رد إلغاء الرد حذف بواسطة الرئيسية الصفحات المنشورات مشاهدة الكل مقترح لك تصنيف الأرشيف بحث كل المنشورات لا يوجد أي منشور يناسب طلبك العودة للرئيسية الأحد الإثنين الثلاثاء الأربعاء الخميس الجمعة السبت Sun Mon Tue Wed Thu Fri Sat يناير فبراير مارس إبريل مايو يونيو يوليو أغسطس سبتمبر أكتوبر نوفمبر ديسمبر Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec حالاً منذ دقيقة واحدة $$1$$ دقائق مضت ساعة مضت $$1$$ ساعات مضت أمس $$1$$ أيام مضت $$1$$ أسابيع مضت أكثر من 5 أسابيع مضت المتابعين تابع THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy