.

الخميس، 24 يناير 2013

أهم الاستراتيجيات لاختيار أفضل قالب لمدونتك





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

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


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

1-سرعة القالب:

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

2- اختيار الألوان:

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

3- تنسيق القالب:

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

4- صديق لمحركات البحث و ذو أرشفة قوية:

عند اختيارك لقالب لمدونتك, يجب عليك معرفة ان كان القالب مهيء بتقنيات السيو وهل القالب صديق لمحركات البحث.

5- متوافق مع جميع المتصفحات:

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

6- قواعد هامة:

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

7- الأعمدة: 

تصنيف المدونة و عدد الإضافات هو الذي يفرض عليك اختيار عدد الأعمدة في مدونتك، إما عمود واحد، أو اثنين، أو ثلاثة أعمدة.

1- متى أختار قالب ذو عمود واحد؟

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

2- متى أختار قالب ذو عمودين؟

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

3- متى أختار قالب ثلاثى الأعمدة؟

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

8- الإضافات:

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

1- اضافات أنصحك بها:

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

2- اضافات لا أنصحك بها:

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

لا تنسَ أيضاً ...

  • أن يكون القالب المستخدم في مدونتك مخصّص للكتابة من اليمين لليسار. الكثير من المدونات تستعمل قوالب أجنبية غير معرّبة بشكل سليم وكثيراً ما نجد أنّ العبارات تبدأ من اليسار بالرغم من كونها مكتوبة باللغة العربية وأحياناً نجد أنّ النقطة تظهر في بداية الجملة بدلاَ من نهايتها.
  • أن تمتنع قدر المستطاع عن تلوين النصوص والعبارات. لإبراز كلمة أو عبارة استخدم الزر (B) في لوحة التحكم. التدوينات التي تحتوي على نصوص وعبارات بألوان مختلفة تعطي المدوّنة جو مفعم بالصبيانية الأمر الذي لن يفيدك خصوصاً إذا كان محتوى المدونة موّجه للبالغين أو المثقفين.
  • أن تتجنّب الأخطاء الإملائية. صحيح، اللغة العربية ليست سهلة خصوصاً عندما تتورّط مع الهمزة.

لا أفهم شي عن تركيب القالب:

قد يأتي الآن زائر ويقول شرحك جميل لكنني لا أعرف كيف اجد قالب مميز ولا أعرف أصلاً كيف يتم التركيب هذا القالب.
خدلك تاكسى إلى أقرب تدوين "شرح تركيب قوالب بلوجر Blogger بالتفصيل" الشرح قيد التطوير حاليا.
للحصول على قالب مميز أنصحك بهذا القالب (للمعاينة  القالب من هنا) (لتحميل القالب من هنا) ..

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


المصدر: http://konozblog.blogspot.com/2012/12/blog-post_7.html#ixzz2Iv8qSVkq

إضافة أزرار الشبكات الأجتماعية بتاثير دائريه CSS3 لبلوجر المصدر: http://konozblog.blogspot.com/2013/01/spinning-icons-with-css3-for.html#ixzz2Iv7xpmSb


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


كيفية تطبيق هذه الإضافة على مدوناتكم

[1] اذهب الى لوحة التحكم ← تخطيط ← إضافة أداة HTML/JavaScript.
[2] اختيار أي الشكل الذي تريده ← استبدال الروابط ← ثم الصق الكود اسفله وحفظه :

مثال حي للاضافه : الشكل الأول 


    

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger Ar konozblog*/
-moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By HelperBlogger Ar konozblog */
</style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw6IrIGraY51GvMt6S19UQ1EVOOcyWpPod3vIx4Fy8s2IpYt5vXbRttXfTpDtFmCB4fDGCGVgOVcrwFUWt8iLuiFzLxN9hJWlGnEzbVQjf7AcKdmSpVYmaV5C-xhNDDhnehuTQzhCxRO0/s1600/helperblogger.com-facebook.png" /></a> <a href="https://twitter.com/ALEMAD5/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj69TDWZ97IPifm_WSiBsemCGKDAHt3_VarkECdupnNM-HaAYF-1ihOunXeIm24PdbPy0mJ07yNMlqbY1Wl8XyXlrDmzrZ_ze9zYl4kR89FBz_JDFiggciuTnrCe8Re3q7NIUqK85GY5U0/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106314147416991843215/posts"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF5s5qeFxMbmdOXylJXYvo0V0Is9ELD7WGPIfSomLjWrMQ3MGq_jdioT5bI5yRAWjZU_lUQreqMfeN-DVQ8HAOHFk46Qj09wVseb1Zc5GXBHVi4z3wyFmV4mwkLEDFzM_dsJus2IB-tOg/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://feeds.feedburner.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtnA6_Kw8v1kLP5LEA-yruahXtaQSnszdJG1MxjM5HjH5nJdx8FJ0qW7N1wZacUdzmjQqvk073wo593FxxKZRP13O5Dd_xXfGoUkHC3C402yYnldhNOm5BwHDgiSeRUK3IrikHYakbbY/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjec3_4_UCNebfGlnr2N58Boe4ClF6GeYhBnCxlkEE9BgUkYftDwRae7DjP9NhbI7YziGyiG4ARjIEv31Zu40iuY7PO-rKFWeiyA4hmyLaGMALBrisCsjXh0BSYh7_Gi-gIxNc3KKRQtuM/s1600/helperblogger.com-youtube.png" /></a> </p></center>

مثال حي للاضافه : الشكل الثآني


    

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger Ar konozblog */
-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Spinning Social Icons Widget By HelperBlogger Ar konozblog */
</style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw6IrIGraY51GvMt6S19UQ1EVOOcyWpPod3vIx4Fy8s2IpYt5vXbRttXfTpDtFmCB4fDGCGVgOVcrwFUWt8iLuiFzLxN9hJWlGnEzbVQjf7AcKdmSpVYmaV5C-xhNDDhnehuTQzhCxRO0/s1600/helperblogger.com-facebook.png" /></a> <a href="https://twitter.com/ALEMAD5/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj69TDWZ97IPifm_WSiBsemCGKDAHt3_VarkECdupnNM-HaAYF-1ihOunXeIm24PdbPy0mJ07yNMlqbY1Wl8XyXlrDmzrZ_ze9zYl4kR89FBz_JDFiggciuTnrCe8Re3q7NIUqK85GY5U0/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106314147416991843215/posts"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF5s5qeFxMbmdOXylJXYvo0V0Is9ELD7WGPIfSomLjWrMQ3MGq_jdioT5bI5yRAWjZU_lUQreqMfeN-DVQ8HAOHFk46Qj09wVseb1Zc5GXBHVi4z3wyFmV4mwkLEDFzM_dsJus2IB-tOg/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://feeds.feedburner.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtnA6_Kw8v1kLP5LEA-yruahXtaQSnszdJG1MxjM5HjH5nJdx8FJ0qW7N1wZacUdzmjQqvk073wo593FxxKZRP13O5Dd_xXfGoUkHC3C402yYnldhNOm5BwHDgiSeRUK3IrikHYakbbY/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjec3_4_UCNebfGlnr2N58Boe4ClF6GeYhBnCxlkEE9BgUkYftDwRae7DjP9NhbI7YziGyiG4ARjIEv31Zu40iuY7PO-rKFWeiyA4hmyLaGMALBrisCsjXh0BSYh7_Gi-gIxNc3KKRQtuM/s1600/helperblogger.com-youtube.png" /></a> </p></center>

مثال حي للاضافه : الشكل الثالثّ


    

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger Ar konozblog */
-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } /* Spinning Social Icons Widget By HelperBlogger Ar konozblog */
</style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw6IrIGraY51GvMt6S19UQ1EVOOcyWpPod3vIx4Fy8s2IpYt5vXbRttXfTpDtFmCB4fDGCGVgOVcrwFUWt8iLuiFzLxN9hJWlGnEzbVQjf7AcKdmSpVYmaV5C-xhNDDhnehuTQzhCxRO0/s1600/helperblogger.com-facebook.png" /></a> <a href="https://twitter.com/ALEMAD5/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj69TDWZ97IPifm_WSiBsemCGKDAHt3_VarkECdupnNM-HaAYF-1ihOunXeIm24PdbPy0mJ07yNMlqbY1Wl8XyXlrDmzrZ_ze9zYl4kR89FBz_JDFiggciuTnrCe8Re3q7NIUqK85GY5U0/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/u/0/106314147416991843215/posts"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF5s5qeFxMbmdOXylJXYvo0V0Is9ELD7WGPIfSomLjWrMQ3MGq_jdioT5bI5yRAWjZU_lUQreqMfeN-DVQ8HAOHFk46Qj09wVseb1Zc5GXBHVi4z3wyFmV4mwkLEDFzM_dsJus2IB-tOg/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://feeds.feedburner.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtnA6_Kw8v1kLP5LEA-yruahXtaQSnszdJG1MxjM5HjH5nJdx8FJ0qW7N1wZacUdzmjQqvk073wo593FxxKZRP13O5Dd_xXfGoUkHC3C402yYnldhNOm5BwHDgiSeRUK3IrikHYakbbY/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/konozblog/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjec3_4_UCNebfGlnr2N58Boe4ClF6GeYhBnCxlkEE9BgUkYftDwRae7DjP9NhbI7YziGyiG4ARjIEv31Zu40iuY7PO-rKFWeiyA4hmyLaGMALBrisCsjXh0BSYh7_Gi-gIxNc3KKRQtuM/s1600/helperblogger.com-youtube.png" /></a> </p></center>

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


المصدر: http://konozblog.blogspot.com/2013/01/spinning-icons-with-css3-for.html#ixzz2Iv7o5XON

شرح أهم خصائص صندوق كتابة الرسائل في منصة بلوجر


سنشرح بعض الخصائص الموجوده في صندوق كتابة الرسائل في بلوجر
إن كنت قد قمت بكتابة مواضيع سابقا في أحد المنتديات فالامر بالنسبة لك سيكون سهل فصندوق رسائل بلوجر مشابه لصندوق مواضيع المنتديات وأسهل في التعامل وسنتطرق لبعض الإختلافات الموجوده في صندوق بلوجر ومع الوقت ستجد الموضوع غاية في البساطه وستصبح مواضيعك أكثر إحترافية مع الممارسة وخصوصا أنك في بلوجر حر بعكس المنتديات التي قد تكتب موضوع ولا تستطيع تعديله أو تغير عنوانه إلا بموافقة الإدارة ففي بلوجر شعارك
من النهارده مفيش إدارة أنا الإدارة ^_^

شرح أهم خصائص صندوق رسائل بلوجر








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

كن مدون نقطة البداية لإحتراف التدوين


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


الخطوات الأولية

حدد هدف مدونتك وإسمها

إجعل الإسم قصير ومميز

إجعل الإسم مطابق لمحتوى المدونة

حدد فترة زمنية تتم فيها إنشاء مدونتك وليكن أسبوع فالتحديد سيؤكد الإنجاز ومدى جدية الامر بالنسبة لك

الخطوات الأولية في إختيار منصة التدوين

معنى كلمة منصة التدوين يقصد بها الموقع الذي ستفتح عليه مدونتك
هناك الكثير من المواقع التي تتيح إنشاء مدونات لكن الأشهر والاكثر تميزاً هم موقعين
بلوجر Blogger , وورد بريس Wordpress
لكننا سنختار بلوجر للأسباب التالية

بلوجر تابع لشركة جوجل Google لذا لن تحتاج حمياته فجوجل ستتكفل بهذا

أيضا الموقع مجاني بالكامل 

منصة بلوجر سهله جدا في التعامل ومعرب بشكل مضبوط 

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

فهرس دورة كيف تبدأ

إنشاء حساب على Gmail وفتح مدونتك على منصة بلوجر

طريقة تركيب وحفظ القوالب ومعايير إختيار القوالب

شرح إضافة أدوات لمدونتك وتخصيص آداة HTML/JavaScript

شرح أهم خصائص صندوق كتابة الرسائل في منصة بلوجر

أضف نموذج إتصل بنا من موقع foxyform


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

قم بالدخول للموقع من هنــــــــــــــــا

بعد الإنتهاء من إعداد نموذجك إضغط على كلمة Create Formular 
سينقلك لصفحة بها كود كالكود التالي إنسخه واضفه في موضوع جديد أو في صفحة 


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


من أهم الإضافات للمواقع هي خدمة الإشتراك بالبريد الإلكتروني وهي تتيح إمكانية إرسال رسالة تلقائية للبريد المشترك بها بوجود جديد في الموقع وهذا يجعل الزوار على تواصل دائم بالموقع وأشهر من يقدم هذه الخدمة طبعا FeedBurner وهو أيضا من خدمات جوجل ولن تحتاج فتح حساب عليه لأنك طبيعي تملك حساب Gmail المفتاح السحري لخدمات جوجل
لكن ما ستحتاجه هو طريقة ربط الحساب وتفعيلة لكي يمكنك إستخدام الخدمة في مدونتك
أولا عليك تسجيل الدخول ببريدك في جي ميل على موقع فيد برنر من هنا http://feedburner.google.com

شرح تفعيل الإشتراك في فيد برنر

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

http://cnmu.blogspot.com/feeds/posts/default


الآن ننتقل لخطوات الحصول على آداة الإشتراك وإعدادها


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


 

وهذا هو نص الرسالة العربية غير به ما تريد لكن لا تغير الكلمة الإنجليزية فهي مكان رابط التفعيل

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

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

${confirmlink}

(ملحوظة إن لم يعمل الرابط ولم يفتح في صفحة جديدة يرجى تفعيله يدويا بنسخه ووضعه في شريط عنوان المتصفح)
 وأخيرا كود الإضافة ضعه في آداة HTML/JavaScript
<style>
.sub-box{
width: 260px;
padding:10px;
border: 2px solid #000;
border-radius: 15px;
}
.sub-box:hover{
border-style:dashed; 2px solid: #389af2;
}
form.emailform{
margin:5px 0 0;
display:block;
clear:both;
}

.emailtext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBScyPtEiXLlz59Hlg4WEmbYS49TPuqzJu5XxWRtQbWEbOLEd0LlXefhBVLtQluiugQNgESmFt_nwuNg7aMTSTMuc8fftLWDYPZKu2LApz8uDl4gI7fl3pq3AtUG-hN2pQzezuZrKT8iEe/s1600/ot-mail.png) no-repeat scroll 4px center #EFEFEF;
padding:7px 15px 7px 35px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #8D8D8D;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width: 120px;
}
.emailtext:focus{
outline: none;
}
.sub-button{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-goog-ms-border-radius: 5px;
border-radius: 5px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
.sub-button:hover{
background: -moz-linear-gradient(top, #e7e7e7 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #e7e7e7 0%,#f4f4f4 100%);
}
</style>

<center>
<div class='sub-box'>
إشترك بالبريد الإلكتروني ليصلك جديدنا
ستصلك رسالة للتفعيل عبر البريد لإكمال الإشتراك
<div style="text-align: left; display: inline-block;">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=cnmu" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=cnmu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform">
<input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;إيميلك هنا . .&quot;;}" onfocus="if (this.value == &quot;إيميلك هنا . .&quot;) {this.value = &quot;&quot;;}" value="إيميلك هنا . ."  type="text" value="أدخل إيميلك هنا " />
<input name="uri" type="hidden" value="http://feedburner.google.com/fb/a/mailverify?uri=cnmu" /><input name="loc" type="hidden" value="en_US" /> 
<input type="submit" class="sub-button" value="إشتــرك" title='' alt='' />
</form>
</div></div></center>
ملحوظة إستبدل cnmu الموجوده بالكود بإسم رابط دونتك في فيد برنر الرابط الذي إخترته بالإنجليزية في الصورة الثانيةهذا
وهذا مثال للآداة للإشتراك في كن مدون ولا تنسى أن تشترك ليصلك جديدنا

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

النشر التلقائي على تويتر عن طريق فيد برنر


إن المواقع التي تستخدم في تسهيل النشر على المواقع الإجتماعية كثيرة وخصوصا تويتر لكن عندما تكون الخدمة متوفرة من العملاق فيد برنر وكثير من المدونين لا يعلمون بها ويذهبون لعمل حسابات في مواقع أقل جوده وأمان لنشر مواضيعهم
هنا نأتي لنتعرف سويا على خدمة النشر الإجتماعي في فيد برنر والتي تقوم بالنشر بكفائه على تويتر هي ايضا تقوم بالنشر على مواقع أخرى لكن ليس بكفائة كالتي تقدمها لتويتر نظرا لان تويتر ينشر روابط ولا يحتاج معاينة كالفيس بوك
أولا قم بالدخول لحسابك في فيد برنر إضغط على الرابط لدخول الموقع http://feedburner.google.com


طريقة ربط حساب تويتر بفيد برنر

إن لم تجد الخدمة مفعلة قم بتفعيلها بالضغط على Activate




وكما نرى في الصورة أسماء المواضيع التي تم إرسالها
دمتم في امان الله