كيف تبداء بالتدوين؟ جزء 1

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

جزء الأول: قبل البداية  

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

التخطيط

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

المحتوى

هل سمعت من قبل بمقولة The content is king؟ أي المحتوى هو ملك وهذا صحيح فمحتوى الموقع هو الذي يجذب الزائر أي كان نوعه نص, صور, فيديو و بدون محتوى لا نجاح فهو عامل الأساسي لكي يتوافد الزوار لموقعك كما يجب أن يكون محتوى مدونتك مميزا عن مدونات أخرة أعني ما فائدة مدونة كل محتواها منقول "منسوخ" من مصادر أخرة معروفة تأكد أن زوار لن يمضوا وقتهم في قرأة مثل هذه مدونات لدي يجب أن يكون محتوي مدونتك حصري ومميز و يجدب زوار  

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

إقرأ المزيد.. Unknown bloggeradsenseo

قالب Real mag معرب

قالب Real mag معرب الإحترافي هو القالب بتصميم نضيف و عصري شبيه بمجلات إلكترونية و بميزات عديدة تمكن المستخدم من تحويل موقعه لمجلة إلكترونية أو موقع إخباري...الخ وعديد من مميزات الأخرة

معاينة معاينة تجاوب تحميل

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

1- المتجاوب مع جميع الشاشات الأجهزة, 

2- القالب بثلاثة أعمدة,

3- أداة خاصة لعرض المواصيع بحسب التسمية,

4- فوتر بأربعة خانات

5- قائمة منسدلة متعددة

6- مساحات إعلانية جاهزة

7- مهيئ لمحركات بحث SEO

8- شكل مميز لأداة متابعة عبر البريد

شرح ضبط القالب

ضبط أداة عرض المواضيع بحسب التسمية, أولا أذهب لالتخطيط >> تم "مقالات موجهة" >> و أختر تحرير وألصق الكود تالي و غير جملة "أكتب التسمية هنا" بتسمية مواضيع الذي تريدها كما بصورة تالية, تذكر أكتب عنوان التسمية بشكل صحيح و إلا لن تعمل الأداة

وفي النهاية أرجوا أن قالب أعجبكم و لأي إستفسار ضعوه في تعليق

إقرأ المزيد.. Unknown bloggeradsenseo

طريقة إضافة سمة Alt لصور في بلوجر

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

ما هي سمة ALT؟ 

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

كيف تضيف خاصية ALT لصور في بلوجر؟

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

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

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

<img src="Your-image-here.png" alt="Your-image-alt-here"></img>

نصائح لكتابة سمة Alt بشكل صحيح:

1.كن موجزاً: أجعل نص بديل Alt قصيرا لإن بعض متصفحات لن تقرأه بشكل صحيح لو كان طويلاً جداً.

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

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

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

إقرأ المزيد.. Unknown bloggeradsenseo

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

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

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

الشرح

1: من لوحة تحكم ادخل إلى "قالب" ثم "تحرير html" و أضغط على Ctrl+f وأبحث عن كود التالي

<head/>

2: وألصق كود التالي فوقه

<!-- كود زر رجوع سلس لأعلى --> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //Scroll Top by MKR (function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery); </script> <!-- كود زر رجوع سلس لأعلى -->

3: ومن لوحة تحكم أدهب إلى "تخطيط" ثم "إضافة أداة" وأختر "HTML/JavaScript" وألصق كود التالي كما بصورة

<!-- كود زر رجوع سلس لأعلى --> <style type="text/css"> #top img{ display: scroll; position: fixed; bottom: 5px; right: 5px; z-index: 9999999 } </style> <div> <a href='#' id='top'><img src='http://dc694.4shared.com/img/YbMnqTqsba/s3/14406355778/GoToTop.png'/></a> </div> <!-- كود زر رجوع سلس لأعلى -->
4: أضغط على حفط واستمتع :)

ولأي اسفتصار لا تنسوا وضعه في تعليق

إقرأ المزيد.. Unknown bloggeradsenseo

إنفوجرافيك: شاهد التطور المدونين على مر الزمان

السلام عليكم رحمة الله وبركاته :  في هذه التدوينة أقدم لكم غرافيك رائع, يعرض تطور المدونين من البداية ما يسمى التدوين إلى وقتنا الحالي,

أرجو أني افدتكم

إقرأ المزيد.. Unknown bloggeradsenseo

القالب رقم واحد قالب Bidaya

السلام عليكم ورحمة الله وبراكاته يا زوار مدونة كرام نلتقي مع موضوع جديد,

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

ميزاته:

• سلايد شو مميز
• مساحة إعلانية بجوار لوجو 728x90
• زر رجوع سلس إلى اعلى
• قائمة أفقية بتقنية Css3
• القالب بعمودين
• فوتر يحتوي على 4 خانات
• مساحة إعلانية على العمود الأيسر 250x250
• مساحة تبادل إعلاني 125x125
• ترقيم لصفحات
• يدعم المتصفحات IE9,Google Chrome,Firefox,Opera,Safari

وفي النهاية لأي سؤال أو استفسار تواصلوا معي عبر التعليق

إقرأ المزيد.. Unknown bloggeradsenseo

اضافة صندوق اعجاب منبثق

اضافة صندوق اعجاب منبثق

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

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

شرح تنصيب 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <style> #fanback { display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; } #fan-exit { width:100%; height:100%; } #fanbox { background:white; width:420px; height:270px; position:absolute; top:58%; left:63%; margin:-220px 0 0 -375px; -webkit-box-shadow: inset 0 0 50px 0 #939393; -moz-box-shadow: inset 0 0 50px 0 #939393; box-shadow: inset 0 0 50px 0 #939393; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: -220px 0 0 -375px; } #fanclose { float:right; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh258FvbP6cGmStbbyS_IydUQrGQ9OlLZsw1ljDqpoa-pTyj-yeBloSnffYwTqzkd0SeW4N2CS1pAkXejwcAHHRTPFdfAl_r3cth6bApWEJZHC0G2azLnkBtArU96Xj7rsS9DEezDH0jHoE/s1600/fanclose.png) repeat; height:15px; padding:20px; position:relative; padding-right:40px; margin-top:-20px; margin-right:-22px; } .remove-borda { height:1px; width:366px; margin:0 auto; background:#F3F3F3; margin-top:16px; position:relative; margin-left:20px; } #linkit,#linkit a.visited,#linkit a,#linkit a:hover { color:#80808B; font-size:10px; margin: 0 auto 5px auto; float:center; } </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_user_login') != 'yes'){ $('#fanback').delay(20000).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); }); </script> <div id='fanback'> <div id='fan-exit'> </div> <div id='fanbox'> <div id='fanclose'> </div> <div class='remove-borda'> </div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=http://www.facebook.com/theblogwidgets&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center> <span id="linkit"><a href="http://www.theblogwidgets.com/2013/08/facebook-popup-widget-with-lightbox.html">Facebook Like Box</a> <a href="http://www.theblogwidgets.com">Widget</a></span></center> </div> </div>

أولا انسخ الكود و افتح حساب بلوجر الخاص بك ثم ادهب إلى تخطيط

 وانقر اضافة أداة بعدها اختر "HTML/Javascript" الأن الصق كود الذي نسخته سابقا

ضبط الاضافة

أبحث عن http://www.facebook.com/theblogwidgets واستبدلها برابط صفحة فيسبوك خاصة بك

ة

بضبط الافتراضي تظهر الاضافة بعد 20ثانية من تحميل الصفحة ولكن يمكن تغير ذلك ابحث عن كود تالي استبدله بأي رقم تريد, 60ثوانية=60000. 10ثواني=10000. 1ثانية واحدة =1000

.delay(20000)

لو كنت تريد حذف خاصية عدم تكرار ظهور لكل زائر على حدة فيمكنك ذالك, 

ابحث عن كود تالي وقم بحذفه تماما وسيظهر صندوق كل مرة

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

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

إقرأ المزيد.. Unknown bloggeradsenseo

قالب hotgames معرب

قالب hotgames معرب

ميزات قالب:

1-عنده سلايد شو

2-عنده هيدر بنر بجوار لوجو

3-اضيفت اليه مساحة اعلانية عند عمود الايسر

4-يتميز قالب بعمودين

5- وعنده ايضا ازرار نشر

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

إقرأ المزيد.. Unknown bloggeradsenseo

قالب Central معرب

قالب Central معرب

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

تعريف بقالب وميزاته

القالب بعمودين
صممت له بنر بجوار اللوجو
عنده سلايد شو
صممت له بنر اضافي عند عمود الايمان
عنده ازرار نشر في الشبكات الاجتماعية وPlus +1
تحميل                      معاينة

لتعديل شريط تصفح علوي اضغط على Ctrl+f ثم اكتب "x" ثم عدل كلا من عناوين

وروابط

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

وبشأن مساحة بنر العمود أو مساحة تبادل اعلاني ابحث عن "*" وعدلها على حسب رغبتك

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

إقرأ المزيد.. Unknown bloggeradsenseo

طريقة نشر العاب في بلوجر

طريقة نشر العاب في بلوجر

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

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

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

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

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

1- القالب, ابحث عن قوالب العاب مناسبة لأن القوالب اعتيادية ليست مخصصة لنشر العاب عليها 

2- الالعاب, هل فكرت من أين ستحصل على العاب لأن العاب هي اساس مدونتك?
توجد مواقع تعطيك العاب على شكل اكواد او سكريبت كMiniclip و Mouchimedia
ولكن هذه طريقة ليست جيدة لأن موقعا سابقا لا يعطيانك العابا كثيرة ومتنوعة 
و من خلال بحثي اكتشفت طريقة أخرة هي اخد اي لعبة من أي موقع العاب تريده تابع الموضوع الم اقل لكم انه تجريبة شخصية وهذه الطريقة تعطيك عدد لا محدودا من العاب ولكنها معقدا بعض شيئ وتحتاج لبرمجة


ولو اردت ممكن أن اصمم لك سكريبت لالعاب التي تريده

وأخيرا وصلنا الى الشرح: اولا قبل ان أشرح طريقة نشر العاب سأشرح طريقة حصول على العاب وتليها شرح النشر

اولا زر موقع Miniclip ثم اختر لعبة واسفلها اضغط على Add to my Website

ثم انسخ كود الذي سيظهر لك

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

و الصق كود لعبة الذي نسخته سابقا وبعدها اضغط على نشر وشاهد تدوينة التي نشرتها...

وهكذا وصلنا الى نهاية امل أنني افدتكم

ولو كان عندكم سؤال او استفسار اكتبوها في تعليق

إقرأ المزيد.. Unknown bloggeradsenseo

كيف تحصل على أي لعبة لكي تضعها في مدونتك أو موقعك

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

تريد صفحة العاب و تبحث عن العاب لها ؟ إدا كان جوابك نعم ! فلدي حل 

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

 miniclip و mochimedia  ولكنها ليست فعالة و ظال بحثي حتى اكتشفت كود يتيح لك حصول على اي لعبة بمجرد حصولك عل
ى رابط أو لينك لعبة و وضعه في الكود

و إليكم الشرح

أولا لكي نبداء نحتاج الى موقع لالعاب لكي نأخد رابط لعبة منه و إليكم هذا الموقع

http://www.playhub.com/

نقوم بإختيار لعبة التي نريدها و ننقر على زر ايمن لفأرة كما في الصورة

وسيظهر كود صفحة وبعضها نضعط على  Ctrl+f ثم نكتب swf أي صيغة لعبة فلاش و نضغط على Entre حتى نجد ما نعتقد انه رابط الذي نريده و نضغط عليه لنتأكد منه ولو ظهرت لعبة كاملا على متصفح و بدون زيادات فهذا يعني أنه رابط الصحيح

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

و يمكنكم أخذ الكود من هنا

<"embed src="http://modawnamohmed.blogspot.com/" height="400" width="500>

و في نهاية امل أنكم أستفدتم من هذه التدوينة والى لقاء قريب بإذن الله

إقرأ المزيد.. Unknown bloggeradsenseo