الاسم

your name

بريد إلكتروني *

Your Email

رسالة *

your message

نحيط علما زوارنا الكرام انه بإمكانهم المشاركة في الموقع بمواضيعهم ما عليهم إلا ان يرسلوها الى العنوان التالي hamza--tazi@hotmail.com وسيتم نشرها بأسمائهم وشكرا
ننصح بهذا

Pages

Pages

القران الكريم

Recent Comments

طريقة إضافة صندوق تعليقات الـ Facebook إلى مدونات Blogger

مرسلة بواسطة مدونة التربية والتعليم بالمغرب يوم الأربعاء، 18 يناير 2012 1 التعليقات


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


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


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


و هي اداة هامة خصوصا لمن يريد ربط موقعه مع اهم موقع اجتماعي ...









الطريقة :




اولا : اضافة الجي كويري لتتمكن من تحريك الاداة للداخل و الخارج :


1. اذهب للوحة التحكم


2. تخطيط


3. تحرير HTML


4. توسيع عناصر القالب


5. ابحث عن : 



</head>






 و ضع قبلة مباشرة :



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




اذا كنت قد اضفتة قبل ذلك فلا داعي من اضافتة مرة اخرى


ثانيا : لأضافة الأداة :



1. اذهب الى لوحة التحكم


2. تخطيط


3. اضافة اداة


4. اداة HTML


ثم انسخ الكود التالي :





 <script src='http://sites.google.com/site/javacodehtml/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9D-vqbFjaWpfqtlRKTtRd60UxUkJT4a1cLYahABp1JCt25K_g6WbBSkrYfnC5o9lKWCMSIOT3dtz04sYhyphenhyphenhvdapQ8geWGSUfJlInEIGLsWkp826Ld46_bOa_kbe0k8e3sY8t2aUA7ZKl/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: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=

http://www.facebook.com/pages/%D9%85%D8%AF%D9%88%D9%86%D8%A9-%D8%A3%D9%86%D8%A7-%D9%85%D8%B3%D9%84%D9%85/305377339499848?v=wall &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>







الان كل ما عليك فعلة هو استبدال الرابط التالي:






 برابط صفحتك :)

المصدر


مواضيع قد تفيدك أيضاَ :

1 التعليقات:

إرسال تعليق