Tuesday, February 11, 2014

موضوع حصري2014: إضافة صندوق أفضل الآحداث في الفيسبوك . امة اقرا


بسم الله الرحمان الرحيم الصلاة و السلام على أشرف المرسليـن...

موضوع اليوم إن شاء وبعد طول غياب عن التدوين بسبب بعض المشاكل خارجة
عن إرادتنا و كان من بينها تعطيل حسابينا على أدسنس .
وها أنا عدت إليكم من جديد و جئت بتدوينة حصرية سأشرح من خلالها
طريقة إضافة صندوق أفضل الآحداث المتعلقة بصفحتك على الفيس بوك وطريقة إضافتها للمدونة.
وتعتبر هته الإضافة من الضروريات و المهمة داخل كل مدونة.

صورة للإضافة :
حصري2014: إضافة صندوق أفضل الآحداث في الفيسبوك .
معاينة مباشرة داخل المدونة:


طريقة إضافتها إلى المدونة:
  1. اذهب إلى المدونة > ثم قالب .

  2. نقوم بنسخ نسخة إحتياطية تفاديا للمشاكل .

  3. بعد ذلك نضغط على تحرير HTML.

  4. آبحث عن العلامة التالية داخل القالب: <body>


وضع هذا الكود أسفله تحت العلامة : <body>
<form name="form1" >

<textarea cols="25" rows="10" name="demo">

<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

</textarea>

</br>

<input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();">

</form>

قم بحفض القالب .
  1. بعد ذلك نعود إلى المدونة ثم نضغط على التخطيط .

  2. انقر على إضافة أداة واختيار HTML / جافا سكريبت القطعة .

  3. وقم بلصق هذا الكود أسفله.


<form name="form1" >

<textarea cols="25" rows="10" name="demo">

<div class="fb-activity" data-site="th-arab.blogspot.com" data-width="300" data-height="450" data-border-color="light" data-header="true" data-recommendations="true">
</div>

</textarea>

</br>

<input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();">

</form>







  • إجراء هذه التغييرات:

  1. استبدال th-arab.blogspot.com بعنوان موقع الويب الخاص بك.

  2. لقد حددت العرض إلى 300 بكسل والارتفاع إلى 450 بكسل يمكنك إختيار المقاس المناسب لك.

  3. و يمكنك أيضا إختيار لون الخلفية المناسب من خلال تغيير data-border-color ب light أو Dark


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



No comments:

Post a Comment