الدرس الرابع في إنشاء مدونة إحترافية

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

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

نبدأ على بركة الله

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

--  إنشاء خريطة للمدونة وإضافتها لمحركات البحث :

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

إنشاء خريطة للمدونة أو الموقع
- هناك الكثير من المواقع والبرامج المخصصة في اعداد وصنع خرائط الموقع مثل : xml-sitemaps.com
الموقع يطلب منك رابط موقعك الذي تريد عمل خريطة له، ثم تضغط على أنشئ خريطة ليقوم بالتحميل قليلا ثم يعرض لك خريطة موقعك بعدة امتدادات يفضل اختيار امتداد XML ، قم بتنزيلها من الموقع ثم قم برفعها على موقعك ليصبح رابط الخريطة هو www.yoursite.com/sitemap.xml
- توجد برامج أيضا لنفس الغرض مثل A1 Sitemap Generator قم بتحميله وتنصيبه على جهاز ثم قم بنفس العملية التي شرحناها مع الموقع
- بالنسبة لمدونات بلوجر فهي لا تحتاج الى انشاء خريطة لأنها متوفرة أصلا تحتاج فقط اضافتها الى أدوات مشرفي المواقع
امتدادات خلاصات المواضيع:
RSS.XML
Atom.XML
feeds/posts/default
بالنسبة للمدونات التي تحتوي على مشاركات ومواضيع كثيرة ومتجددة يفضل وضع هدا الامتداد مع امكانية تغيير القيمة 100 بقيمة تناسب عدد مواضيع المدونة
atom.xml?redirect=false&start-index=1&max-results=100

اضافة المدونة لأدوات مشرفي المواقع جووجل
أولا نقوم بالدخول الى جوجل ويبماستر على الرابط التالي Google Webmasters Tools
بعد ذلك نضغ على زر اضافة موقع

ستظهر لنا هذه النافذة نضع فيها رابط المدونة ثم نضغط على متابعة

تم اضافة المدونة الى أدوات مشرفي المواقع، الآن نضغط على الرابط كما في الصورة كي نضيف خريطة المدونة

في العمود الجانبي نضغط على التحسين بعد ذلك على ملفات Sitemap

ثم نضغط على اضافة Sitemap

ثم نقوم بلصق أحد الامتدادات التي ذكرناها سابقا في التدوينة مثلا :
atom.xml?redirect=false&start-index=1&max-results=100 ثم اضغط على تقديم ملف Sitemap

تم ارسال خريطة المدونة بنجاح نضغط على تحديث الصفحة

كما نلاحظ في الصورة أسفله تم ارسال الخريطة بنجاح وسيتم البدء في أرشفة محتواك بعد مرور 24 ساعة على الأقل لتبدأ في الظهور في نتائج جوجل

اضافة المدونة الى Yahoo, Bing
كل ما علينا الآن هو اضافة خريطة المدونة الى بينغ Bing وسيتم ارسالها أوتوماتيكيا لياهوو Yahoo ، وذلك بعد أن اندمج محرك البحث ياهوو مع بينغ في 21 نوفمبر 2011.
أولا ادخل الى حسابك في Bing Webmasters Tools
بعد الدخول الى الحساب، في القائمة الجانبية للموقع نضغط على Add a site

ستظهر لنا هذه الصفحة نقوم بادخال رابط المدونة وامتداد الخريطة ثم نضغط على زر ADD

تمت اضافة المدونة بنجاح

سيتم ارشفة مواضيع مدونتك بعدها بسرعة على محركي البحث Bing و Yahoo وتحسن عدد زوارك.

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

--  إضافة المدونة لأدلة المواقع :

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

اضافة موقعك الى الدليل العالمي Dmoz
أولا توجه الى الصفحة الرئيسية للموقع www.dmoz.org
بعد ذلك قم باختيار القسم المناسب لموقعك فالدليل يحتوي على العديد من الأقسام والتي تتضمن معظم المواضيع والتي يمكنك أن تختار من بينها ما هو مناسب لموقعك.

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

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

اضافة موقع الى الدليل العربي Raddadi
نقوم بالتوجه للصفحة الرئيسية للدليل www.raddadi.com
بعد ذلك نقوم بالضغط على اضافة موقع أعلى الصفحة

نقوم باضافة المعلومات المناسبة حول الموقع ثم نضغط زر اضافة

سيتم مراجعة طلبك بعد مدة وسيتم الرد عليك عبر الايميل اذا تم قبول موقعك أو رفضه.

 السوشيال بوك مارك Social Bookmark
أغلب المدونين وأصحاب المواقع يجهلون تماما السوشيال بوك مارك، فهي تعتبر الأقوى في مجال الاشهار
في هذا الجزء أقدم لكم قائمة بها أزيد من 600 موقع social bookmark لنشر موقعك لكسب زيارات وباكلينكس مهم.
كل هذه المواقع تحمل سكريبت مشابه سأقوم بشرح التسجيل بأحد المواقع ، ويمكن اتباع نفس الطريقة مع باقي المواقع
أولا نتوجه الى الموقع http://bookmark.uphero.com/
في أعلى الصفحة نقوم بالضغط على Register للتسجيل

بعد ذلك قم بملأ الخانات بالبيانات المطلوبة ثم اضغط زر  Create User

ثم اضافة الموقع الآن، في النافبار اضغط على Sumbit A New Story

 انزل قليلا للأسف ثم قم باضافة رابط موقعك

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

تم اضافة الموقع بنجاح

تحميل قائمة مواقع السوشيال بوك مارك | اضغط هنا |
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

--  مهارات ونصائح لإشهار المدونة :

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

إقرأ المزيد... Résuméabuiyad

الدرس الثالث في إنشاء مدونة إحترافية

السلام عليكم ورحمة الله تعالى و بركاته
اليوم و في ثالت دروس دورة إنشاء مدونة احترافية
سنتحدث عن طريقة كتابة محتوى جيد

مراحل الدرس الثالت:
- طريقة كتابة محتوى جيد
- مراجع للتدوين
- التدوين عبر سطح المكتب

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

-- طريقة كتابة محتوى جيد:

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

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

-- مراجع و مصادر للتدوين:

توجد مصادر متعددة للتدوين، سنذكر من خلال هذه الفقرة بعضا منها:
- المنتديات
تعتبر المنتديات من أكثر الأماكن استلهاما للأفكار و المواضيع الجديدة و الحصرية
فهناك ستجد نقاشات، أسئلة، ظواهر، مشاكل وهنا عليك جاهدا الوصول لحل هذه المشاكل و طرحها بمدونتك و بهدا تكون سباقا لأحد المواضيع.
- المدونات
بالفعل! فأيضا المدونات الأخرى تعد مصدرا لتدويناتك، لكن هذا لا يعني ان تقوم بنسخ التدوينات و لصقها بمدونتك، بل اقرا التدوينات وحاول استخراج منها أفكار جديدة، و حاول أيضا البحث عن النقط التي لم يتم ذكرها عند صاحب التدوينة، حاول جمع أكبر قدر من النقاط وقم بكتابة تدوينة جديدة.
- الكتب و المجلات
تحوي الكتب و المجلات على الكثيرة من الأفكار و الاقتراحات، هنا يأتي دورك لاستخلاصها واستغلالها في صالحك
توجد بعض الأدوات الأخرى التي تساعدك في التدوين نذكر منها:
جوجل تريندز Google Trends
احدى الخدمات الرائعة من موقع جوجل حيث تقدم لك أكثر الكلمات بحثا في محرك البحث،
كما يمكنك ادخال كلمة من اختيارك و تقدم لك الخدمة احصائيات عن أكثر عشر بلدان ومدن ولغات بحثث عن هذه الكلمة.
What's Hot
خدمة رائعة من موقع أليكسا تقدم لك الكلمات الأكثر شعبية في الأنترنت
وليس الكلمات فقط بل المواضيع و المنتجات و الصفحات الأكثر شعبية ، و المميز في الخدمة أن المواضيع تتجدد كل خمس دقائق مما يمنحك بحرا من المواضيع و الكلمات الجديدة للكتابة عنها.
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

 -- أخطاء شائعة يرتكبها المدونون:

يواجه بعض المدونين أخطاء شائعة و متداولة كثيرا بين المدونين، سنحاول ذكر بعضا منها:
- عدم وجود هدف واضح للمدونة
على المدون طرح بعض الأسئلة على نفسه: لمادا أملك المدونة؟ ما الهدف من انشائها؟ كيف سأفيد قراء المدونة؟
وعليك أن تعرف اجابات واضحة و صريحة للأسئلة، على سبيل المثال اذا كانت مدونتك ربحية فهدفك سيكون الحصول على 1000دولار شهريا، أما اذا كانت لتقديم الافادة والمعلومة فالهدف هو كتابة 3 تدوينات في اليوم، وهكذا... يجب وضع هدف معين للمدونة كي تسعى للوصول اليه.
- التنسيق السيئ للتدوينات
ابتعد عن كثرة الألوان و الزخرفات و الصور، فمحركات البحث لا تستطيع قراءة ما هو مرسوم على الصورة، وحتى ان استطاع فلن يفهم كامل محتواها، لأن الصورة أبلغ من 100 تعليق، لكن ما يهمنا هو الزائر فكثرة الزخارف والألوان الشائعة و الصور تتعب العين و تجعل القراءة صعبة ومرهقة.
حاول تفادي النصوص الطويلة، ومن الأفضل تقسيمها الى فقرات بسيطة و سهلة القراءة.
اكتب بلغة يفهمها الكل.
- النسخ و اللصق
ليس هناك شخص سيفشل في التدوين أكثر من الأشخاص الذين ينقلون من هنا و هناك وهدفهم هو ملأ مدونتهم، لا يهمه بماذا تملأ وكيف تملأ، فطبعا ستكون صمعة مثل هذه المدونات سيئة جدا و لن تحتل مراتب مشرفة في محركات البحث، لذلك نجد أن سبب النجاح في التدوين هو الاختلاف.
- عدم الانتظام في كتابة المواضيع
ان التوقف المتكرر عن الكتابة سيؤدي لا محالة الى فقدان زوارك الى الابد، لذلك يستحسن أن تكون كتاباتك منتظمة وتضع برنامجك الأسبوعي، مثلا 3 مواضيع كل أسبوع، و اختيار الأيام أيضا، مثلا كل اثنين-أربعاء-جمعة وهكذا حتى تكسب ثقة زوارك ومحركات البحث بالاستمرارية والمحتوى المتجدد.
- عدم التفاعل مع الزوار
كثير من المدونين يقومون بعملية الكتابة فقط و يتجاهلون التواصل مع القراء، و هذا من بين أكبر الأخطاء برأيي..
فزوارك محتاجون للتعرف على شخصيتك حتى يكسبون ثقتك وهنا يأتي دورك للتواصل مع زوارج و جعلهم يتعلقون بك أكثر، فكلما تعلقو بك أكثر سيتعلقون بكتاباتك أيضا وهذا سيكون دائما في صالحك.

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

 -- التدوين عبر سطح المكتب:

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

حمل البرنامج مـن هـنـا عبر الموقع الرسمي

اختر اللغة التي تريد الاشتغال بها ثم اضغط على Download أو تنزيل
توجد شروحات منتشرة للبرنامج في الويب اترك لك مجال البحث
بالتوفيق لكم

إقرأ المزيد... Résuméabuiyad

الدرس الثاني في إنشاء مدونة إحترافية

السلام عليكم ورحمة الله تعالى وبركاته

نلتقي وإياكم من جديد في ثاني دروس دورة إنشاء مدونة احترافية،
اعتذر عن التأخر في طرح هذا الدرس وذلك لظروف خاصة خارجة عن الإرادة

مراحل الدرس الثاني:

- اختيار القالب المثالي
- تخصيص القالب حسب مجال المدونة
- الإضافات اللازمة و الضرورية

نبدأ في الدرس على بركة الله

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

--  اختيار القالب للمدونة:

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



-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

--  تخصيص القالب:

اخترت لكم قالب جميل وبسيط في نفس الوقت
له مميزات عديدة و صديق لمحركات البحث
اسم القالب GrainGrey

- معاينة القالب: من هـنـا
- تحميل القالب: من هـنـا

 - شرح إضافة القالب للمدونة:
بعد تحميل القالب تقوم بالدخول لحسابك في بلوجر ثم تضغط على قالب،

وفي أعلى الصفحة تضغط على نسخ احتياطي / استعادة

 بعد ذلك ستظهر هذه النافذة نقوم بالضغط على Parcourir لاختيار القالب من الحاسب ثم نضغط تحميل لاستيراد القالب

 وتمت اضافة القالب بنجاح .

يمكنك أخي الزائر تخصيص قالبك حسب ذوقك

- لتغيير خلفية القالب:

توجه الى قالب ثم تحرير HTML ثم ضع علامة على توسيع قوالب واجهة الاستخدام
تضغط على CTRL+F ثم تبحث عن هذا الكود body{

اللون الأصفر لتغيير لون خلفية القالب
اللون الأحمر لتغيير رابط صورة خلفية القالب

- تعديل روابط المواقع الاجتماعية:

لتغيير روابط الأيقونات تقوم بالبحث عن هذا الكود <div class='socialbookmark'>

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

- اضافة رابط في الشريط:

  للإضافة رابط أو تعديله في شريط النافبار تبحث عن هذا الكود <li class='current-cat'>

يمكنك التغيير كيفما تشاء ولإضافة رابط آخر تقوم باضافة هذا الكود و تعديله بما يناسبك <li><a href='#'>رابط</a></li>

- اضافة أو تغيير الإعلانات:

لتعديل الاعلانات تقوم بالبحث عن الكود التالي <div id='ads'>

  اللون الأصفر لتعديل رابط الاعلان
اللون الأحمر لتعديل صورة الاعلان

- تعديل السلايدر:

ابحث عن هذا الكود <div class='imageElement'>

 اللون الأصفر يشير الى عنوان التدوينة
اللون الأزرق يشير الى وصف التدوينة
اللون الأحمر يشير الى رابط التدوينة
اللون الأخضر يشير الى صورة التدوينة

* أي مساعدة أو استفسار في القالب يرجى مراسلتي
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

--  الإضافات المهمة:

ستجدون الاضافات في هذه التدوينة
أهم الإضافات التي تحتاجها المدونة

 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

إقرأ المزيد... Résuméabuiyad

الاضافات التي تحتاجها المدونة

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

على بركة الله نبدأ:

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

--  إضافة أزرار المواقع الاجتماعية :

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

للإضافة هذه الأداة اتبع الخطوات التالية:
في لوحة تحكم المدونة توجه الى التخطيط > إضافة أداة > HTML/JavaScript
ثم ضع هدا الكود

<div class="flt-wdt"> <style>#floatingbookmarks { right:25px; top:40px; margin-top:10px; position:fixed; width:40px; } #floatingbookmarks .float {margin:7px} .FBConnectButton_Text { font-size: 8px; padding:2px 4px 3px !important; } </style> <b:if cond='data:blog.pagetype == "item"'> <div id='floatingbookmarks'> <a style="text-decoration:none;" href="http://www.facebook.com/YourLink" rel="nofollow" onclick="window.open('http://www.facebook.com/YourLink');return false;" title="تابعيني عبر الفايسبوك "> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر الفايسبوك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj24SZxTKtgTCs1VFXFgdzGDdW3nwSArxcQxI1DStvZ8D-vbfQ5GsuEog_i8RGpssVSM-YVpawv31pU1hO_RwRQp8094i0m0neNVST-9E_TLEZj0Fhvy3YsHWQtM21s8Cm2jhizhHR2A1to/s1600/facebook.png" name="Facebook"/> </a> <a style="text-decoration:none;" href="https://twitter.com/YourLink" rel="nofollow" target="_Blank" rel="nofollow" onclick=" window.open('https://twitter.com/YourLink'); return false;" title="تابعني على توتير"> <img border="0" id="Twitter" style="padding-bottom:1px;" alt="تابعني عبر تويتر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA976XY9eoXElNgbb46H_1aFFutV5KBbUQ5jtPwJucXnverAEhlluLXWOmm-bktswIpNcc58mkuFBSkIXqQUQb85PpSXgMtv7bVCLGQ46_T_vtfxnTYqSRcKJS6CeSkUYy_nYPoRuOH1p6/s1600/twitter.png" name="Twitter"/> </a> <a style="text-decoration:none;" href="http://YourLink/feeds/posts/default" rel="nofollow" onclick="window.open('http://YourLink/feeds/posts/default');return false;" title="تابعني عبر خلاصات المدونة"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOAKyraIVRvHCgBrDbQVXB6RQFrdW5_CuJBUHx2wGnowyFCR-FCsiQ4cqdSHNIiKyaVKisk9q7NxDXNcZ7Ye7h_IV3jPsGH6HqMPOzDhyG6tKM5DfI6nksM0YfLM14i5zUJCZC6oNDhkBe/s1600/rss.png" name="RSS"/> </a> <a style="text-decoration:none;" href="https://plus.google.com/YourLink" rel="nofollow" onclick="window.open('https://plus.google.com/YourLink');return false;" title="تابعني عبر جوجل +"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر جوجل +" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Id4BlfBGq3dPo_JmcebI2OQ5y6K1ISGnzcB0Jj16O65A9KXKk6ugoVdn8tKQyQU8ehEpGeUbVYgTEYa9S2wgXQkJLgyngUaAR-qLHp4iV5b4H8Jb4KW4SQ3UaFyR7zgdtP-xwKL7O8JE/s1600/google.png" name="Google +"/> </a> <a href="javascript:window.external.AddFavorite('http://YourLink/', 'اسم المدونة');" title=" أضف المدونة لمفضلتك"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjnE5BosTkw5xy5xNZQi0P5-77mzsYTJw0VDm6ggUYYCnk9BGmsgMLm9URge9Xl4ZGRp-3jpIgBsSh9LDtVUmjy9i78BJH2N5TThHKJKqTP5sjo07dio9k-eLUk9eufCJ-c_z4pWhOQIe/s1600/favorite.png" /></a> </div> </b:if> </div>

 لا تنسى تغير الروابط التي باللون الأحمر الى الحسابات الخاصة بك

بعد ذلك توجه الى قالب > تحرير HTML و ابحث عن

]]></b:skin>

  ثم أضف فوقه مباشرة الكود التالي

.flt-wdt{ position:fixed; right:10px; top:40%; } .flt-wdt img{ float:right; clear:right; margin:5px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .flt-wdt img:hover{ -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg); -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg); }  

قم بحفظ التغييرات على قالبك

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

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

--  إضافة صفحة الإتصال {إتصل بنا، راسلني} :

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

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

ثانيا تعديل النمودج بما يلائم مدونتك

ثالثا اضافة الإيميل الذي ستتوصل به بالرسائل

في الأسفل توجد معاينة مباشرة للنموذج

أخيرا نضغط على الزر المبين في الصورة للمواصلة

بعدها سيظهر لنا كود النموذج جاهز نقوم بنسخه

الآن انتهينا من الموقع، نتوجه الى لوحة تحكم المدونة
ثم نضغط على الصفحات > صفحة جديدة > صفحة فارغة

بعدها نقوم باختيار تحرير HTML ونمسح الكود الموجود، ثم نقوم بلصق كود النمودج و نضغط على نشر

ومبروك عليك نموجذج الاتصال.

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

--  إضافة فهرس المدونة :

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

نقوم بمسح الكود الموجود وندرج الكود التالي مع مراعاة تغيير الرابط المشار اليه بالأحمر الى رابط مدونتك

<div dir="rtl" style="text-align: right;"> </div> <script src="https://sites.google.com/site/3rbbbbby/httpssitesgooglecomsite3rbbbbby/sitmapabuiyad.js"> </script> <script src="http://Efada.Net/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>  

ثم نقوم بتغيير التاريخ الى آخر قديم حتى لا تظهر المشاركة مع التدوينات

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

نقوم بكتابة عنوان للصفحة مثلا فهرس، فهرس المدونة..
ثم نلصق رابط المشاركة ونضغط حفط

تم اضافة صفحة الفهرس بنجاح.

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

--  إضافة أزرار "Like" و "Send" من الفيسبوك  :

اضافة أزرار الاعجاب من الفايسبوك

قالب > تحرير HTML > توسيع القالب > البحث عن الكود التالي

<data:post.body/>

ستجد أن الكود مكرر المقصود هو الثاني

اذا رغبت أن تظهر الأزرار في بداية التدوينة فأضف الكود التالي قبل الوسم السابق، أما

اذا أردتها في آخر التدوينة فأضفه بعده

<b:if cond='data:blog.pageType == "item"'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' action='like' layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/></b:if> 

لتخصيص الأزرار نقوم بعمل الآتي:
-light هو لون الزر الفاتح يمكنك استبداله بآخر داخر بتغييره الى dark
-standard هو شكل زر Like يمكنك تغييره بآخر من الأشكال التالية

standard

button_count

box_count


يمكنك استبدال اسم الشكل بالذي تريده

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

نذهب الى قالب > تحرير HTML > توسيع القالب > البحث عن الوسم التالي

             </head>  

ثم قبله مباشرة أضف الكود التالي:

             <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 

 ثانيا: توجه الى تخطيط > إضافة أداة > HTML/JavaScript

             <script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixe3BKajj8cxxxcuhk-9ypf08yxQvqtsp9HXHvXKLcibj7tqqsVuRbf-AOeekGSDejGtdh9cVLrn5fzhVKGJ8xH9DLAK2qjEXCsJCTbX1Li7eb-X7_UQZTp4FoZk8YNwFOyZ4lgaGs1J-S/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=*Your_Page_URL&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div> </div>  

استبدل Your_Page_URL برابط صفحتك على الفيس بوك.

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

الى هنا نصل الى نهاية التدوينة

نلتقى في تدوينة قادمة بحول الله

إقرأ المزيد... Résuméabuiyad