‏إظهار الرسائل ذات التسميات البلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات البلوجر. إظهار كافة الرسائل
الجمعة، 16 سبتمبر 2016

دورة احتراف | الدرس 13: اضافة فوتوشوب أون لاين في مدونة البلوجر

مرحبا بزوار مدونة شروحات أونلاين فى تدوينة اليوم سنتعرف على طريقة وضع " كود الفوتوشوب أونلاين " الى مدونات بلوجر فى خطوات سهلة وبسيطة ، لمعاينة الاضافة و كيفيتة تركيبها شاهد الفيديو  اخر موضوع ، Photoshop online عربي وانكليزي بدون تحميل رائع موقع pixlr ، وهو خدمة لتحرير والتعديل على الصور مستلهمة من برنامج فوتوشوب الشهير ، حيث يبدو الموقع من خلال واجهته كأنه فوتوشوب ولكن اون لاين من دون اي تحميل أو اضافات … يتميز بأنه يدعم اللغة العربية بالإضافة إلى ذلك أنه مجاني.
دورة احتراف | الدرس 13: اضافة فوتوشوب أون لاين في مدونة البلوجر
الفوتوشوب أون لاين  
لأضافتها الى مدونتك قم بنسخ الكود التالى في  صفحة جديدة فى مدونتك



لتغيير الابعاد
قم بتغيير الارقام  حيث
height    =    الارتفاع
width    =    العرض
 صورة من الاضافة 
دورة احتراف | الدرس 13: اضافة فوتوشوب أون لاين في مدونة البلوجر

شاهد الفيديو التالي لشرح طريقة تركيبه

بالتوفيق للجميع
الاثنين، 12 سبتمبر 2016

دورة احتراف | الدرس 12: إضافة كود او أداة لمنع مواضيع مدونتك او موقعك من السرقة والنسخ

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

إضافة كود او أداة لمنع مواضيع مدونتك وموقعك من السرقة والنسخ

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


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


طريقة التركيب سهلة جدا حيث نذهب الي القالب تم تحرير 
نضع الكود اسفل </head>  مباشرتاً ثم حفط 
بذلك يتم حفط موضيعك من السرقة والنسخ 
لشرح طريقة التركيب تابع الفيديو التالي 


اتمنى ان ينال الموضوع اعجابكم وشكرا
الأحد، 11 سبتمبر 2016

دورة احتراف | الدرس 11: قالب التنظيف لمدونات البلوجر من بقايا القالب الاولى

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

 قالب التنظيف لمدونات البلوجر من بقايا القالب الاولى

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

قالب التنظيف لمدونات بلوجر

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


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


بالتوفيق للجميع اي سؤال نحن في الخدمة 
الأربعاء، 6 أبريل 2016

دورة احتراف Blogger | الدرس 10: تغير حقوق الملكية في اي قالب مدونة بلوجر ووضع اسمك فيه

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

دورة احتراف Blogger | الدرس 10: تغير حقوق الملكية في اي قالب مدونة بلوجر ووضع اسمك فيه

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


لو محتاج مساعد اترك تعليق و سوف يتم مساعدتك 
الثلاثاء، 5 أبريل 2016

دورة احتراف | الدرس 9: طريقة حدف السكرول بار (Scroll Bar) السفلي الدي ازعج الكثير من المدونين

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


دورة احتراف | الدرس 9: طريقة حدف السكرول بار(Scroll Bar) السفلي الدي ازعج الكثيرمن المدونين

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

دورة احتراف | الدرس 9: طريقة حدف السكرول بار(Scroll Bar) السفلي الدي ازعج الكثيرمن المدونين


أولا: اذهب الى لوحة تحكم مدونتك وافتح القالب.
ثانيا: قم بحفظ نسخة احتياطية من القالب في حالة ما إذا ارتكبت أي خطأ.
ثالثا: افتح القالب وابحث عن الكود التالي بالنقر على ctrl+f :
]]></b:skin>
رابعا: قم بنسخ الكود أسفله وأضفه فوق الوسم المذكور أعلاه مباشرة:



تابع الفيديو التالي لشرح التركيف كود في القالب 



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

دورة احتراف | الدرس 8: اضافة ازرار مشاركة المواضيع في الشبكات الاجتماعية بشكل رائع و احترافي لمدونة بلوجر

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


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


اولاً:1- قم بدخول الى لوحة التحكم في blogger.
2- بعدها اختار قالب.
3- بعدها اختار تعديل القالب .
4- بعدها اضغط CTRL+F معاً ليظهر لك مربع البحث.
الان قم با البحث عن :
<head>
الان الشرح يكون بالفيديو كي لا يحدث اي مشكل في القالب

لتحميل الملف الموجود في الشرح من هناااااااااااااااااااا



و سلام عليكم ...
الأربعاء، 30 مارس 2016

دورة احتراف | الدرس7: كيفية إضافة أداة المتواجدون الآن لمدونة بلوجر( زوار المدونة )

عداد الزوار والمتواجدون حاليا موضوع في غاية الاهميه وله فوائد كثيره في نجاح الموقع ويجب على كل صاحب موقع ان يتتبع احصائات موقعه لتعرف على المصادر الذي يقدمون من خلالها الزوار وماهي اسباب اتخاذهم الطريق الى موقعه؟
وقدتم الحديث حول طريقة جذب الزوار واستلاهام المواضيع الناجحه من اليكسا بعنوان حصريا الزوار ونجاح موقعك من اليكسا اتمنى ان يكون مفيد و موقع اليوم هو يبين لك عدد الزوار وهو موقع 99counters 
دورة احتراف | الدرس7: كيفية إضافة أداة المتواجدون الآن لمدونة بلوجر( زوار المدونة )

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

دورة احتراف | الدرس7: كيفية إضافة أداة المتواجدون الآن لمدونة بلوجر( زوار المدونة )


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

دورة احتراف | الدرس7: كيفية إضافة أداة المتواجدون الآن لمدونة بلوجر( زوار المدونة )

 لتسجيل في الموقع من هناااااااااااااااااااا

لشرح اكثر تابع الفيديو التالي 




سلام عليكم...
الثلاثاء، 29 مارس 2016

دورة احتراف | الدرس 6: اضافة فهرس المدونة على بلوجر بشكل احترافي 2016

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


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

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



مع تغير رابط www.chourouhat.com برابط موقعك 

شاهد الفيديو التالي لكيفية التركيب



سلام عليكم ...
الاثنين، 28 مارس 2016

دورة احتراف | الدرس 5 دورة بلوجر من الصفر الى الاحتراف و دائما فى تحديث اسأل ونحن نجيبك اي استفسار

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


 دورة احتراف | الدرس 5 دورة من الصفر الى الاحتراف و دائما فى تحديث اسأل ونحن نجيبك اي استفسار


مالجديد في دورة بلوجر من الصفر للمبتدئين؟

ليست ككل الدورات ،ستكون حلقات مفعمة بالمعلومات والأسرار ،نعرض عليك أساليب متطورة في عالم التدوين ،نتابع مدونتك الخاصة لتصبح إحترافية وجذابة ،ليس هذا فقط بل أيضا نعلمك كيف تربح منها وتجعلها مصدر دخل ،،
حسنا ماذا سأتعلم في دورة بلوجر من الصفر للمبتدئين؟
هناك عدة مشاكل يعاني منها المدونين من تحسين و تعديل القالب و تطويره و كذاك الاضافت الخاصة بالموقع مثل اضافة المواقع تواصل الاجتماعي و غيرها ... لدلك هدة التدوينة مخصص لك في طرح اي اشكل ونحن باذن الله سوف نساعدك 
كما نطلب منك الانضمام الي الموقع لكي تستفيد من هذة الدورة التي وضعنا فيها الموضويع الاولي الي قد تستفيد منها 
الدرس 1 دورة احتراف لانشاء مدونة بلوجر جديدة - Blogger | من البداية حتي الاحتراف
الدرس2 لانشاء مدونة بلوجر جديدة - Blogger و تعديل عليها في القالب و الاقسام
الدرس 3 كيفية اضافة ايقونات مواقع التواصل الاجتماعي للمدونة بشكل مميز 2016
الدرس4 اضافة صندوق الإشتراك على قناة في اليوتيوب + موقع يعطيك مشتركين في قناتك
ومزال الدورة مستمرة ولا تبخل نفسك بطرح الاشكل 

السبت، 26 مارس 2016

دورة احتراف | الدرس4 اضافة صندوق الإشتراك على قناة في اليوتيوب + موقع يعطيك مشتركين في قناتك

 تكملة لدورة بلوجر احترافية شرح موضوع اليوم كيفية اضافة صندوق الإشتراك على قناة في اليوتيوب إلى بلوجر بطريقة سهلة و سليمة هذا الصندوق يمكنكم من الحصول على مشتركين متابعين لحلقاتكم و مقاطع الفيديو المنشئة من طرفكم, اضافة الى ذلك يمكنك مشاهدة مقاطع الفيديو من جلب زوار للمدونة رغبة في مزيد من المواضيع , كذلك يوجد موقع يعطيك مشتركين في قناتك وللامانة اغلبهم ليس حقيقين ولكن موقع جميل يزيدمن مشتركين من اجل الوصول الي 500 مشترك و تغير رابط قناتك برابط مميز و سهل



دورة احتراف | الدرس4 اضافة صندوق الإشتراك على قناة في اليوتيوب + موقع يعطيك مشتركين في قناتك


شرح طريقة اضافة الأداة سهل جدا ما كليك الا

1. توجه الى لوحة التحكم .
2. اختار تخطيط .
3. اضافة اداة .
4. Javascript/Html
5. أدخل كود الخاص بأداة :




لا تنسى استبدال UCUEugys-YpNOqGegj2bT5tA بالكود الخاص بقناتك يمكنك الحصول عليه من هذا الرابط 
ستجد الكود الخاص بك قرب : YouTube User ID


دورة احتراف | الدرس4 اضافة صندوق الإشتراك على قناة في اليوتيوب + موقع يعطيك مشتركين في قناتك


تابع الشرح جيد في الفيديو التالي 




اما الموقع لزيادة المشتركين من هناااااااااااااااااااااااا

و سلام عليكم ورحمت الله
الثلاثاء، 22 مارس 2016

دورة احتراف | الدرس 3 كيفية اضافة ايقونات مواقع التواصل الاجتماعي للمدونة بشكل مميز 2016

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

كيفية اضافة ايقونات مواقع التواصل الاجتماعي للمدونة بشكل مميز 2016

كيفية اضافة ايقونات مواقع التواصل الاجتماعي للمدونة بشكل مميز 2016


الدرس 3 كيفية اضافة ايقونات مواقع التواصل الاجتماعي للمدونة بشكل مميز 2016


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

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

تابع الفيديو التالي كيفية اضافة ايقونات مواقع التواصل الاجتماعي للمدونة بشكل مميز




الكود الخاص بالايقونات التواصل الاجتماعي مع تغير الربوابط الخاصة بك فقط في فيسبوك و يوتوب و تويتر و الاخلاص 





السلام عليكم 
الجمعة، 18 مارس 2016

دورة احتراف | الدرس2 لانشاء مدونة بلوجر جديدة - Blogger و تعديل عليها في القالب و الاقسام

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


دورة احتراف | الدرس1 لانشاء مدونة بلوجر جديدة - Blogger و تعديل عليها في القالب و الاقسام


لبدء استخدام بلوجر، و انشاء مدونة بلوجر جديد 2016 عليك تسجيل الدخول باستخدام حسابك في Google. اختر إنشاء ملف تعريف بلوجر أو استخدم ملفك الشخصي في +Google.
ملاحظة: عند استخدام Blogger، تأكد من الالتزام بـ سياسة محتوى بلوجر وبنود الخدمة.
الان إنشاء مدونة جديدة يمكنك إنشاء ما يصل إلى 100 مدونة لكل حساب. لإنشاء مدونة جديدة, من هنااااااااااااا قمنا دورة احتراف لانشاء مدونة بلوجر جديدة تعديل عليها في القالب و الاقسام و كل شي و هدا يكون في هذا الدرس الاول في الدورة 
نصيحة: يمكنك استخدام موضوع مدونتك أو اسمها أو الجمهور أو حتى موقعها لاختيار اسم المدونة وعنوانها.


دورة احتراف | الدرس1 لانشاء مدونة بلوجر جديدة - Blogger و تعديل عليها في القالب و الاقسام

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





جميع الاكواد و القالب 

لمعاينة القالب هناااااااااا            لتحميـــل قالب و الاكواد من هنااااااااااا



في الاخير ارجو الانضمام للموقع و صفحتنا سوف يكون هناك شروح و استفسارات و اشياء تستفيد انت منها و كذلك نحن ...وسلام عليكم 
الاثنين، 14 مارس 2016

دورة احتراف لانشاء مدونة بلوجر جديدة - Blogger | من البداية حتي الاحتراف

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



دورة احتراف لانشاء مدونة بلوجر جديدة - Blogger | من البداية حتي الاحتراف



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



دورة احتراف لانشاء مدونة بلوجر جديدة - Blogger | من البداية حتي الاحتراف


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

.
دورة احتراف لانشاء مدونة بلوجر جديدة - Blogger | من البداية حتي الاحتراف


لماذا يجب عليك اختياربلوجر بدلاً من الووردبريس؟

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

1. مجانية بشكل كامل ولن تدفع تكاليف استضافة.
2. لا داعي للقلق من الاختراق لانها مأمنة من شركة جوجل.
3. سهولة في التعامل والتدوين عليها.
4. قوالب بلوجر المجانية متعددة ومنتشرة علي صفحات الانترنت يوجد الكثير منها.
5. سهولة في تعديل القالب والشكل والتصميم.
6. هناك العديد من المدونات والمنتديات التي تقدم الدعم لمدونات بلوجر مجاناً.
7.شروحات بلوجر متاحة علي الانترنت بكثرة و مستمر.
8.المدونة مقدمة من جوجل لذلك لا داعي للقلق لانها شركة عملاقة ومضمونة وبما انك تتبع قوانينهم فلن يتم حذف مدونتك.
يمكنك الربح منها من خلال الاعلانات ادسينس و غيرها.
9.لا يتم عرض اعلانات مزعجة لزوارك.

ولذلك قررنا عمل دورة احتراف لانشاء مدونة بلوجر جديدة - Blogger من البداية حتي الاحتراف لكي يستفيد بها الجميع نرجو من الله تعالي ان يعننا في ذلك و سلام عليكم و رحمة الله 
الثلاثاء، 16 سبتمبر 2014

أضافة صورة الكاتب فى محركات البحث 2014

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


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

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

نذهب الى القالب ثم تحرير ثم نقوم بالبحث عن
<head>
ونضيف تحته هذا الكود
<link href='رابط جوجل بلس الخاص بك' rel='author'/>
ونغير ما بللون الأحمر برابط حسابك فى جوجل بلس
وتضغط وبعدها بفترة عندما تزحف عناكب البحث الى مدونتك وتجد هذا الكود ستضاف صورتك لمواضيعك فورا

الطريقة الثانية وهى عن طريق عرض صورة كاتب الموضوع وهى أفضل للمدونات الجماعية : 


نقوم بالبحث عن
 <div class='post-footer'>
ونضيف تحته هذا الكود

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
<meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
<meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>

هذه هى الطريقتين....بالتوفيق للجميع


الاثنين، 15 سبتمبر 2014

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

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


شرح تركيب الكود لمدونات بلوجر :

أذهب الى لوحة التحكم>> ثم التخطيط >> ثم أضافة أداة >> ثم HTML/Javasript 
ونضع بها أى شكل تختاره من هذه الصناديق

الشكل الأول 

صورة من الشكل الأول 

الكود :

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div> 

الشكل الثانى

صورة من الشكل الثانى 

الكود :

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="full" data-count="default"></div>

الشكل الثالث 

صورة من الشكل الثالث 

الكود :

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="full" data-theme="dark" data-count="default"></div> 

الشكل الرابع

صورة من الشكل الرابع

الكود :

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="full" data-count="hidden"></div>

تقوم بتغيير ما باللون الأصفر برابط موقعك أو مدونتك وتضغط حفظ


الأحد، 14 سبتمبر 2014

حذف أيقونة التحرير المزعجة من مدونات بلوجر

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



طريقة حذف أيقونة التحرير من مدونة بلوجر :

أدخل مدونتك .
القالب .
حرر القالب وابحث عن ]]></b:skin>
ضع هذا الكود فوقه : 
.item-control.blog-admin {display: none !important;}

الأن أضغط حفظ وعاين مدونتك سترى أن قد أزيلت من المدونة



أفضل كود ميتا تاج لمدونتك أو موقعك لعام 2014

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




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

شرح تركيب الكود: 
نقوم بالبحث عن </head> 
ونضيف قبله هذا الكود 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=' وصف المدونة' name='description'/>
<meta content='كلمات , دلائلية' name='keywords'/>
<meta content='رابط بانر' name='og:image'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='إسمك بالإنجليزية' name='author'/>
<meta content='ar' name='language'/>
<meta content='بلدك بالإنجليزية' name='country'/>
</b:if>
    <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

وقم بتغيير المراد تعديله وأحفظ القالب 
ملحوظة : يجب حذف النص العربى من الكود 
بالتوفيق للجميع

السبت، 13 سبتمبر 2014

إضافة تعريف الكاتب بالسيدبار بشكل أحترافى

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




صورة من الأضافة




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

<div id='profile-wrapper'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPXjYsaqFYt-fjgWjI3WxWhd-gMMoGlHirgyBxZJCp4KX_C4zxGqH9Fnq0wDJQCrgNNQa9pI9v9TiUJ6oY1tSV-RjPkPQa-tz6Xu1601RC7jDHMRhBFHfaCtqPa0iCkHsx8RFYTxpg2b5/s1600/pr.png'/>
<a href='www.ar1web.com'><p>AR1WEB</p></a>
<p>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن استخدام "هنا يوجد محتوى نصي، هنا يوجد محتوى نصي" فتجعلها تبدو (أي الأحرف) وكأنها نص مقروء.</p>
<div id='social-wrapper'>
<div class='social-icons sticky-social'>
<a class='facebook' href='https://facebook.com/arabe1web'></a>
<a class='twitter' href='#'></a>
<a class='behance' href='#'></a>
<a class='skype' href='#'></a>
<a class='khamsat' href='#'></a>
</div>
</div>
</div>
<style>
#profile-wrapper {
text-align: center;
padding: 34px 20px;
background: #FFF;
border-top: 3px solid #E24300;
margin: 0 0 20px;
font-size: 12px;
font-weight: normal !important;
}
#profile-wrapper img {
border-radius: 100%;
margin: 0 0 10px;
}
#profile-wrapper h2 {
font: normal 20px tahoma;
color: #F34D4D;
}
#profile-wrapper p {
font: normal 12px ges,;
color: #888;
line-height: 2em;
}
#social-wrapper{padding:11px 0 0;overflow:hidden; margin-right: 30px;}
.social-icons a.facebook {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpxR8FJJHVUYTb6YGByX9thkIDrbzObk6R7AWy7MSo-8httf1MPp0Pjep04v9isYYk1rY0quLCnBrvTJO_14MY7OrSp0tqd9zNv_xut0tVErZ-LdOhzdaBJIVvjLvtCrC2KGHRZS2RZBY/s1600/facebook.png);
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiyo0zeIV9y3H4OBlFOvjcmgzy9hRPztN_nFJIw01DJalqrTxBmx8DS3yBCUNHXmf_B65I_ryRaN7xvjeKASpTFkrAEvqLIv21y5NGmWWaxmrewRLAVaIJAmtVMoqcpbwp019wnPPQnz4/s1600/twitter.png);
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.behance {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBIdTCYU8tSndoXbv0JRxngvxVE7POkaCH8-VMp1DJEA7mQpbJLsTdONNkCXSml4FFTFYBsNF2lzmV0h9kmuFEXeKf-HiSy6Q0aBqhAcMpycsp2yNMKM2YoHS2CMsoO8pKcrSnTe2MLT6I/s1600/behance.png);
}
.social-icons a.behance:hover {
background-color: #444;
}
.social-icons a.skype {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Qd32GRxqGs7diZNSvoBU0Qvp3CG9SXz4ZUuTP2OG_OUMJ6aNx-YiZdeXo4iQ2X8FHUCU-XFHcWCvijMKm3japn5Xn6ArACrj1X7i7nvHCEaQIdarzzQ1MioU8ey_pNSAzoqD-jVYayY/s1600/skype.png);
}
.social-icons a.skype:hover {
background-color: #0bbff2;
}
.social-icons a.youtube {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBe-JtpunThOXEYXRco54et-Dd1ro-FU3GvShlAPc7rf0ltoR5Bq8fThBFv1UT1YpHxtIGkVSHzcYNrzAShMvz7JIY7DqyE7gL-jd0TeqB8POViaA5Zrg-bEcXWXThyZ1Vd99_CnUkmho/s1600/youtube.png);
}
.social-icons a.youtube:hover {
background-color: #df3333;
}
.social-icons a.google {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQov0gEBXWGNrjXsXd7Ul-Fn74KQOA3PerMgPAhyvzIH95FaZLNmn8qY9EO4KUtU30o08Nk6YHOsSFn7I1ceClc-0bwanOowtneKC-3y6FUUmo07bDW6psOq6hCsMBP6ZUhXf0sHpmr6g/s1600/google.png);
}
.social-icons a.google:hover {
background-color: #d62408;
}
.social-icons a.khamsat {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVjGSV-jKjc97M3tdv8yuke0Ysk6abBCjBemwDuTmTQFrclyVvzzlGi75CvGWeBPLc6BTZVnRfQpnr7sUb0uUpotTf9hfLsxO3bK3bKzOIMn9LIIHoO4-tuRttXQuI4PwVODzajWQSkqs/s1600/kmst.png);
}
.social-icons a.khamsat:hover {
background-color: #F39C12;
}
.social-icons.sticky-social {
text-align: right;
float: right;
}
.social-icons {
float: right;
text-align: center;
}
.social-icons.sticky-social a {
margin-left: 10px;
margin-bottom: 10px;
float: right;
display: block;
}
.social-icons a {
background-color: #dadada;
}
.social-icons a {
width: 30px;
height: 30px;
margin: 0 3.5px !important;
}
.social-icons a {
width: 30px;
height: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
}
</style>


قم بالتعديل على الأضافة بما يناسبك وأضغط حفظ ومبروك الأضافة عليك الأكثر من رائعة


كود تحويل الزائر من مدونة لأخرى بطريقة أحترافية

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

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



شرح تركيب الأضافة 

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

ونقوم بالبحث عن هذا الكود 

<head>

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

<meta HTTP-EQUIV='REFRESH' content='0; url=ضع الرابط الجديد هنا'/>

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



عربي باي