الأربعاء، 4 مايو 2011

طريقة عمل قائمة بريدية لمدونتك بواسطة FeedBurner

أقدم لكم اليوم أفضل المواقع التي تقجم خدمة الخلاصات والقوائم البريدية : FeedBurner وهي إحدى المواقع التابعة لشركة Google , في درسنا هذا سنتعلم كيف يمكننا عمل قائمة بريدية خاصة بمدونتنا .
الجدير بالذكر قبل بدأ الدرس أن للقوائم البريدية فوائد عدة بالنسبة للزائر وبالنسبة لصاحب المدونة , فبالنسبة للزائر : فهي تبقيه على إطلاع دائم بكل ما تقدمه المدونة من جديد أولا ً بأول , وبالنسبة لصاحب المدونة فهي تعتبر مصدر لا يستهان به من إجمالي زوار مدونته .


على سبيل المثال : لدي مدونة يوجد فيها 450 متابع عبر البريد الإلكتروني , بمجرد إدراجي لمواضيع جديدة ألاحظ من إحصائيات Blogger أن الموقع إنتعش بالزوار والزيارات .
أما الآن فدعونا نبدأ بالدرس :
في البداية يجب أن يكون لديك حساب على Google .


الخطوة الاولى : التوجه إلى موقع FeedBurner :





الخطوة الثانية : إضافة رابط التغذية في كما هو موضح في الصورة أدناه :




تنويه : رابط التغذية دائما ً ما يكون على النحو التالي : http://www.hashem-b.com/feeds/posts/default
الجزء الأحمر لا يتغير بينما الجزء الأزرق هو عبارة عن مكان رابط مدونتك .
بعد وضع رابط التغذية نقوم بالتأشير على "I am Podcaster" ومن ثم نضغط على "NEXT" .





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




الخطوة الرابعة : بما أننا في درسنا هذا لا نريد سوى عمل قائمة بريدية فلن نتطرق إلى إعدادات أخرى , فما علينا سوى تجاوز هذه الإعدادات كما في الصورة للتوجه إلى إدارة الخلاصات فورا ً :




الخطوة الخامسة : من تبويبة Publicize نختار Email Subscriptions كما في الصورة التالية :




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




أما الآن سنتكلم إلى كيفية إضافة القائمة البريدية لتسهل على زوارك الإشتراك بضغطة زر :


الطريقة الأولى : نسخ الـ Code كما في الصورة التالية :




الآن نتوجه إلى : لوحة التحكم >> التصميم >> من عناصر الصفحة نختار إضافة أداة :




ومنه نختار HTML/JavaScript :




ننسخ الـ Code الذي حصلنا عليه من FeedBurner كما موضع في الصورة أدناه :




يفضل ترك خانة العنوان فارغة , أما الآن بالبتأكيد لن نقوم بحفظ العمل مباشرة لأننا بحاجة إلى بعض التعديلات , لأن الـ Code يعطي كلاما ً بالـ English ويعطي رابط لموقع FeedBurner كما في الصورة التالية :




بعد الضغط على "نص منسق" يمكن معاينة العمل قبل حفظه ومن خلاله أيضا يمكن التعديل بواسطة القيام بتحديد الكلام بالـ English وتحويله إلى اللغة العربية :


وبعد الإنتهاء الكامل من التعديلات التي تود عملها على الشكل النهائي نضغط على "حفظ" .


أما الطريقة الثانية فلا أفضلها , حيث أنها لا تمكنك من التعديل على الكلام بالشكل التي تريده , لكن وجب ذكرها , وهي عندما نريد نسخ الـ Code من موقع FeedBurner هناك قائمة منسدلة نختار منها Blogger ونضغط على Go كما في الصورة التالية :





لينقلك إلى صفحة الإضافة إلى blogger مباشرة :



طريقة إضافة المصحف الإلكتروني إلى مدونة Blogger

أعجبني هذا الإصدار من المصحف الإلكتروني وأحببت أن أعرضه عليكم , من ميزات هذا المصحف أنه لا يلزمك بعرض روابط للموقع الذي يقدم لك هذه الخدمة , في درسنا هذا سنتعلم كيف نضيف مصحف إلكتروني كامل بصوت العديد من القراء , مثال :



الخطوة الاولى : التوجه إلى الموقع التالي : شبكة خديجة الإسلامي


الخطوة الثانية : نختار تبويبة "مواقع" كما في الصورة التالي :




الخطوة الثالثة : ملأ البيانات المطلوبة منك كما في الصورة التالية على سبيل المثال :




ومن ثم نضغط على "عرض الكود" .





الخطوة الرابعة : إنسخ الـ Code كما هو موضح في الصورة التالية :




وإلصقه في صندوق الإرسال من تبويبة "تحرير HTML" لو كنت تود عرضه في الموضوع كما قمت بفعله في هذا الموضوع .


ويمكنك إضافته إلى المدونة ليظهر في كافة الصفحات عن طريق :
لوحة التحكم >> تصميم >> من تبويبة عناصر الصفحة , تختار "إضافة أداة" ومنها نختار :



ونضع فيه الكود التي قمنا بالحصول عليه من الموقع , ومن ثم نضغط على حفظ .
كما نذكر أنه يمكن التحكم بمكان وضع المصحف الإلكتروني , لأن Blogger تعتمد على التصميم بالواجهات .

خدمة إختصار الروابط Goo.gl

ها هي خدمة إختصار الروابط المميزة من شركة Google قد وصلت , أقدم لكم اليوم خدمة إختصار الروابط Goo.gl , بالفعل لن تجد لها منافسا ً , غير أن الخدمة مجانية تماما ً , قبل البدأ بالدرس يجدر بنا أن نذكر ميزة إختصار الروابط مثال :
الرابط قبل الإختصار : http://www.hashem-b.com/2011/02/feedburner.html
الرابط بعد الإختصار : goo.gl/JQgmi
تفيدنا خدمة إختصار الروابط أيضا ً في مجال Twitter حيث أننا ملزمين بعدد محدد من الأحرف في كل تدوينة , وفي مثل حالتنا لو أردنا إضافة مثل هذا الرابط فستكون مصيبة !
في درسنا هذا سنتعلم كيفية إستعمال Goo.gl , الشرح بسيط وممتع .

الخطوة الأولى : التوجه إلى موقع الخدمة عبر الرابط التالي : Goo.gl





الخطوة الثانية : وضع الرابط المراد إختصاره في الحقل كما في الصورة التالية :




ومن ثم نضغط على "Shorten" .





الخطوة الثالثة : نسخ الرابط الذي سينتج من عملية الإختصار كما في الصورة :




بعد الإختصار يمكنك متابعة الرابط المختصر كما في الصورة التالية :




تمنياتي للجميع بالتوفيق :)

طريقة تغيير أيقونة الـ Favicon لمدونات Blogger

في درسنا هذا سنتعلم بطريقة مبسطة طريقة تغيير ايقونة الـ Favicon على مدونات Blogger , مثال :


قبل :


بعد :


الخطوة الأولى : التوجه إلى الموقع التالي : iconj.com


الخطوة الثانية : إختيار الصورة التي تود رفعها على الموقع كما في الصورة التالية :

ومن ثم نضغط على "Upload Now" , وننتظر إلى أن يتم رفع وتحويل الصورة إلى Icon بالكامل .

الخطوة الثالثة : نسخ الكود الموضح في الصورة أدناه :


الخطوة الرابعة : نتوجه إلى تحرير الـ HTML من لوحة التحكم >> تصميم كما في الصورة :


الخطوة الخامسة : نؤشر على "توسيع قوالب عناصر واجهة المستخدم :


الخطوة السادسة : البحث عن الـ Code التالي :







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




ومن ثم نقوم بـ "حفظ القالب" , الشكل التالي هو النتيجة النهائية :


طريقة إضافة أزرار المفضلات الإجتماعية إلى التدوينات بواسطة AddThis

المفضلات الإجتماعية : هي المواقع كالـ FaceBook و Twitter وإلى آخره من المواقع التي تعتمد على أساس تكوين الجماعات الإجتماعية داخل الموقع .

مثال :


في درسنا هذا سنتعلم الطريقة الصحيحة لإضافة هذه الازرار أسفل كل تدوينة .


الخطوة الأولى :
قم بالتوجه إلى الموقع التالي : AddThis


الخطوة الثانية : الضغط على تبويبة "Get AddThis" كما في الصورة :


لإختصار الخطوتين السابقتين توجه إلى الرابط التالي : Get AddThis

الخطوة الثالثة : إختر الموقع التي تريد إضافة الأزرار إليه في درسنا هذا سيكون تطبيقنا على Blogger :


الخطوة الرابعة : إختيار شكل العرض لأزرار المفضلات الغجتماعية كما في الصورة :


الخطوة الخامسة : قم بالتأشير على "No" في حال عدم رغبتك بإنشاء حساب و "Yes" في حال رغبتك بإنشاء حساب على AddThis والحصول على المزيد من الميزات مثل : إحصائيات للنشاطات :


الخطوة السادسة : الضغط على "Get The Code" :


الخطوة السابعة : الضغط على "Install AddThis On Blogger" :


الخطوة الثامنة : من صفحة "إستيراد عنصر الصفحة Blogger" نختار "إضافة عنصر واجهة مستخدم" :


الخطوة التاسعة : نقوم بتحريك إضافة الـ HTML إلى أسفل رسائل المدونة الإلكترونية :


وبهذا يكون درسنا قد إنتهى يمكنك مشاهدة مثال حي على هذه المدونة أسفل كل تدوينة , أرجو أن يكون الدرس واضح للجميع , تمنياتي للجميع بالتوفيق :)

طريقة إضافة Code لكسب صداقة محركات البحث SEO

لا يخفى علينا جميعا ً أهمية محركات البحث كـ Google و Yahoo كمصدر أساسي في جلب زوار لمدونتك , هناك مدونة لي لم أقم بإضافتها إلى أي من المواقع ولم أقم بعمل نشر لها ولكنني قمت بإضافة هذا الـ Code وهذه النتيجة :



المدونة لم أقم بنشرها أبدا ً أبدا ً ! في درسنا هذا سنتعلم كيفية إضافة هذا الـ Code المساعد في أن تكون مدونتك صديقة لمحركات البحث كما انها تحسن ترتيب مدونتك عالميا على Alexa .
الخطوة الأولى : من لوحة التحكم >> تصميم >> تحرير HTML :


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



الخطوة الثالثة : نبحث عن الكود التالي :




الخطوة الرابعة : إضافة الكود التالي مباشرة بعد الكود السابق :

وصف بسيط للمدونة" name='description'/>
الكلمات المفتاحية" name='keywords'/>
ar أو en" name='language'/>
سنة إنشاء المدونة" name='copyright'/>


وصف بسيط للمدونة : يفضل أن يكون الوصف قصير .
الكلمات المفتاحية أو الـ KeyWords : وهي الكلمات الرئيسية لمدونتك .
ar أو en : هنا يمكنك وضع لغة المدونة سواء كانت عربية أو English أو أية لغة أخرى .
سنة إنشاء المدونة : العام الذي أنشأت فيه مدونتك المراد وضع الـ Code لها .

صورة للـ Code بعد وضعه في القالب :


نتمنى أن يكون الدرس واضح للجميع , في حال كانت لديكم أية إستفسارات فلا تتردد بالسؤال .

طريقة عرض إصدار الجوال لمدونتك على أجهزة المحمول Mobile Mode

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

الخطوة الأولى :
التوجه إلى لوحة التحكم الخاصة بمدوناتنا :


الخطوة الثانية : أسفل الصفحة من صندوق "الأدوات والموارد" نختار "مسودة Blogger" :




الخطوة الثالثة : عندما نفتح على مسودة Blogger تظهر لنا هذه النافذة ما علينا إلى الضغط على "تشغيل نماذج الجوال" :


النافذة ظهرت لي مباشرة لأن الخدمة جديدة , ولكن في حال لم تعد تظهر مباشرة فما علينا إلا إتباع الخطوات التالية :

الخطوة الأولى : من لوحة التحكم الخاصة بمسودة Blogger >> إعدادات >> البريد الإلكتروني والجوال :


الخطوة الثانية : من خيار "عرض نموذج الجوال" نختار "نعم , عرض إصدار الجوال لنموذجي على أجهزة الجوال" :


كما يمكنك معاينة الشكل النهائي التي ستظهر به مدونتك على أجهزة المحمول Mobile .
ومن ثم من أسفل الصفحة نضغط على "حفظ الإعدادات" :

طريقة إضافة علامات التبويب أعلى مدونة Blogger

لعل مما يضيف إلى مدونتك المزيد من الجمالية هي علامات التبويب التي يمكن وضعها في أعلى المدونة أو على الشريط الجانبي , في درسنا هذا سنتعلم طريقة إضافة "علامات التبويب" .

الخطوة الأولى : التوجه إلى لوحة التحكم >> إرسال >> صفحات التحرير :


الخطوة الثانية : الضغط على زر "صفحة جديدة" :


ليظهر المحرر الخاص بالصفحات :


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




يمكن إنشاء حتى 10 صفحات .

الفرق بين التدوينات والصفحات من حيث الرابط :

رابط الصفحة :
http://d7k.blogspot.com/p/comedy-videos.html
رابط التدوينة :
http://d7k.blogspot.com/2011/02/crazy-fm-5-6-7-8.html

تم تحديد الفرق بـاللون الأحمر , ملاحظة : تم تطبيق الدرس على إحدى مدوناتي "مدونة ضحك" لأن مدونة هاشم حين كتابة الموضوع كانت ما تزال جديدة .