27‏/01‏/2012

اضافة زر "ارسال " أو send button الى مدونة بلوجر (blogspot)

قامت الفيسبوك باضافة زر جديد  كما عودتنا في كل مرة بتحسين وابتكار أجمل وأذكى الأزرار والتطبيقات التي يمكن اضافتها عبر المواقع والمنتديات وبالخصوص المدونات وهو زر "ارسال" أو "send button" الذي من خلاله يمكن للزائر ارسال المحتوى
ومشاركته مع أصدقائه عبر موقع الفيس بوك بضغطة واحدة.






بمتابعة هذا الدرس يمكننا تعلم الأتي 
  • كيفية اضافة زر send button الى مدونة بلوجر
  • اضافة زر send button بعد عنوان المشاركة وقبل المشاركة
  • اضافة زر send button بعد نهاية المشاركة 
  • ادخال تعديلات على الزر 
كيفية اضافة الكود أو شفرة زر send button الى قالب المدونة ؟

نتوجه الى لوحة تحكم المدونة ( مدونة بلوجر) ثم نختار قالب ثم نختار html ونقوم بتوسيع قالب المدونة كما تعودنا عليه من قبل ، لكن في هذه المرة لدينا عدة خيارات لإضافة الر بالمكان الذي نريده.

اضافة الزر بعد العنون وقبل المشاركة (بين عنوان المشاركة والمشاركة نفسها) وذالك بالبحث عن الرمز التالي :
<div class='post-header-line-1'>
أو 

<div class='post-header-line-1'/>
لنقوم بعدها باضافة الكود التالي بعد احدى الرمزين السابقين مباشرة.

<!--Facebook Send button Start AllBlogTools.com -->
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='arial'/>
<!--Facebook Send button End AllBlogTools.com  -->
والأن ان أردتم ظهور الزر بعد التدوينة أو المشاركة مباشرة ماعليكم سوى البحث عن الرمز التالي :

<div class='post-footer'>
أو 
<data:post.body/>
واضافة الكود السابق الخاص بزر "ارسال" مباشرة بعد الرمزين السابقين.

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

ادخال بعض التعديلات على الشفرة

يمكننا تغيير نسبة اضاءة الزر بتغيير الشفرة الموالية اما" light "
colorscheme='light'
أواستبدالها بعبارة "dark
colorscheme='dark'  
اه كدت أن أنسى أمر في غاية الأهمية وهو  خيار ظهور send button  بالصفحة الرئيسية للمدونة ، بحيث يمكنك التحكم في ذالك عن طريق الإضافة التالية لمنع الزر من الظهور بالصفحة الرئيسية واذا أردت عكس ذالك فاتركه بدون اضافة الشفرة الموالية.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
هنا قم بلصق شفرة أو كود زر "ارسال"
</b:if>

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

هناك تعليق واحد


EmoticonEmoticon