كيف تضيف أزرار مفضلات بلوجر إلى القوالب المعدلة

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

الخطوة الأولى: تفعيل أزرار المفضلات الاجتماعية في بلوجر 

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

الخطوة الثانية: تعديل القالب لإظهار أزرار المفضلات 

قبل الشروع في تعديل القالب يرجى التقيد بما يلي:

» تحميل و حفظ نسخة احتياطية من قالب مدونتك قبل الشروع في أي تعديل.

» وضع علامة في خانة توسيع القوالب.

ثم بعد ذلك ابحث عن الكود الآتي:

<div class='post-footer-line post-footer-line-1'>

أو قد تجده على هذا الشكل كذلك فجرب البحث عن أحدهما:

<p class='post-footer-line post-footer-line-1'>

بعد أن تجد الكود المطلوب مباشرة بعده تلصق الكود الآتي:

<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
</div>

ثم أخيرا اضغط زر حفظ القالب.

أكمل القراءة Résuméabuiyad

قالب Arthemia بنفس جديد و إضافات مطلوبة

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

صورة القالب

» اضغط على الصور لمشاهدتها بالحجم الحقيقي

مميزات القالب

قالب Arthemia مميز و بسيط في شكله لكنه قوي يدعم خصائص عدة منها:

» قائمة جانبية بثلاث أنواع من القوائم ( يمنى و يسرى و أخرى متوسطة بحجم كبير)

» مناسب لعرض الفيديو

» صديق لمحركات البحث

» عرض الصويرات على الرئيسية مع التصغير التلقائي

» خاصية "تابع القراءة ..." التلقائية

» مناسب لعرض الوصلات الإشهارية كأدسنسGoogle Adsense ...

» دعم التنسيق الأيمن و الأيسر للصور في النصوص

» و الكثير من المميزات الهامة ...

حقوق القالب  

• تصميم و تطوير Michael Jubel
• نقله إلى بلوجر Themelib
• تعريب و تنسيق ذؤيب

ما الجديد في هذه النسخة من القالب؟

1. صداقة محركات البحث SEO

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

» اضغط على الصور لمشاهدتها بالحجم الحقيقي

•  تحسين صيغة طبع العنوان على المتصفح لإيلاء الأولوية للموضوع في أرشفة محركات البحث.

2 . الإضافات و الأدوات

يضم القالب مجموعة من الإضافات و الأدوات المفيدة منها:

• تمييز تعليق الكاتب.
• ترقيم الصفحات.
• أزرار المفضلات الاجتماعية.
• ترقيم التعليقات.
• "اقرأ المزيد" و عرض المصغرات.
• مواضيع ذات صلة.
• و أخر مختلفات...

توجيهات لتنسيق القالب.

• استبدال صورة عنوان المدونة.

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-k78-nqLBsVHQVqBsiLHZVTBKy3h1dhUqx_aytHQdl8sTdI-PpBjVIRQvFH2pEFZP80HAz6BEsj9-1ItnHktlpxobuTA7FGOWP9rgA8YEehbTyuPW-LyDuimMewCoJU2PutlGSZzmPCw/

أكمل القراءة Résuméabuiyad

توجيهات لتهيئة مدونات بلوجر لمحركات البحث SEO

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

رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل!

1 - تحسين عنوان مدونات بلوجر و زيادة صداقته لمحركات البحث.

عندما يكون عنوان مدونتي مثلا "مدونة ذؤيب" فهذا يعني أن المعلومات المتضمنة فيه قليلة جدا عن ماهية هذه المدونة. لكن إذا جعلت العنوان بهذا الشكل "مدونة ذؤيب | قوالب بلوجر, أدوات و إضافات لكل المدونات." طبعا سيختلف الأمر و سيكون لي نصيب من الزوار الباحثين عن بعض هذه الكلمات المتضمنة. طريقة فعل هذا تكاد تكون معروفة عند الجميع و هي بتعديل العنوان من إعدادات المدونة، و التعديل لا يكون بتغيير العنوان كليا بل فقط بإضافة وصف قصير بجانبه كما يظهر فيما يلي

عنوان المدونة | وصف قصير

مثال

مدونة ذؤيب | قوالب بلوجر, أدوات و إضافات لكل المدونات.

ما سبق كان الطريقة الأولى أما الثانية و هي التي أنصح بها فتكون بإجراء تعديل في القالب من صفحة تحرير html ، حيث سنبحث عن هذا الكود و نجده بأعلى القالب.

<title><data:blog.pageTitle/></title>

ثم تحدده و نلصق مكانه الآتي.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | وصف قصير لمدونتك </title>
<b:else/>

<title><data:blog.pageName/> | <data:blog.title/></title>

</b:if>

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

عنوان الموضوع أو الصفحة | عنوان المدونة
مثال
تسريع وندوز 7 دون برامج | مدونة هلال

الفوائد التي سنجنيها من هذا التعديل:

• كلمات دلالية قوية للصفحة الرئيسية .
• تجنب تكرار عناوين الصفحة كما كان يحدث قبلا .
• تؤهلنا لمتابعة التلميحة الثانية :)

2 - كلمات دلالية Keywords و وصف ميتا Meta Description خاصين لكل صفحة.

 في بلوجر لا يمكنك كتابة وصف أو كلمات دلالية خاصة لكل موضوع أو صفحة، بل تستعمل تلك الخاصة بالصفحة الرئيسية لكل الصفحات و هذا غير صحي لصداقة محركات البحث، فلو كنت تستعمل أدوات مشرفي المواقع من جوجل Google Webmaster ستلاحظ هذا الخلل حيث ستجد في تبويب اقتراحات html أخطاء مثل "وصف ميتا مكرر ، العدد 66" مثلا أو كلمات دلالية مكررة  ... الحل هو الآتي.
من صفحة تحريري html مباشرة تحت الكود السابق أضف الآتي.

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>

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

3 - تلميحات سريعة و نصائح لتهيئة مدونتك لمحركات البحث.

• احرص أن تكون عناوين المواضيع مقتضبة و تتضمن الكلمات الدلالية المناسبة.
• الأخطاء الإملائية قد تفقدك كثيرا من الزوار و خصوصا ما لحق منها الكلمات الدلالية، فاجتنبها!
• حاول أن يكون لمدونتك روابط dofollow في بعض المواقع ذات التزكية الكبيرة (pagerank).
• بعض المدونين يلجأ لمسح العنوان من إعدادات المدونة، أو وضع نقطة مكانه لكي لا يظهر فوق صورة الشعار، و هذا من الأخطاء الشائعة، و حله بسيط فعند رفع صورة رأس الصفحة (الهيدر) يجب تفعيل خيار "بدلا من العنوان و الوصف" أو بإضافة قليل من css لقالب المدونة

.Header h1
{
visibility:hidden;
}

• تهيئة المدونة لمحركات البحث يجب أن يواكبه نشر محتوى جيد و منتظم.
• المرتبة الحسنة في صفحات البحث لا تأتي بين ليلة وضحاها، قليل من الصبر سيكون مفيدا!

أكمل القراءة Résuméabuiyad

إضافة تابعني بالبريد الإلكتروني لمدونات بلوجر

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

1 - طريقة تركيب إضافة المتابعة بالبريد الإلكتروني.

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

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

2 - طريقة تخصيص إضافة المتابعة بالبريد الإلكتروني.

• استبدال عبارة Submit بأخرى مناسبة.

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

<input class='follow-by-email-submit' type='submit' value='Submit'/>

أكمل القراءة Résuméabuiyad

الطريقة الأسهل لربط مدونات بلوجر بدومين من جودادي

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

الخطوة الأولى: الإعداد التلقائي لاسم النطاق على جودادي 
إن كنت قد اقتنيت اسم نطاقك من جودادي فاذهب إلى صفحة الإعداد التلقائي.
  إذا كنت لم تحجز اسم نطاق بعد فيمكنك حجز واحد بقرابة 16 دولار لمدة سنتين * من Godaddy 
(*) رابط إحالة
بعد ولوجك إلى الصفحة سجل دخولك عبر إدخال اسم المستخدم و كلمة السر، بعدها ستنتقل إلى صفحة تظهر النموذج الموضح بالصورة أسفله:

أدخل اسم النطاق (دومين) مدونتك مثلا (www.example.com) ثم اضغط زر التأكيد (Confirm) بعدئذ ستنتقل إلى صفحة جديدة تخبرك أن إعدادات ال DNS قد عدلت. كما هو مبين في الصورة الآتية:

بعد إن أنهينا الشق المتعلق بجودادي ننتقل إلى تعديل الإعدادات على بلوجر.

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

ثم بعد توسيع الإطار تضغط "تبديل إلى الإعدادات المتقدمة" وفي الحقل الفارغ أكتب اسم نطاق مدونتك الجديد بهذا الشكل www.example.com، و ستجد أن توجيه النطاق الفرعي القديم إلى اسم النطاق الجديد مفعل افتراضيا (1). ثم تضغط زر الحفظ كما بالصورة:

بعد ضغطك زر الحفظ، في الصفحة الموالية تضغط "تحرير" المقابلة لاسم النطاق الجديد ثم تفعل خيار توجيه example.com إلى www.example.com كما هو موضح بهذه الصورة ثم تضغط زر الحفظ من جديد.

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

أكمل القراءة Résuméabuiyad

طريقة إضافة سلايدر لمدونات لبلوجر

بسم الله و الحمد لله و الصلاة و السلام على المصطفى الأمين نبينا محمد العدنان و على الآل و الصحب أجمعين.

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

إضافة الأكواد إلى قالب المدونة 

بعد تسجيل دخولك إلى مدونتك توجه إلى صفحة التصميم ثم تحرير HTML.
الآن ابحث عن <head> و بعده مباشرة ضع الأكواد الآتية : 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>

بعد ذالك ابحث عن ]]></b:skin>  و مباشرة فوقها ضع الأكواد الآتية:

/*
 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

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

أكمل القراءة Résuméabuiyad