كتابة "جميع الحقوق محفوظة" أسفل مدونات Blogger

بعد مراسلة بعضهم وسؤالي عن كيفية إضافة : جميع الحقوق محفوظة © أسفل مدونة Blogger , في درسنا هذا سنشرح كيفية إضافة هذه العبارة في الأسفل كما هي الحال في مدونة هاشم .

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

الخطوة الثانية : نضغط تحرير على "Attribution" :

الخطوة الثالثة : ضبط الإعدادات التي تود ظهورها :

ومن ثم نضغط على "حفظ" :

تحديث : لمن قام بحذف الـ Attribution يمكنه إضافتها بشكل يدوي , قم بالبحث عن  :

قم بإضافة الكود التالية قبل إغلاقة الـ  footer مباشرة :

جميع الحقوق محفوظة http://hashem-b.com/">لمدونة هاشم © 

قم بتغيير القيم التي تم تلوينها باللون الأحمر لتناسب مدونتك :)

تم إنتهاء الدرس بنجاح .

أرسل رسالة لنفسك .. لكن في المستقبل بواسطة Future Me

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

E-mail Address : وفي هذه الخانة يجب وضع عنوان البريد الإلكتروني التي تريد أن تصل إليه .


Subject : وفي هذه الخانة نضع عنوان للرسالة .





Your Letter : وفي هذا الحقل تضع ما تريد في الرسالة التي ستوجهها لمستقبلك .


Deliver On : التوقيت المستقبلي التي ستصلك فيه الرسالة .


Make This Letter : ويفضل التأشير على "Private" .


ومن ثم نختار "Send This To The Future" .


Future Me

إكتب بالمقلوب بواسطة Flip Title

الكتابة بالمقلوب رائعة جدا ً ! هذا الموقع يقوم بقلب الكتابة التي تقوم بكتابتها رأسا ً على عقب , مثال :
قبل : www.hashem-b.com
بعد : ɯoɔ˙q-ɯǝɥsɐɥ˙ʍʍʍ

يمكن إستعمال هذا الموقع على اللغة الإنكليزية , حيث أن الموقع لا يدعم اللغة العربية , يمكن إستعمال الموقع للكتابة على الـ Face Book أو MSN أو الكثير من مواقع التواصل الإجتماعية , دع التميز يدخل إلى الـ Status الخاصة بك .
Flip Title

طريقة عمل قائمة بريدية لمدونتك بواسطة 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 بعد وضعه في القالب :

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