مدونة أفكار المحترفين

الطريقة الصحيحة لنشر موقعك أو مدونتك على شبكة ضخمة من محركات البحث - سيو

noreply@blogger.com (أبو عبد الله‬‎) — Thu, 25 Jun 2015 14:59:00 +0000

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

1- أولا نقوم بالدخول للموقع من هنــا أو هنــا.

2- أدخل رابط مدونتك و بريدك الإلكتروني كما هو موضح في الصورة أسفله ..

ثم اضغط على "Proceed"

3- بعد توجيهك للصفحة المبينة على الصورة أسفله، قم بالضغط على "Choose plan" ..

4- ثم أنقر على "Confirm submission"

بعد ذلك ستحصل على النتيجة التالية :

ستتوصل برسالة على بريدك الإلكتروني تخبرك بأن العملية تمت بنجاح

5- كخطوة أخيرة و لنشر موقعك/مدونتك على محرك بحث "bing" اضغط على "ِClick here to complete your submission to Bing".ثم أدخل رابط موقعك أو مدونتك و حروف الكابتشا كما هو موضح في الصورة أسفله ..

بعد ذلك ستتوصل برسالة أخرى على بريدك الإلكتروني تخبرك بنجاح العملية ..

النتجية المحصل عليها في الأخير كما بالصورة أسفله.. مبروك عليك

*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفظه

طريقتين مختلفتين لتركيب إضافة Anti-Adblocker من أجل تعطيل أداة AdBlock على مدونات البلوجر لزيادة أرباح الإعلانات

noreply@blogger.com (أبو عبد الله‬‎) — Sun, 24 May 2015 13:03:00 +0000

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

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

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

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

I* الطريقة الأولى : عرض نافذة تطلب من الزائر توقيف adblock فقط

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

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

2- ثم أنقر على "تحرير Html" كما في الصورة التالية :

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

3- بعد ذلك اضغط على Ctrl + F للبحث عن هذا السطر التالي :

]]></b:skin>

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

#afkarpro_noadblocker { display:none; }

5- الآن اضغط على Ctrl + F للبحث عن هذا السطر التالي :

</head>

6- و قم بلصق الكود التالي فوقه :

7- الآن اضغط على Ctrl + F للبحث عن هذا السطر التالي :

</body>

8- و قم بلصق الكود التالي فوقه :

9- بعد ذلك قم بحفظ القالب.

النتيجة مبينة في الصورة أسفله :

II* الطريقة الثانية : إجبار الزائر بتوقيف adblock

عندما يقوم أحد الزوار (من اللذين يستخدمون adblock لحجب الإعلانات طبعا) بالدخول لموقعك أو مدونتك ستظهر له رسالة تخبره بضرورة تعطيل أداة منع الإعلانات إن هو أراد الولوج للموقع..

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر،
ثم اضغط على تخطيط
و أضف HTML/JavaScript.

2- قم بنسخ و لصق الكود التالي داخل الأداة :

3- ثم قم بحفظ الأداة.

النتيجة مبينة في الصورة أسفله :

مبروك عليك الآن .. بعد مدة قصيرة ستلاحظ تحسن أرباحك من الإعلانات.

و دمتم في رعاية الله وحفظه

أفضل موقع لإرسال رسائل sms لأي دولة في العالم بدون تسجيل و بدون حدود و مجانا (مجرب)

noreply@blogger.com (أبو عبد الله‬‎) — Sat, 23 May 2015 13:45:00 +0000

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

طريقة الإرسال :

1. ادخل على رابط الموقع Globfone ثم حدد بلد المرسل إليه

2. بعد ذلك اكتب رقم المرسل إليه (رقمه الهاتفي)

3. ثم اضغط Next و اكتب الرسالة

4. تأكد أنك علمت على "i'm not a robot" "Je ne suis pas un robot"

5. ثم اضغط Next

و إنتظر إلى أن تظهر رسالة "تم الإرسال بنجاح".

تحميل برنامج Nitro PDF Professional للكمبيوتر، لتحرير و تعديل ملفات البي دي اف

noreply@blogger.com (أبو عبد الله‬‎) — Sat, 23 May 2015 12:24:00 +0000

يعتبر برنامج Nitro PDF Professional من أهم برامج تحرير و تعديل ملفات البي دي اف pdf files و أشهرها. و يتميز بواجهة بسيطة و بسهولة التعديل على هذا النوع من الملفات كما يُمَكِّنك كذلك من إنشاء ملف PDF جديد بكل سهولة، و إضافة التعليقات و الملاحظات على الملف.

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

:: رابط مباشر-32bit ::

:: رابط مباشر-64bit ::

معلومات عن برنامج Nitro PDF Professional
Nitro PDF, Inc	المطور
52 MB	حجم البرنامج
يدعم الكثير من اللغات	لغة البرنامج
جميع أصدارات ويندوز	متطلبات التشغيل
Trial	ترخيص البرنامج
2014	تاريخ الإصدار

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

تحميل البرنامج المجاني XWidget لجعل سطح المكتب بشكل ثلاثي الأبعاد، متوافق مع ويندوز : xp,vista,7,8

noreply@blogger.com (أبو عبد الله‬‎) — Thu, 14 May 2015 16:34:00 +0000

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

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

:: رابط مباشر ::

معلومات عن البرنامج XWidget
XWidget Software	المطور
10 MB	حجم البرنامج
2015	تاريخ الإصدار

متوافق مع جميع إصدارات ويندوز
Windows XP -Windows Vista- Windows7- Windows8

تعرف على أكثر دولة تتابعك على الفيسبوك و على مصدر كل الإعجابات في صفحتك

noreply@blogger.com (أبو عبد الله‬‎) — Thu, 14 May 2015 14:28:00 +0000

مرحبا زوار و متتبعي مدونة أفكار-برو في درس جديد، لا شك أن الكثير منا يريد أن يتعرف على عدد المعجبين (لصفحته على الفيسبوك) من دولة ما، و على مصدر كل الإعجابات في صفحته أو صفحة غيره على الفيسبوك..

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

إذن بدون إطالة، الموقع هو lemooo

ادخل على الرابط أعلاه، ثم قم بوضع رابط صفحة الفيسبوك ثم إضغط على Analyze

وسيعطيك النتائج كما هي موضحة في الصورة التالية

تحميل برنامج أدوبي فلاش بلاير 17 للكمبيوتر - Adobe Flash Player 17

noreply@blogger.com (أبو عبد الله‬‎) — Sat, 09 May 2015 19:40:00 +0000

أضحى برنامج "أدوبي فلاش بلاير- Adobe Flash Player" من البرامج التي لايمكن الإستغناء عنها، فهو يساعدك على تشغيل جميع الفيديوهات أثناء تصفح الإنترنت أو مشاهدة الفيديوهات من على اليوتيوب أو باقي المواقع، بالإضافة من أنه يمكنك من تشغيل الكثير من ألعاب الفلاش على الأنترنت من خلال البرنامج.

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

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

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

:: رابط خاص بالمتصفحات : فايرفوكس، أوبرا و كروم ::

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

:: رابط خاص بالمتصفح : أنترنت إكسبلورر ::

معلومات عن برنامج أدوبي فلاش بلاير 17
البرنامج مقدم من موقع Adobe Flash Player	المصدر
16,7 MB	حجم البرنامج
2015	تاريخ الإصدار

متوافق مع جميع أصدارات ويندوز
Windows XP -Windows Vista- Windows7- Windows8

تحميل برنامج أفيرا 2014 انتي فيروس عربي مجانا - Avira Antivirus 2014

noreply@blogger.com (أبو عبد الله‬‎) — Sat, 09 May 2015 15:33:00 +0000

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

ومن بين مميزات البرنامج هو أنه مجاني و متاج للجميع، و هو منافس قوي لباقي برامج الحماية الأخرى مثل "بيت ديفندر - BitDefender" و "الكاسبر سكاي - Kaspersky" و "أفاست - Avast" ووو ...

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

:: رابط من الموقع الرسمي ::

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

:: رابط مباشر ::

معلومات عن برنامج أفيرا 2014
البرنامج مقدم من موقع avira	المصدر
130,70 MB	حجم البرنامج
2014	تاريخ الإصدار

متوافق مع جميع نسخ الويندز : 7- xp - vista - 8

إضافة عداد يحسب عدد مشاهدة المواضيع وعدد مرات التحميل على مدونات البلوجر

noreply@blogger.com (أبو عبد الله‬‎) — Sun, 16 Nov 2014 15:23:00 +0000

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

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

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

الخطوة الأولى : إضافة مكتبة jQuery

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.

2- ثم أنقر على "تحرير Html".

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

3- بعد ذلك اضغط على Ctrl + F للبحث عن السطر أسفله :

<head>

4- ثم انسخ الكود التالي مباشرة أسفله:

*ملاحظة : إذا كان هذا الكود موجود من قبل داخل قالب مدونتك فأنت لست معنيا بهذه الخطوة.

الخطوة الثانية : إنشاء حساب على موقع Firebase

1- قم بالدخول لموقع Firebase و أنشئ حسابك الخاص.

2- بعد التسجيل في الموقع ادخل لحسابك.

الخطوة الثالثة : إنشاء قاعدة بيانات خاص بعدد مشاهدات الموضوع على مدونات بلوجر

1- الآن سنقوم بإنشاء قاعدة البيانات وذلك بإدخال إسم للتطبيق ورابط التطبيق (سنحتاجه فيما بعد) ثم اضغط على Create New App.

مثال لرابط التطبيق : https://afkarpro.firebaseio.com/

2- بعد ذلك نعود إلى لوحة تحكم البلوجر ثم قالب ثم "تحرير HTML".

3- و اضغط على Ctrl + F للبحث عن السطر أسفله :

]]></b:skin>

4- ثم انسخ فوقه مباشرة الكود التالي :

/*-------- Post Views ----------*/
    #views-container {
    width: 85px;
    float: right;
    }

    .DrROloading {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8Oe4c6hkBUFKk0vp23RSrUI6IeSI9Y1f-XGrZt86miphq3FkQI2WdZwfIaDjMz6jxj2_IoL-qACEm2RvtOoptHho1tOJ5GZI8Yqrj9xXrHcZYW_T8Oc7Syx5PonY2HcoKYVT1t-K0EjwI/s1600/Waiting-afkarpro.gif') no-repeat right center;
    width: 16px;
    height: 16px;
    }

    .viewscount {
    float: right;
    color: #EE5D06;
    font: bold italic 14px arial;
    }

    .views-text {
    float: right;
    font: bold 12px arial;
    color: #333;
    }

5- ثم اضغط على Ctrl + F للبحث عن السطر أسفله :

</body>

6- ثم انسخ فوقه مباشرة الكود التالي :

<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
</script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($('a[name]'), function(i, e) {
var elem = $(e).parent().find('#postviews').addClass('DrROloading');
var blogStats = new Firebase("https://afkarpro.firebaseio.com/pages/id/" + $(e).attr('name'));
blogStats.once('value', function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr('name');
isnew = true;
}
elem.removeClass('DrROloading').text(data.value);
data.value++;
if(window.location.pathname!='/')
{
if(isnew)
blogStats.set(data);
else
blogStats.child('value').set(data.value);
}
});
});
</script>

* تعديل : استبدال الرابط الملون باللون البرتقالي برابط تطبيق قاعدة البيانات الخاص بك.

7- و اضغط مرة أخرى على Ctrl + F للبحث عن السطر أسفله :

<data:post.body/>

* ملاحظة : إذا وجدته أكثر من مرة فالثاني هو المقصود.

8- ثم انسخ فوقه مباشرة الكود التالي:

<div id='views-container'><span class='views-icon'/><div class='views-text'>عدد المشاهدات:</div> <div class='DrROloading viewscount' id='postviews'/></div>

9- و في الأخير قم بحفظ القالب.

الخطوة الرابعة : إنشاء قاعدة بيانات عدد مرات التحميل لمدونات بلوجر

1- الآن سنقوم بإنشاء قاعدة البيانات أخرى بإسم ورابط تطبيق مختلفين (الرابط سنحتاجه فيما بعد) ثم اضغط على Create New App.

رابط التطبيق هنا هو : https://downcount-afkarpro.firebaseio.com/

2- بعد ذلك نعود مرة أخرى إلى لوحة تحكم البلوجر ثم قالب ثم "تحرير HTML".

3- و اضغط على Ctrl + F للبحث عن السطر أسفله :

]]></b:skin>

4- ثم انسخ فوقه مباشرة الكود التالي :

/*----- download counter -----*/
    .DrROloading {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmfE1l_LpAF8dCxAx0AlM9hz17Cn4WlOCW3_JLr1Q9jLb_QecH5gTAy8IMmY7OVLgeDr0qqOyXdca1Tgdz1ihpiXca3n770Vw_IzXzDGBFu3Iqq8OO0AaB_FJpVD6ZzTidphgb5fyOgJI0/s32-no/Mini+balls.gif') no-repeat left center;
    width: 16px;
    height: 16px;
    }

    .blog-stats {
    color: #289728;
    font: bold italic 18px georgia, arial;
    float: right;
    }

5- ثم اضغط على Ctrl + F للبحث عن السطر أسفله :

</body>

6- ثم انسخ فوقه مباشرة الكود التالي :

<script type='text/javascript'>
        window.setTimeout(function() {
            document.body.className = document.body.className.replace('loading', '');
          }, 10);
      </script>
    <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
    <script>
    $.each($('[data-download-count=true]'), function (i, e) {
        var elem = $(e).parent().find('#download-count').addClass('DrROloading');
        var id = $(e).closest('.post-body').siblings('a[name]').attr('name') + "-" + $(e).attr('id');
                              var downloadStats = new Firebase("https://downcount-afkarpro.firebaseio.com/downloads/id/" + id);
        var data = {}, isnew = false;
        downloadStats.once('value', function (snapshot) {
            data = snapshot.val();
            if (data == null) {
                data = {};
                data.value = 0;
                data.url = window.location.href;
                data.id = id;
                isnew = true;
            }
            elem.removeClass('DrROloading').text(data.value);
        });
        $(e).click(function (e) {
            data.value++;
            if (isnew) downloadStats.set(data);
            else downloadStats.child('value').set(data.value);
        });
    });
    //<![CDATA[
    $(document).ready(function () {
      //checks if the number of posts on this page are more than one then return.
      if($('.post-outer').length > 1)
      return;
      //selects the element to be made sticky.
      var stickElement = $('.date-header'),
        //selects the element which would trigger the sticky elem to go away
        hideTrigger = $('#comments'),
        //class name to be added (it should match the class in CSS)
        fixed = "fixed",
        top = stickElement.offset().top;
      $(window).scroll(function (event) {
        var y = $(this).scrollTop();
      var maxY = hideTrigger.offset().top;
        if (y >= top && y < maxY) {
          stickElement.addClass(fixed);
        } else {
          stickElement.removeClass(fixed);
        }
      });
    });
    //]]>
    </script>

* تعديل : استبدال الرابط الملون باللون البرتقالي برابط تطبيق قاعدة البيانات الخاص بك.

7- ثم قم بحفظ القالب.

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

<div style="width:120px;">
<a data-download-count="true" href="ضع رابط التحميل هنا">Download Now!</a>
<div class="blog-stats" id="download-count">
</div>
</div>

و دمتم في رعاية الله وحفظه

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

noreply@blogger.com (أبو عبد الله‬‎) — Fri, 26 Sep 2014 15:36:00 +0000

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

و كما ترون في التخطيط أعلاه : رأس الصفحة (header)، الرئيسية (main)، الشريط الجانبي (sidebar) و تذييل الصفحة (footer). كل هذه العناصر موجودة داخل الغلاف الخارجي (outer-wrapper). لِدى و من أجل إضافة الشريط الجانبي، علينا زيادة عرض الغلاف الخارجي(outer-wrapper) لكي يتمكن هذا الأخير من احتواء الشريط الجانبي الجديد. نحتاج أيضا إلى زيادة عرض رأس الصفحة (header) و تذييل الصفحة (footer)، بغرض التنسيق بين عناصر القالب... لا تقلق سيتوضح كل شيء في السطور القادمة يإذن الله.

سوف أقسم التعليمات البرمجية إلى قسمين CSS و HTML.

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

1- اذهب إلى لوحة التحكم >> تصميم>> تحرير HTML.

2- قم بأخد نسخة إحتياطية لقالب مدونتك.

3- اتبع الإرشادات أدناه.

التغييرات على CSS :

اتبع الخطوات التالية :

1. إضافة كود CSS الخاص بالشريط الجانبي الجديد

ابحث عن الكود أسفله، للعلم هذا هو كود CSS الخاص بالشريط الجانبي الموجود.

ملاحظة : ليس من الضروري أن تجده مماثلا لما وجدته، المهم هو أنه

يبتدئ بـ

#sidebar-wrapper {

و ينتهي عند أول

}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}

ما سوف تفعله هو نسخ الكود كله، و الصقه مباشرة بعده، و من ثم غير تسمية العنصر إلى sidebar1-wrapper# ، لتحصل على ما يلي :

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
#sidebar1-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}

انتهت خطوة إضافة "كود الشريط الجانبي الجديد"، و في الخطوات الثلاثة القادمة سنقوم بتغيير عرض بعض العناصر... و لأجل ذلك، سأفترض أن قياسات العرض الـ width البدئية (أي التي وجدتها قبل إجراء التعديلات) هي كالآتي :

Outer-wrapper = 660 px

sidebar-wrapper = 220 px

header-wrapper = 660 px

footer-wrapper = 660 px

ملاحظة : لكل قالب قياساته.

تذكر(ي) أخـ(ـــتـ)ـي الكريمـ(ـة) أن الهدف من هذا الدرس هو إضافة الشريط الجانبي (السايدبار)، نعلم أن السايدبار الموجود عرضه هو 220px، إذن لإنشاء مكان للسايدبار الجديد علينا أن نقوم بالخطوة 2.

2. نزيد من عرض الغلاف الخارجي (outer-wrapper width)

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

خاصيتين مهمتين :

عرض الغلاف الخارجي القديم = عرض الرئيسية + عرض الشريط الجانبي الموجود

عرض الغلاف الخارجي الجديد = عرض الغلاف الخارجي القديم + عرض الشريط الجانبي الجديد

#outer-wrapper {
width: 660px; <------ غير القيمة إلى 880
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

3. نزيد من عرض رأس الصفحة (header-wrapper width)

لتحقيق التوازي و التناسق و الجمالية، وَجَبَ علينا زيادة عرض رأس الصفحة ليصبح هو كذلك 880px.

#header-wrapper {
width:660px; <------ غير القيمة إلى 880
margin:0 auto 10px;
border:1px solid $bordercolor;
}

4. نزيد من عرض تذييل الصفحة (footer-wrapper width)

لتحقيق التوازي و التناسق و الجمالية مرة أخرى :) وَجَبَ علينا زيادة عرض تذييل الصفحة ليصبح هو كذلك 880px.

#footer {
width:660px; <------ غير القيمة إلى 880
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;

}

انتهينا من التغييرات الخاصة بـ CSS، و بالتالي سننتقل إلى التغييرات الخاصة بـ HTML

التغييرات على HTML :

ابحث عن كود مشابه لما يلي : (للعلم هذا هو كود الشريط الجانبي الموجود)

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Labels'
type='Label'/>
</b:section>
</div>

بعد أن تجده قم بما يلي :

1. انسخ الكود و الصقه مباشرة بعده

2. قم بإعادة تسمية الـ id الخاص بـ div و الخاص بـ b section. يجب أن يكون الـ id الخاص بـ div مثله مثل الـ id في CSS أي :

#sidebar1-wrapper

3. احذف الأدوات (widgets) في كود الشريط الجانبي الجديد.

يجب أن تبدو النتيجة النهائية كالتالي :

تغيير موقع السايدبار :

لتغيير موقع الشريط الجانبي، اتبع التعليمات حسب الشكل الذي تريده. تم تلوين العناصر بألوان مختلفة ليتم التعرف على مواقعها بسهولة. هناك 3 عناصر مهمة (هي التي سنغير أماكنها فيما بينها) و هي الرئيسية (main) باللون الأخضر، السايدبار القديم (sidebar) باللون الوردي و السايدبار الجديد (sidebar1) باللون الأحمر.

الحالة 1 : السايدبار القديم و السايدبار الجديد على الجهة اليمنى

هذا ما سوف تحصل عليه إذا اتبعت كل المراحل أعلاه.

الحالة 2 : السايدبار القديم و السايدبار الجديد على الجهة اليسرى

في التغييرات التي أجريناها على CSS، غيِّر الـ float الخاص بـ main-wrapper من startSide$ إلى endSide$ و غيِّر الـ float الخاص بـ sidebar-wrapper من endSide$ إلى startSide$

الحالة 3 : السايدبار القديم على الجهة اليمنى و السايدبار الجديد على الجهة اليسرى

1. في التغييرات التي أجريناها على CSS، غيِّر الـ float الخاص بـ sidebar1-wrapper من endSide$ إلى startSide$

2. و في التغييرات التي أجريناها على HTML، غيِّر موضع كود السايدبار الجديد من موضعه السابق (و هو بَعْدَ div الخاصة بالـ main) إلى الموضع الجديد (و هو قبل div الخاصة بالـ main)، هكذا :

<div id='sidebar1-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

تطبيق الدرس على القوالب الأخرى :

- أُجريت التغييرات أعلاه على قالب Minima. أما بالنسبة للقوالب الأخرى، فإن أسماء العناصر قد تكون مختلفة بعض الشيء.

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

- بالنسبة للـ float ، هناك بعض القوالب لا تستخدم المُتَغيِّرين startSide$ و endSide$. في هذه الحالة عليك فقط بتغيير startSide$ بـ left و endSide$ بـ right.

انتهى الدرس، و لم يتبقى إلا أن أتمنى لكم حظا سعيدا في إضافة السايدبار...

... تحياتي :)

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

noreply@blogger.com (أبو عبد الله‬‎) — Sun, 27 Jul 2014 16:09:00 +0000

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

شرح لمبدأ عمل خاصية الأصدقاء الموثوقين

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

طريقة تفعيل خاصية الأصدقاء الموثوقين

1. قم بالدخول إلى "إعدادات الحساب" (Settings)

2. ثم اختر "الأمان" (Security)

3. من ضمن إعدادات الأمان ستجد واحدة تحت إسم "جهات الاتصال الموثوق بها" (Trusted Contacts)، اضغط على زر "التعديل" (Edit) بجانبها

4. اضغط على "اختر جهات الاتصال الموثوق بها" (Choose Trusted Contacts)

5. اضغط مرة أخرى على "اختر جهات الاتصال الموثوق بها" (Choose Trusted Contacts) لإضافة أصدقائك الموثوقين

6. تستطيع الآن كتابة أسماء 3 إلى 5 أصدقاء تثق بهم جدا و تستطيع الوصول إليهم في أي وقت، ثم اضغط على تأكيد.

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

تركيب شريط إخباري متحرك بشكل احترافي لعرض أحدث المواضيع على مدونات بلوجر

noreply@blogger.com (أبو عبد الله‬‎) — Wed, 23 Jul 2014 16:34:00 +0000

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

طريقة تركيب هذه الإضافة :

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.

2- ثم أنقر على "تحرير Html".

3- بعد ذلك اضغط على Ctrl + F للبحث عن السطر أسفله :

</head>

4- ثم انسخ فوقه مباشرة الكود التالي :

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#beakingnews{width:100%;margin:0 auto;line-height:37px;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#555;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
#recentpostbreaking li a:hover{color:#666;}
</style>
</b:if></b:if>

** استبدل كود الألوان التالية بمايتناسب مع مدونتك :
* #555 : كود اللون الخاص بخلفية "أحدث المواضيع".
* #333 : كود اللون الخاص بـالعناوين.
* #666 : كود اللون الخاص بـالعناوين أثناء المرور بالفأرة عليها.

5- قم بالضغط مرة أخرى على Ctrl + F للبحث عن السطر أسفله :

6- ثم انسخ فوقه مباشرة الكود التالي :

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'> <div id='beakingnews'><span class='tulisbreaking'>أحدث المواضيع <b>>></b></span>
    <div id='recentpostbreaking'>تحميل ...</div>
</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://afkarpro.blogspot.com/', // غير هذا الرابط برابط مدونتك
numpostx     = 15; // عدد المواضيع التي تريدها أن تظهر على الشريط
$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',    type: 'get',    dataType: "jsonp", success: function(data) {        var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href; break; }              }
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);
// Recent Post Breaking for Blogger By afkarpro.blogspot.com
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 8000); } else {
$('#recentpostbreaking').html('<span>لا يوجد أي موضوع !</span>');
        } }, error: function() {
$('#recentpostbreaking').html('<strong>هناك مشكل في تحميل المواضيع !!</strong>');
       } }); }); // Recent Post Breaking for Blogger By afkarpro.blogspot.com
//]]>
</script>

</b:if></b:if>

* استبدل الرابط باللون الأحمر برابط مدونتك.
* استبدل قيمة numpostx من 15 إلى عدد المواضيع التي تريدها أن تظهر في الشريط.

* عدل على القيمة 8000 بعدد الثواني التي تريد أن يستغرقها كل عنون في الظهور (هنا 8000 تعني 8 ثواني).

7- و قم بحفظ القالب.

و دمتم في رعاية الله وحفظه

كيفية عمل "تاج" "tag" لجميع أصدقائك في منشور على الفيسبوك دفعة واحدة

noreply@blogger.com (أبو عبد الله‬‎) — Wed, 23 Jul 2014 02:14:00 +0000

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

الطريقة بسيطة جدا، تحتاج للقليل من التركيز و الكل سيتقنها بإذن الله، تابعوا معي :

1. افتح حسابك على الفيسبوك من متصفح جوجل كروم

2. ثم قم بنشر منشور عادي

3. بعد ذلك، افتح المنشور في صفحة مستقلة لوحده (و ذلك بالضغط على توقيت المنشور)

4. ثم اضغط على الزر F12 من لوحة المفاتيح، و ستنبثق نافذة في أسفل المتصفح مليئة بالأكواد

5. اضغط على التبويب Console

6. انسخ الكود أسفله و ألصقه في المستطيل الفارغ، ثم اضغط على الزر Enter

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

7. أخيرا و لترى النتيجة، أعد تحميل الصفحة (بالضغط على الزر F5)

إضافة صفحة الفهرس الخاص بمدونات البلوجر بتصميمين مختلفين و احترافيين

noreply@blogger.com (أبو عبد الله‬‎) — Tue, 22 Jul 2014 17:50:00 +0000

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

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

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، و اضغط على الصفحات ثم على زر صفحة جديدة. (كما هو موضح في الصورة التالية)

2- ثم قم بجعل محرر الرسائل في وضع HTML. (كما هو موضح في الصورة التالية)

3- أدخل عنوان صفحة الفهرس و ألصق أحد الكودين أسفله - حسب رغبتك - داخل المحرر ثم اضعط على نشر : (كما هو موضح في الصورة التالية)

كود الشكل الأول :

<div dir="rtl" style="text-align: right;" trbidi="on">
<br /></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="https://afkarpro-dev.googlecode.com/svn/trunk/Index Style For Blogger-1.css" rel="stylesheet"></link>
<br />
<div class="table-of-content" id="table-of-content" dir="rtl" style="text-align: right;">
<span class="loading">يحمل...</span></div>
<div class="credit-link">
<script>
var toc_config = {
    url: 'http://afkarpro.blogspot.com', // هنا تضع رابط مدونتك بدل رابط مدونتي

    containerId: 'table-of-content',
    showNew: 10,
    newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">جديد</strong>',
    sortAlphabetically: {
        thePanel: true,
        theList: true
    },
    maxResults: 9999,
    activePanel: 1,
    slideSpeed: {
        down: 400,
        up: 400
    },
    slideEasing: {
        down: null,
        up: null
    },
    slideCallback: {
        down: function() {},
        up: function() {}
    },
    clickCallback: function() {},
    jsonCallback: '_toc',
    delayLoading: 0
};
</script>
<script src="https://afkarpro-dev.googlecode.com/svn/trunk/Index Style For Blogger-1.js"></script></div>

كود الشكل الثاني :

* الرابط الملون بالأحمر :: استبدله برابط مدونتك.

إظهار الفهرس على قائمة الصفحات الخاصة بالبلوجر :

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على تخطيط و على تعديل أداة الصفحات (Pages). (كما هو موضح في الصورة التالية)

2- ثم قم بالتعليم على خانة الفهرس و اضغط على حفظ الأداة. (كما هو موضح في الصورة التالية)

و دمتم في رعاية الله وحفظه

3 خاصيات لحظر صديقك المزعج على الفيسبوك دون حذفه !!

noreply@blogger.com (أبو عبد الله‬‎) — Fri, 18 Jul 2014 18:02:00 +0000

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

تفكر في حذفه من قائمة أصدقائك، لكن قد يُحرجك الأمر لكونه أحد أقاربك أو ما شابه.. إن كنت ممن يعاني من هذه المشكلة ما عليك إلا أن تتابع معنا بقية الموضوع :

الخاصية الأولى : إخفاء جميع منشوراته من صفحتك الرئيسية

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

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

الخاصية الثانية : أضفه إلى قائمة المعارف

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

للقيام بذلك، إضغط على زر الأصدقاء Friends ثم المعارف Acquaintances

الخاصية الثالثة : أضفه إلى قائمة المقيدون

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

للقيام بذلك، إضغط على زر الأصدقاء Friends، الإضافة إلى قائمة أخرى...Add to another list ثم المقيدون Restricted

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

أسهل طريقة لمعرفة طلبات الصداقة المعلقة التي أرسلتها في الفيسبوك

noreply@blogger.com (أبو عبد الله‬‎) — Thu, 17 Jul 2014 19:39:00 +0000

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

أعتقد أن الكل يعلم أن الغرض من معرفة طلبات الصداقة المعلقة هو إلغائها تجنبا لأي عقوبة يفرضها عليك الفيسبوك.

بدون إطالة نبدأ في الشرح :

1. اضغط على ما هو مشار إليه في الصورة بالترتيب (أولا : على زر الطلبات، ثانيا : إضغط على "عرض الكل" "See All" ثم ثالثا "عرض الطلبات المرسلة" "View Sent Requests"

يمكنك اختزال المرحلة (1.) بالضغط على الرابط التالي : طلبات الصداقة المعلقة في الفيسبوك

2. هنا سوف ترى كل الطلبات التي أرسلتها و لم يتم الرد عليها. ما عليك إلا إلغاؤها الواحد تلو الآخر

3. هكذا، بالضغط عليها ثم على "إلغاء الطلب" " Cancel Request"

كيفية التعرف على اسم الخط المستخدم على موقع معين

noreply@blogger.com (أبو عبد الله‬‎) — Wed, 16 Jul 2014 14:29:00 +0000

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

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

كيفية تنصيب التطبيق على جوجل كروم :

1. ادخل على موقع "متجر كروم لتطبيقات الويب Chrome Web Store" و ابحث عن WhatFont

2. لا تنسى أن تُعَلِّمَ على خانة Extension

3. اضغط على free أو gratuit

4. ستفتح نافذة صغيرة، اضغط على Add

كيفية العمل بالتطبيق :

1. انتقل إلى موقع ما و اضغط على هذا الزر "WhatFont"

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

كيفية حماية ملفات الوورد بكلمة سر على برنامج Microsoft Word 2003, 2007, 2010 & 2013

noreply@blogger.com (أبو عبد الله‬‎) — Tue, 15 Jul 2014 14:27:00 +0000

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

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

أولا : المايكروسوفت وورد 2003

1. انقر في قائمة الأدوات Tools و اختر Option ستفتح لك نافذة، اختر التبويب Security

2. ثم قم بإدخال كلمة السر في الخانتين Password to open و Password to modify واضغط على OK لحفظ كلمة السر، و للعلم لن يكون في استطاعتك أن تستعيد كلمة السر في حالة نسيانها و لذلك يرجى حفظها جيدا، سوف يطلب منك البرنامج أن تقوم بإعادة كتابة كلمة السر مرة أخرى بعد الضغط على OK للتأكيد.

3. و إذا أردت أن تحذف كلمة السر، ما عليك إلا اتباع الخطوات السابقة و عندما تصل إلى التبويب Security احذف كلمة السر المكتوبة و اضغط على OK

ثانيا : المايكروسوفت وورد 2007

1. اضغط على زر المايكروسوفت أوفيس، و سوف تفتح لك القائمة التالية

2. قف بالماوس على Prepare و سوف تظهر لك قائمة أخرى

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

4. و إذا أردت أن تحذف كلمة السر، قم بعمل كل الخطوات السابقة وعندما تفتح النافذة التي تطلب منك كتابة كلمة السر قم بمسح كلمة السر المكتوبة و اضغط OK و بذلك تكون قد حذفت كلمة السر من الوثيقة.

ثالثا : المايكروسوفت وورد 2010/2013

1. اضغط على File ثم Info

2. ثم اضغط على Protect Document أي حماية الوثيقة ثم اختر Encrypt with Password أي تشفير بكلمة مرور

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

4. و إذا أردت أن تحذف كلمة السر، قم بعمل كل الخطوات السابقة (File ثم Info ثم Protect Document ثم Encrypt with Password ) وعندما تفتح النافذة التي تطلب منك كتابة كلمة السر قم بمسح كلمة السر المكتوبة و اضغط OK و بذلك تكون قد حذفت كلمة السر من الوثيقة.

كيفية إضافة زر "إرسال" أو "send" الخاصة بالفيسبوك إلى مدونة بلوجر

noreply@blogger.com (أبو عبد الله‬‎) — Mon, 14 Jul 2014 18:39:00 +0000

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

1. إرسال مشاركاتك إلى الأصدقاء من خلال رسائل الفيسبوك.

2. المشاركة في مجموعات الفيسبوك.

3. إرسالها بالبريد الإلكتروني.

كيفية تركيب الزر على مدونتك :

1. قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.

2. ثم أنقر على "تحرير HTML".

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

3. بعد ذلك اضغط على Ctrl+F للبحث عن السطر أسفله :

<data:post.body/>

4. ثم انسخ الكود التالي مباشرة أسفله (لإدراج الزر أسفل التدوينة) :

<b:if cond="data:post.isFirstPost">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</b:if>


<div style='float:left;padding:5px 5px 5px 0;'>
<fb:send expr:href='data:post.url' font='' colorscheme='light'></fb:send>
</div>

5. ثم قم بالمعاينة، و إن أعجبتك النتيجة قم بحفظ القالب.

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

noreply@blogger.com (أبو عبد الله‬‎) — Mon, 14 Jul 2014 15:07:00 +0000

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

كما أشرنا سابقا سنقوم بتنفيذ هذا الدرس بطريقتين مختلفتين.

الطريقة الأولى : فتح جميع الروابط بدون استثناء في نافذة / علامة تبويب جديدة

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.

2- ثم أنقر على "تحرير Html".

3- بعد ذلك اضغط على Ctrl + F للبحث عن السطر أسفله :

<head>

4- ثم انسخ الكود التالي مباشرة أسفله:

<base target="_blank" />

5- و قم بحفظ القالب.

الطريقة الثانية : فتح الروابط الخارجية فقط في نافذة / علامة تبويب جديدة

1- اضغط على Ctrl + F للبحث عن الكود التالي :

<head>

2- ثم انسخ الكود التالي مباشرة أسفله:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function () {
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").attr("target","_blank").attr("title","Opens new window").addClass("external");
});
</script>

* السطر الملون بالأحمر أضفه فقط في حالة إن لم تكن تتوفر عليه داخل كود HTML الخاص بمدونتك، وتجاهله إن كان غير ذلك.
3- و قم بحفظ القالب.

و دمتم في رعاية الله وحفظه

تهيئة عنوان مدونة البلوجر وعناوين المواضيع لتحسين نتائج البحث و تقوية السيو الخاص بمدونتك

noreply@blogger.com (أبو عبد الله‬‎) — Sun, 13 Jul 2014 16:08:00 +0000

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

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

إذن إليك الحل في هذ الدرس فتابع معنا ;)

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

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

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

- يفضل أن لا يتعدى عدد حروف عنوان الموضوع الـ70 حرفاً، لأن منصة البلوجر تقوم بعرض عناوين مواضيعك على هذا الشكل "عنوان المدونة | الكلمة الدلالية الرئيسية - الكلمة الدلالية الثانوية"، وهو ما سوف يضعفه في نتائج البحث الخاص بمحرك البحث جوجل وباقي المحركات الأخرى،

لذلك سنقوم في الخطوة القادمة بالتعديل على هذا الشكل و نحوله إلى الشكل التالي "الكلمة الدلالية الرئيسية - الكلمة الدلالية الثانوية | عنوان المدونة"

الخطوة الثانية : التعديل على شكل ظهور عنوان مدونة البلوجر وعناوين المواضيع على محركات البحث

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.

2- ثم أنقر على "تحرير Html".

3- بعد ذلك اضغط على Ctrl + F للبحث عن السطر أسفله :

4- ثم استبدله بالكود التالي :

<title>
<b:if cond='data:blog.pageType == "index"'>
    <data:blog.pageTitle/>
<b:else/>
    <b:if cond='data:blog.pageType != "error_page"'>
      <data:blog.pageName/>
    <b:else/>
      Page Not Found | <data:blog.title/>
    </b:if>
</b:if>
</title>

5- و قم بحفظ القالب.

الخطوة الثالثة : تقوية عناوين المواضيع باستخدام تاجات H1 و H2

1- اضغط على Ctrl + F للبحث عن الكود التالي : (المخصص لعناوين المواضيع)

2- ثم استبدل h3 بــ h1

3- و اضغط مرة أخرى على Ctrl + F للبحث عن الكود التالي : (المخصص لعنوان المدونة)

<b:include name='title'/>
</h1>

4- ثم استبدل h1 بــ h2

5- و قم بحفظ القالب.

و دمتم في رعاية الله وحفظه

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

noreply@blogger.com (أبو عبد الله‬‎) — Sat, 12 Jul 2014 12:21:00 +0000

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

إن كنت لأول مرة تسمع عن وسم ALT : فهو عبارة عن سطر نقوم بإضافته بعد عنوان الصورة داخل كود html، لوضع اسم للصورة.

فوائد استخدام كود إضافة وسم ALT تلقائياً :

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

- كسب صداقة محركات البحث السيو - "SEO" وتحسين نتائج موقعك.
- الرفع و الزيادة من عدد الزوار خصوصا من القادمين عبر البحث عن الصور.
- احتلال مراتب عالية في السيو - "SEO".
- أرشفة و فهرسة الصور بشكل تلقائي.

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

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

1- قم بتسجيل الدخول إلى لوحة تحكم مدونتك و اضغط على قالب من القائمة الجانبية.

2- ثم أنقر على "تحرير Html".

3- بعد ذلك اضغط على Ctrl + F للبحث عن السطر أسفله :

</body>

4- ثم انسخ فوقه مباشرة الكود التالي :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

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

5- و قم بحفظ القالب.

و دمتم في رعاية الله وحفظه

كيفية استعمال و إضافة ملصقات جديدة في الدردشة على الفيسبوك - Facebook stickers

noreply@blogger.com (أبو عبد الله‬‎) — Thu, 10 Jul 2014 15:26:00 +0000

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

إضافة ملصقات جديدة :

1. افتح نافذة الدردشة

2. تاليا، انقر على زر الوجه المبتسم

3. ستفتح لك نافذة صغيرة تحتوي على الملصقات الأساسية

4. في الجزء العلوي من هذه النافذة يوجد شريط يحتوي على خيارات مختلفة لملصقات أخرى.

5. للحصول على ملصقات إضافية، انقر على أيقونة السلة. لتفتح مخزن الملصقات

6. اختر نوع الملصق الذي ترغب في تحميله و انقر على زر "معاينة" "preview" "Aperçu" لعرض الملصقات المتاحة

7. انقر على زر "مجانا" "free" "gratuit" لتحميل الملصقات، ثم اغلق النافدة

حذف الملصقات المضافة :

1. ألم يعجبك الملصق الذي حملته ؟ انقر على أيقونة السلة.

2. ابحث عن الملصق المراد حذفه و انقر على "حذف" "remove" "supprimer"

*! أتمنى أن أكون قد وفقت في الشرح ؛)

دمتم في رعاية الله و حفظه

حصريا تحميل قالب مدونة kawaleeb لعرض القوالب بشكل احترافي

noreply@blogger.com (أبو عبد الله‬‎) — Mon, 07 Jul 2014 12:25:00 +0000

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

مميزات قالب مدونة kawaleeb :

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

لاستخدام زر المعاينة و زر التحميل كما هو موضح في الصورة أسفله :

قم بوضع الكود التالي بالمكان الذي يناسبك داخل كل موضوع :

كيفية إضافة خلفيات مختلفة (لون أو صورة) لكل موضوع/مشاركة في المدونة على حدى

noreply@blogger.com (أبو عبد الله‬‎) — Sun, 06 Jul 2014 15:43:00 +0000

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

و يمكنك أيضا جعل لكل موضوع خلفية مختلفة حسب التصنيف أو ...

كيفية تغير لون خلفية موضوع ما :

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

<div style="background-color: #79E4FC; padding: 5px 8px 5px 8px;">
هنا المشاركة التي كتبتها
</div>

أضف العبارة الحمراء في بداية المشاركة
أضف العبارة الزرقاء في نهاية المشاركة
غيِّر هذا الكود 79E4FC# إلى كود اللون الذي تريد إظهاره كخلفية للموضوع (مولد أكواد الألوان)

كيفية إضافة خلفية لموضوع ما على شكل صورة :

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

<div style="background-image: url(هنا رابط الصورة المراد إظهارها كخلفية); background-repeat: no-repeat; ">
هنا المشاركة التي كتبتها
</div>

أضف العبارة الحمراء في بداية المشاركة
أضف العبارة الزرقاء في نهاية المشاركة

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

*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ؛)
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
و دمتم في رعاية الله وحفضه