درس خصوصي للمدون الجديد - 2

زملائي وزميلاتي المدونون القدامى .. بيعرفوا تماما ان ظهور الفيسبوك كان علامة فارقة في علاقة كل منا بمدونته وبمدونات الاخرين بشكل عام

في مرحلة الما قبل الفيسبوك (Pre-Facebook Era) كانت مدوناتنا هي المكان الوحيد الي بنحكي فيه عن افكارنا وخواطرنا وخزعبلاتنا ... وكانت الزيارة اليومية على مدونات الاصدقاء والتعليق عندهم هو اقصى درجات المشاركة الاجتماعية وتبادل الافكار والآراء

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

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

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

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

ملاحظة: الاكواد الواردة في هذه التدوينة تعمل فقط مع مدونات Blogger.

ملاحظة تانية: التدوينة طويلة وفيها صور كتير. مطلوب منكو كبشة من طولة الروح والتركيز, وممكن الاستعانة بمج كبير من النسكافيه لزوم الصحصحة .

ملاحظة تالتة: الرجاء قبل ان تبدأ بعملية اللعب بالاكواد ان تقوم بعمل نسخة احتياطية من كود المدونة.. من الرابط الموضح في الصورة:

---

1- زر المشاركة (Share)

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

لإضافة هذا الزر:

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

Dashboard –> Design –> Edit Html –> Expand Widgets

2- ابحث عن الكود الذي يرمز لبداية كل تدوينة وهو السطر التالي:

(ممكن تستعين بزر البحث F3 أو حسب المستعرض الذي تستخدمه)

<div class='post-header-line-1'/>

3- بعد نهاية هذا السطر (بعد علامة الـ <) انسخ وألصق الكود التالي: 

<div style='float:left;padding:4px;'> <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script src= 'http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div> <br/>

أكيد من بعد لصق الكود اضغط Save Template.
المرجع والمزيد من أشكال زر المشاركة:

Facebook  Share Count Button for Blogger

---

2- زر التفضيل (Like)

الخطوات الموضحة أدناه هي لاضافة زر التفضيل (لايك) بعد كل تدوينة, كما في الصورة التالية:

 

لاضافة زر التفضيل:

1- ايضا ان يفترض ان تفتح صفحة الاعدادات الخاصة بمدونتك من واجهة الـHTML, (ارجع لنقطة 1 من اضافة زر المشاركة)

2- نريد ان نبحث عن الكود التالي:

<data:post.body/>

3- بعد هذا السطر مباشرة, انسخ والصق الكود التالي:

<div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:80px;'/></div>

طبعا فيه خيارات كتير ممكن تلعب فيها, مثلا ممكن تلغي ظهور صور الناس الي عملو لايك, وممكن تغير نوع الخط, الخ من الخيارات لكني هنا وضعت الكود الي استخدمته هنا في المدونة.

المرجع والمزيد من خيارات زر اللايك:

Facebook Like button for blogger

---

3- صفحة المدونة على الفيسبوك

العملية هادي بتتم من خلال عدة خطوات .. ارجو ان تحافظوا على تركيزكم معايا .. وحدة وحدة الخطوات كالتالي:

1- اول اشي لازم تنشئ صفحة تمثل مدونتك على الفيسبوك .. كأنك تنشئ جروب او بروفايل .. والبداية من هنا: انشاء صفحة على الفيسبوك

2- الآن تقوم بادخال نوع الصفحة واسمها كما في الصورة (معلومات مدونة من غزة)

3- الخطوة التالية انك تدخل المزيد من التفاصيل عن الصفحة, نبذة عن المدونة, الصورة الرمزية, الصلاحيات وغيرها من المعلومات.
واحد من الخيارات المتوفرة والمتاحة انك تنشئ ما يسمى “Like Box”.

4- قبل الدخول في الخطوة التالية, بيلزمك تعرف رابط الصفحة لأنك رح تستخدمه في انشاء اللايك بوكس. مثلا في الصورة ادناه قمت بادخال صورة لتمثيل صفحة من غزة, والرابط اريد ان استخدمه لعمل اللايك بوكس:

رابط الصفحة طبعا يظهر في اعلى المستعرض. انسخ الرابط

الآن نضغط على رز Add Like box في خطوة 3.

5- الآن نحدد اعدادات اللايك بوكس بداية من لصق رابط الصفحة عند خيار Facebook Page URL, الى العرض واللون الخ,, وبعد الانتهاء نضغط على زر Get Code, كما في الصورة التالية:

6- طبعا رح يظهر كود مختلف لكل صفحة .. والكود مكون من جزئين: جزء اسمه IFrame والجزء التاني اسمه XFBML.

7- الآن بدنا نضيف هادول الأكواد عنا في المدونة.

الجزء الاول “iframe” يجب أن يضاف في جادجيت جديد ليكون أحد عناصر القائمة الجانبية في المدونة, ونصل اليها كالتالي:

Dashboard –> Design –> Page Elements –> Add a gadget

HTML\JavaScript –> Paste code of iframe –> Save

8- الجزء التاني من الكود “XFBML” يجب أن يضاف في كود الـ HTML للمدونة, كالتالي:

Dashboard –> Design –> Edit HTML –> Expand Widget Templates

بحث عن كلمة <head> وقبلها مباشرة الصق كود الجزء “XFBML” , ثم Save Template.

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

---

في التدوينات القادمة نستكمل –ان شاء الله-:

- كيف تجعل مدونتك صديقة لجوجل ومحركات البحث.
-بعض الاضافات الجمالية والادوات المفيدة في المدونة.