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

طريقة تسريع المدونة كتبها: المدون التقني - الخبير عامر بشير

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


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

سيو


حسناً الإضافة التى سنقدمها اليوم هى كود يضاف داخل المدونة يقوم بتأخير عرض الصور حتى يتم عرض النص أولاً مما يقلل عملية طلبات الـ HTTP Requests مما يؤدى إلى تحسن واضح فى سرعة التصفح الخاص بالمدونة .

مثال حى لموقع الخبير عامر بشير بعد إضافة الكود 

seo



خطوات إضافة الكود

إفتح قالب ---> تحرير html ---> إكتب Ctrl+F ---> ابحث عن
قم بإضافة الكود التالى أعلى كلمة مباشرة 


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

تقبلوا تحياتى +Ahmed Ezat 

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

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

كيفية إضافة صورتك بجانب نتائج موقعك فى محركات البحث


كيفية إضافة صورتك بجانب نتائج موقعك فى محركات البحث


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

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

أولاً : قم بفتح ( القالب ) ثم ( تحرير HTML )
ثم قم بالبحث عن

 
قم بإستبدال الرابط باللون الأحمر برابط حسابك على جوجل بلس كما فى الصورة التالية
 
كيفية إضافة صورتك بجانب مدونتك فى محركات البحث
 
ثانياً : قم بالدخول إلى حسابك على جوجل بلس وقم بالدخول على About
ثم Links ثم قم بتعديل Contributor to وأضف إسم ورابط موقعك
 
كيفية إضافة صورتك بجانب مدونتك فى محركات البحث
 
 بعد الضغط على Add custom link واضافة موقعك يمكنك الذهاب للتحقق
من النتيجة المرجوة من خلال أداة Rich Snippets  تحياتى لكم / +Ahmed Ezat 

إضافة أزرار الشير الرائعة كتبها: المدون التقني - الخبير عامر بشير

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

إضافة أزرار الشير الرائعة


إضافة أزرار الشير الرائعة

أزرار مشاركة المواضيع المميزة


إضافة مميزة لمدونتك , ويدجت أزرار الشير الرائعة تعمل بإضافة CSS

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

ما الذى يميز هذه الإضافة ؟
1 - سهلة التركيب
2 - أزرار الشير فى شكل دوائر 
3 - إضافة CSS تجعلها أكثر إحترافية
4 - تحتوى على أشهر المواقع الإجتماعية
5 - مصممة بإتقان ولا تبطئ من تحميل الصفحة

الأن هل ترغب فى تركيب هذه الإضافة على موقعك ؟ , حسناً فقط إتبع الخطوات
1 - إدخل على القالب الخاص بك
2 - إضغط على تحرير HTML
3 - إكتب CTRL+F وإبحث عن ]]>
4 - بعد أن تجد ]]> قم بإضافة الكود التالى فوقها مباشرة

/*----Start Social Sharing CSS----*/ 
.fade img {
filter:Charlieundefinedopacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.fade:hover img {
filter:Charlieundefinedopacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
/*----end SocialSharing CSS----*/

5 - الأن إبحث عن بإستخدام CTRL+F
6 - عندما تجد قم بوضع الكود التالى أسفلها مباشرة


إذا أعجبك هذا الموضوع رجاء خذ من وقتك

Technorati

Digg This

Facebook

Twitter

Stumble

Stumble


 7 - الأن إبحث عن وقم بإضافة الكود التالى فوقه


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

غير شكل الماوس على مدونتك بأشكال مميزة كتبها: المدون التقني - الخبير عامر بشير

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

غير شكل الماوس على مدونتك بأشكال مميزة

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

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

الخطوة الأولى : إدخل على قال
الخطة الثانية : إدخل على تحرير HTML
الخطوة الثالثة : إضغط CTRL + F وقم بالبحث عن
ثم أضف قبلها مباشرة هذا الكود ( إختر الشكل الذى تريده )
قم بعمل كوبى للكود المظلل للشكل الذى تريده وضعه فى المكان الذى حددناه



<link href="http://24work.webs.com/24work-blogspot/mouse-cursor/css-code/cursors-animated-cursors-1.css" rel="stylesheet" type="text/css" />سيو




http://ab-expert.blogspot.com/" target="_blank" title="سيو">سيو



http://ab-expert.blogspot.com/" target="_blank" title="سيو">سيو



سيو



سيو

أتمنى أن ينال الموضوع إعجابكم , إلى اللقاء فى إضافات لموقعك إخرى

Blogger Tricks