أزيد من 50 أداة Seo لتحسين موقعك

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


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

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

أهم هذه الأدوات بالموقع :

• Backlink maker : تفيد هذه الأداة في إضافة رابط موقعك في مواقع ذات بيج رانك عالي (pr 6-7-8) في مايزيد عن ال 50 موقع, وبالتالي تكسب ثقة محركات البحث.
• XML Sitemap Generator : صناعة خريطة موقع بكل بساطة وسهولة وبضغطة زر.
• Backlink-checker : فحص الروابط الخلفية التي يحتويها موقعك.
• AVG Antivirus Checker : فحص أمني للموقع، والتأكد بعدم إمكانية اختراقه.
• Broken-links-finder : معرفة الروابط المعطوبة بالموقع.
• Plagiarism-checker : معرفة المقال إذا كان منسوخ أم لا. ويعد هذا الشيء من الأول المهمة وخصوصاً بعد سياسة جوجل الصارمة حول نسخ المقالات وإضافتها.
• Domain age Checker : لمعرفة عُمر الدومين ومتى تم إنشائه وكذلك تاريخ الانتهاء بدون الحاجة للولوج لحسابك.
• Robots.txt Generator : توليد ملف Robots.txt جاهز الذي يعمل على توجيه عناكب البحث إلى المجلدات التي يسمح لها الدخول اليها ويمنعها عن المجلدات الممنوعة.

وهناك العديد من الأدوات الأخرى الرائعة في مكان واحد نذكر منها : أداة التحقق من ترتيب الموقع في ألكسا، أداة معرفة الـIP، أداة ماذا يوجد في متصفحك (What is my Browser)، التحقق من البيج رانك، أداة التحقق من الروابط... كما ذكرنا سابقا الموقع يحتوي على أكثر من 50 أداة مجانية وله واجهة سهلة الإستخدام بصور تعريفية لكل أداة، وللتعرف أكثر على الأدوات وكيفية العمل ادعوكم لزيارة الموقع.

رابط الموقع : www.maxfow.com

إقرأ المزيد

إحصل على 50 أورو مجانا مع العملة الالكترونية الجديدة DigiEuro وطريقة مضاعفة الارباح

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

قبل فترة قصيرة تم اطلاق عملة الكترونية جديدة تدعى (digieuro)

 وتهدف هذه العملة الى منافسة عملة البيتكوين 

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

لكن ديجي اورو تعطيك فرصة الربح من الريفايل وجمع مبلغ كبير من العملة لبناء 

رأس مال خاص بك 

مميزات العملة+كم يساوي الـ1 digieuro؟

 في هذا الموضوع ساخبركم كيف تحصلون على 50 ديجيورو واكثر وكيف تحولها

سأعطيكم كل شيء بالتفصيل

رايت ان الموقع يذكر ان 1 ديجيورو هو 1 اورو

 لكن السعر الان منخفض وهو يرتفع احيانا و ينخفض احيانا

هذا هو الموقع  للتسجيل  هنــــــــــا
اول خطوة هي تحميل الوالات wallet 

لا يوجد تسجيل بالموقع بل فقط download لتحميل محفظة العملة وهي ستكون حسابك الخاص لذلك لا تحذفها من جهازك والا ضاعت اموالك،اختر حسب نظامك (اوبونتو،ويندوز،ماك،اندرويد...) وننتظر بين الـ15-30 دقيقة ليتم مزامنة حسابك مع السيرفر (حتى ينتهي الشريط الاخضر بالبرنامج من التحميل)digieuro

وانتظار وصول 50 ديجيورو انا اخذت 1ساعة حتى وصلت شاهد الصورة

ثم

وهكذا ستحصل على 50 ديجيورو

 واذا كنت تملك هاتف اندرويد ايضا حمل الوالات wallet

 وستحصل على 50 ديجيورو اخرى 

اما عن تحويل العملة فيمكنك تحويلها هنا:

 https://c-cex.com/?p=deur-btc

للحصول على رابط الإحالة الخاص بك،ادخل البرنامج واتبع الارشادات

بعد نسخ رابط محفظتك،ادخل الى هنــا

ذلك ستعطيك الشركة رابط لتوزعه على أصدقائك،

كل شخص يسجل عبرك ستحصل على هدية 48 اورو 

لا تنسى جلب اشخاص يسجلون تحتك فالعملة ثمينة

وستربح منها ربحا وفيرا ان شاء الله بدون عمل اي شيء 

طريقة مضاعفة الأرباح 

مسح كوكيز المتصفح وتغير الأيبي لدولة أخرى
وعمل  عنوان محفظة أخر من المحفظة التي نصبتها في حاسوبك

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

أتمنى التوفيق للجميـــــــــع

إقرأ المزيد

خطوط جوجل العربية الرائعة للمواقع

“الهندسة يمكنها أن تصنع حرف مقروء، لكن الفن وحده يستطيع جعل الحروف جميلة، فالفن يبدأ حيث انتهت الهندسة، و يضفي على الحروف شخصية تتخطى مجرد كونها أشكالا هندسية” – بول ستاندرد –

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

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

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

تعريف خطوط جوجل :
باختصار هي مجموعة من الخطوط المستضافة على سيرفرات Google، متاحة للاستخدام المباشر داخل ملفات Css عن طريق @import، تتميز بالثبات العالي والسرعة في التحميل، بالإضافة لتنوع الخطوط المدعومة والتي تصل لأكثر من 600 خط، ومن بينها خطوط تدعم اللغة العربي.

المميزات :

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

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

Noto Sans Kufi Arabic

خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);

font-family: 'Noto Sans Kufi Arabic', sans-serif;

الخط الأميري

خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);

font-family: 'Amiri', serif;

Droid Arabic Naskh

خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css)

font-family: 'Droid Arabic Naskh' , serif;

خط ثابت

خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);

font-family: 'Thabit', serif;

خط شهرزاد

خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

@import url(http://fonts.googleapis.com/earlyaccess/scheherazade.css);

font-family: 'Scheherazade', serif;

Noto Naskh Arabic UI

خلافًا للإعتقاد السائد فإن لوريم إيبسوم ليس نصًا عشوائيًا، بل إنّ له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد، مما يجعله أكثر من 2000 عام في القدم.

@import url(http://fonts.googleapis.com/earlyaccess/notonaskharabicui.css);

font-family: 'Noto Naskh Arabic UI', serif;

شرح طريقة التركيب
1. توجه لقالب >> تحرير
2.ابحث بإستعمال CTRL+F عن  ]]></b:skin> ثم ضع كود الخط الذي تريد فوقه فقط المحدد بالأحمر
3. طريقة الاستخدام في داخل التصميم تكون عن طريق اضافة كود اسم الخط مثال : font-family: 'Amiri', serif; في القسم المراد تطبيق عليه الخط
هنا ننتهي مع الخطوط العربية التي تدعم التضمين في صفحات الويب، للمزيد من الخطوط سواء عربية أو أجنبية ندعوكم بزيارة خطوط جوجل

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

إقرأ المزيد

تعرف على 7 اشارات تكتشف بها ما فى نفوس الإخرين

يشير خبراء التواصل بين الافراد و الادراك إنه يمكن لكل انسان منا أن يكتشف تحديداً مافي نفوس الأخرين فقط من خلال 7 اشارات و هي :


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

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

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

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

 5 – (الأكتاف) : عندما يهز الشخص كتفه فيعني انه لا يبالي بما تقول.

 6 – (الأصابع) : نقر الشخص بأصابعه على ذراع المقعد أو على المكتب يشير إلى العصبية أو عدم الصبر.

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

إقرأ المزيد

عشرة أماكن لا يسمح لك بزيارتها !!!!

فيما يلي أكثر عشرة أماكن لا يسمح لأي شخص بزيارتها:

RAF Menwith Hill: وهو أكبر موقع للمراقبة الكهربائية. ويقع هذا المكان في المملكة المتحدة، كما أن الموقع هذا قادر على تتبع وتعقب أي نوع من الهجوم الصاروخي حول العالم.

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

Bohemian Grove في ولاية كاليفورنيا الأمريكية: وهو مكان سري في الغابات المحمية ومخصص لأكثر الأشخاص نفوذاً في العالم.

Vatican Secret Archive في مدينة الفاتيكان: وهذا هو الأرشيف السري لمدينة الفاتيكان. يمكنك طلب نصوص من ذلك الأرشيف ويتم توصيلها إليك لقراءتها، لكن لا يمكنك الدخول إلى غرفة الأرشيف السري والتواجد هناك.

Lascaux Caves في فرنسا: وهو موقع قديم جداً ولا يسمح سوى لعدد قليل من العلماء بالدخول إليه لغايات علمية.

Pine Gap في أستراليا: وهو المكان الوحيد في أستراليا الذي يحظر فيه الطيران.

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

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

Mezghhorye في روسيا: ويعتقد أنه الموقع المخصص للرؤوس النووية الروسية. ويتم توفير الحماية المشددة لهذا الموقع من قبل القوات الروسية طوال الوقت.

Area 51 في ولاية نيفادا الأمريكية: عندما تقول أن هناك اماكن ممنوع الدخول إليها، فلا بد من ذكر هذا الموقع. ويقال أن هذا الموقع هو الذي يضم جثثاً لمخلوقات فضائية وبقايا حطام روزويل كما أنه موقع اختبار لمختلف الطائرات الغريبة.

إقرأ المزيد

معجزة القرآن الكريم : الإسم الذى لم يذكر فى التوراة و الإنجيل

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


قال (بوكاى ) للخبير: لو قلت لك أنى قد وجدت مخطوطة منذ 1400 سنة ..كتب فيها أن هامان كان وزير فرعون ورئيسا للمعماريين والبنائين..ماذا تقول فى ذلك..؟؟


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

حينئذ فتح ( بوكاى) نسخة مترجمة من القرآن وقال له اقرأ .


فهذا هو معجزة محمد ..القرآن الكريم

وقال فرعون ياأيها الملأ ما علمت لكم من إله غيري فأوقد لي ياهامان على الطين فاجعل لي صرحا لعلي أطلع إلى إله موسى وإني لأظنه من الكاذبين (38) واستكبر هو وجنوده في الأرض بغير الحق وظنوا أنهم إلينا لا يرجعون (39) فأخذناه وجنوده فنبذناهم في اليم فانظر كيف كان عاقبة الظالمين (40) وجعلناهم أئمة يدعون إلى النار ويوم القيامة لا ينصرون (41) وأتبعناهم في هذه الدنيا لعنة ويوم القيامة هم من المقبوحين (42) .

صدق الله العلي العظيم

إقرأ المزيد

ربح المال من الأنترنت عبر بيع قوالب بلوجر وووردبريس

ربح المال من الأنترنت أصبح الشغل الشاغل للكثيرين الآن، لذلك اليوم إن شاء الله قررت أن أتطرق معك أخي الكريم إلى طريقة جديدة من طرق الربح من الأنترنت الفعالة والمضمونة بنسبة %100 بإذن الله.
الطريقة التي سوف تعتمد عليها لكي تربح هي عن طريق البيع في قوالب بلوجر والووردبريس، حيث أن هذا المجال أصبح بعض الأشخاص يحققون منه آلاف الدولارات شهريا ولم لا الملايين (أنا أتحدث عن الخبراء) ، ولكن أنت كمبتدئ في المجال، فقد تحقق دخلا يتراوح بين ال50 وال100 دولار إن عملت بشكل يومي ومستمر، وفي المستقبل مع مرور الوقت سوف تحقق آلاف الدولارات أنت أيضا، لأن هذه هي سنة الحياة وسوف تكتسب خبرة أكثر فأكثر مع مرور الوقت وتطوير مهاراتك.
يتطلب منك هذا المجال أن تتقن اللغات الخاصة بتصميم المواقع كالHTML وCSS والJavaScript والAjax والjQuery وغيرها من اللغات الأخرى الحديثة المتطورة التي سوف تساعدك على تكوين صفحة ويب أنيقة ومريحة للزائر.
بعد أن تتعلم لهذه اللغات لم يتبقى لك إلا 10% من العمل، حيث أن تصميم قالب بلوجر يحتاج منك إلى التخطيط، لأن بلوجر تعتمد على أكواد خاصة في قوالبها من أجل تنظيمها، وبالتالي عليك تعلمها هي أيضا حتى يصبح أمر تصميم قوالب بلوجر أمرا هينا عليك.
أما الووردبريس، فهو سهل في التعامل مع القوالب لأنك تعمل على السكربت الخاص به فقط، ولا توجد أكواد إضافية أخرى مثل بلوجر.
إن كنت تبحث عن الغوص والتعلم في مجال تطوير وتصميم المواقع خصوصا، فقد سبق لي وأن طرح الكثير من الدورات على الموقع في القسم الخاص بدورات البرمجة وتصميم المواقع، بإمكانك الاطلاع عليها عبر هذا القسم.
بالنسبة لطريقة بيع قوالب الووردبريس وبلوجر فإننا سوف نعتمد أثناء عملنا على موقع عربي والذي يعتبر مجتمعا يضم مجموعة من نخبة من الباعة المهتمين بمجال تصميم القوالب وبيعها على الأنترنت.
ما أعجبني في الموقع هو تصميمه أولا، فهو بسيط، وسهل في التعامل، كما أنه موقع مؤمن في التعامل ، حيث له مصداقية كبيرة والعديد من مصممي القوالب يتعاملون عن طريقه نظرا لما يوفر لهم من مميزات خاصة لعرض القالب وبيعه للمشتري.
لنفترض الآن أنك تعلمت لكيفية تصميم قوالب بلوجر، تبقت لك الآن لك خطوة واحدة لكي تربح من هذا المجال وهي أن تقوم بالتسجيل في الموقع عبر هذا الرابط، ثم تقوم بتفعيل حسابك عبر الرسالة التي سوف تتوصل بها على بريدك الإلكتروني وها أنت ذا أصبح لديك حساب خاص في الموقع.
ما عليك الآن سوى إضافة قالبك، وتحديد الثمن والوصف الخاص به، وأنصحك بتصميم صورة جذابة لقالبك من أجل جذب المشتري، واهتم بتسريع القالب بالدرجة الأولى وتناسق الألوان والتوافق مع مختلف الأجهزة، هذه الثلاثية سوف تجعل من قالبك قالبا جيدا، لكن بالنسبة لعنصري التميز والإبداع في تصميم القوالب والذي يعتبر الأهم، هو أنه عليك إضافة لمستك الخاصة في التصميم، لا يجب عليك التقليد وإنما الإبداع والإتيان بفكرتك الخاصة لكي تظهر للمشتري وكل من يطلع على القالب أنك مصمم ذو كفاءة عالية ولست مجرد هاو هدفه الربح فقط أو الشهرة!
ولا تنسى أن تطور من مستواك في مجال تصميم القوالب دائما عبر الاطلاع على أعمال المحترفين في المواقع الاجنبية حتى تحصل على جرعة من الإبداع، تساعدك على خلق قالبك بنفسك تحت فكرتك الخاصة!

هل لديك موقع أفضل من الموقع الذي اطلعت عليه الآن؟ شاركني به إذا حتى أطلع عليه ونتبادل المعلومات فيما بيننا!

معاذ غازي - خطوات مطور

إقرأ المزيد

[السيو] إضافة سيو ضرورية لمتصفح جوجل كروم لكل مهتم بمجال السيو!

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

صورة لإضافة SEOQuake الخاصة بمتصفح كروم:

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

لديك إضافة أخرى؟ إذن شاركنا بها عبر تعليقك في الأسفل!

معاذ غازي - خطوات مطور

إقرأ المزيد

أداة أحدث المواضيع ومواضيع عشوائية

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

• معاينة

شرح طريقة التركيب
1. من لوحة التحكم إتجه إلى التخطيط
2. أضف أداة HTML/JAVASCRIPT بالسيدبار وضع بها الكود

أداة أحدث المواضيع

<style scoped='' type='text/css'>
#recent-posts li:last-child { padding: 0; margin: 0; }
#recent-posts{color:#999;font-size:12px}
#recent-posts img{background: #fafafa; float: right; height: 60px; margin-left: 8px; width: 60px; border: 1px solid #E8E8E8; padding: 2px;}
#recent-posts ul{margin:0;padding:0}
#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#recent-posts ul li:last-child{border-bottom:0}
#recent-posts ul li a{display: block; color: #444; font-weight: 700; text-decoration: none; font-size: 13px; margin: 0 0 10px 0; line-height: normal; font-family: 'Droid Arabic Naskh',sans-serif;}
</style>
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='تعليقات';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1l3J0oJJswm5I5Fc-yZUH8K6yvg7okJStezsmVkXxdMtRvt1zhcfy9Kwl20IP_7MIyPxztDIVO-KnYIKJT9-NAXiajKseznv2vOJ6fsDAGHCJVgCOBxa4gmgErVWw-zMbiz6wRGLgQAl9/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

أداة مواضيع عشوائية

<style>
#random-posts li:last-child { border: none; padding: 0; margin: 0; }
#random-posts li { list-style: none;margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1);  }
.rp-ar1web { font-size: 12px; color: #999; }
#random-posts img{ background: #fafafa; float: right; height: 60px; margin-left: 8px; width: 60px; border: 1px solid #E8E8E8; padding: 2px; }
#random-posts a { color: #444; font-weight: 700; text-decoration: none; font-size: 13px; margin: 0 0 10px 0; line-height: normal; font-family: 'Droid Arabic Naskh',sans-serif; }
</style>
    <div class="rp-ar1web">
  <!-- start -->
<div id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
var rdp_info='yes';
var rdp_comment='تعليق';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"http://www.ar1web.com/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1l3J0oJJswm5I5Fc-yZUH8K6yvg7okJStezsmVkXxdMtRvt1zhcfy9Kwl20IP_7MIyPxztDIVO-KnYIKJT9-NAXiajKseznv2vOJ6fsDAGHCJVgCOBxa4gmgErVWw-zMbiz6wRGLgQAl9/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"http://www.ar1web.com/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</div>
  <!-- /end -->
</div>

التغييرات الأساسية
1. إذا أردت زيادة عدد المواضيع فالرقم محدد بالأحمر في كِلا الأداتين
2. غير رابطنا www.ar1web.com برابطك في أداة المواضيع العشوائية وهو متكرر مرتين

إقرأ المزيد

أهم اللغات البرمجية التي عليك تعلمها لسنة 2016

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

1 - لغة الجافا (أهم لغة عليك إتقانها حاليا)

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

لماذا يجب عليك تعلم الجافا؟

 جافا هي واحدة من أهم اللغات التي عليها الطلب حاليا، حيث أن جميع الشركات التي تهتم بالمجال التقني المعلوماتي ضروري من أن تكون جافا في أحد برمجياتها، الجافا في كل مكان الآن، فحتى الشركات الصغيرة تعمل بها من خلال التطبيقات المبرمجة بهذه اللغة. وهذا يعني أنه إذا كان لديك فكرة عن نوع مبتكر من البرامج، أو لك فكرة حول تطبيق أو ما شابه.. فإن جافا هي أفضل لغة بالنسبة لك.
 بلا شك فإن أغلب تطبيقات الأندرويد حاليا هي مكتوبة بلغة الجافا، وبالتالي إن كنت تريد صنع تطبيق أندرويد فعليك بتعلم هاته اللغة، ويمكنك أن ترى بأم عينيك أهم الألعاب التي برمجت بهاته للغة ولاقت نجاحا كبيرا بل خياليا استطاع أصحابها جني ملايين الدولارات من خلال هاته التطبيقات مثل Angry birds, temple run, candy crush..
ومع كبر السوق وازدياد الشركات التقنية يوما بعد يوم، لك أن تتخيل قارئي العزيز مدى حاجة الشركات التكنولوجية للمبرمجين يبرمجون بهذه اللغة ويساعدون الشركة على تطوير خدماتها البرمجية.

2 - لغة الC (أم اللغات البرمجية):

 تم إصدار هذه اللغة سنة 1970، وتعتبر هي أم اللغات البرمجية، حيث أنه من خلالها تفرعت أغلب اللغات البرمجية إن لم نقل كلها، وعن طريقها تمت برمجة أضخم البرامج عالميا، وأنظمة التشغيل، ولا يخفى عليك أنه على أي مبرمج يهتم بتطوير التطبيقات المكتبية بالخصوص، أو تخصصه الحماية أن لا يتفقه في هذه اللغة، صراحة عليه أن يمضي في هذه اللغة 3 سنوات أو سنتين كحد أدنى من أجل الخوض في غمارها بشكل جيد. حيث أنك لو أتقنتها وفهمتها بالشكل المطلوب سوف يسهل عليك تعلم باقي اللغات البرمجية، لأن هاته الأخيرة أصلا هي متفرعة منها، ربما قد أدركت الآن مدى قوة لغة C!

3 - لغة الC++:

لغة ال++C هي مخصصة للبرامج ذات التكنولوجيا العالية، ويتم استخدامها كذلك في محركات الألعاب.
بالنسبة لمشاريع البرمجيات الكبرى مثل المتصفحات، وخوارزميات التداول المالية، C ++ غالبا ما يكون الخيار الأول. هذه اللغة تعتبر لغة برمجية كائنية التوجه.
محركات الألعاب الأكثر شعبية الآن في العالم مثل Call of duty، Hola، والفيفا هي مبرمجة بلغة C ++. أيضا كبريات شركات الAnimation في العالم مثل ديزني وبيكسار تستعمل لغة ++C في برمجياتها، وهذا بسبب متانتها وسرعتها، وتستخدم C ++ أيضا لكتابة خوارزميات التداول التي تسمح لوول ستريت Wall Street بالتجارة في آلاف الأسهم في أجزاء من الثانية.

4 - لغة ال#C:

 لغة صدرت في أوائل عام 2000، تم إنشاؤها خصيصا من أجل برمجة ومعالجة برمجيات ميكروسوفت، وتعتبر هذه اللغة من عائلة الMicrosoft .NET ، يتم استعمال لغة السي شارب في برمجة تطبيقات الويندوز، و أيضا ما يسمى بالServer side web applications وتبقى على العموم محدودة حيث أنها تقتصر على ميكروسوفت فقط وليست كباقي اللغات التي لك كامل الحرية في استعمالها.
 ليس باستطاعتك أن تنكر أن ميكروسوفت في كل مكان الآن، الكثير من السيرفرات هي تعمل بنظام الويندوز وبالتالي من الضروري عليك كمبرمج تعلم هذه اللغة، وإن كان غير ممكن، فعلى الأقل كن ملما بها حيث أنها سوف تفيدك كثيرا في تطوير تطبيقات تعمل على الويندوز، أو تطوير web application يعمل فقط على سيرفرات الويندوز. وبإمكانك أن ترى العديد من الWeb applications على الويب التي تستعملها بشكل شبه يومي أو يوميا، والتي تم استخدام ال#C في برمجياتها على سبيل المثال msn ، بينغ أو غيرها من برمجيات ميكروسوفت على الويب، كما أنه يتم استخدامها في تطوير تطبيقات تعمل على نظام الWindows phone.

5 - لغة البايثون Python:

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

6 - لغة الphp:

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

7 - لغة روبي Ruby:

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

8 - لغة الSQL : 

  إن كنت مهتما بإدارة قاعدة البيانات، يجب عليك تعلم لغة ال SQL. هذه الأخيرة تمكن المبرمج من جعل إدارة قاعدة بياناته أمرا أسهل وأبسط، حيث أن قواعد بيانات مثل MySQL، Oracle، PostgreSQL، يتم استخدامها بأكملها في إبقاء المستشفيات، البنوك، الأعمال، المواقع الحكومية، منظمة.
 فيما يخص العمل، وما هي فرص الشغل التي سوف تفتح لك هذه اللغة إذا تعلمتها فغالبا الشركات تحتاج لمثل أنواع هؤلاء المبرمجين، وعادة الشخص الذي يستخدم SQL يسمى بمدير قواعد البيانات حيث أنه يقوم بDaily bases عن الشركة أو المقر الذي يعمل به ويقوم بتنظيم جميع السجلات رقميا، وهذا يعني أن العديد من فرص العمل المتاحة لمديري قواعد البيانات.

9 - لغة الجافا سكربت JavaScript:

إن كنت تعمل كمطور مواقع فلا شك في أنك تعلم الكثير عن هذه اللغة، وإن كانت هذه أول مرة تسمع عن هذه اللغة، فهذه الأخيرة تستعمل في إضفاء Interaction بين الزائر والموقع وجعل الموقع يتجاوب مع الزائر ولا يبقى مجرد موقع ستاتيكي ثابت غير قابل للتفاعل مع الزائر.
الجافا سكربت تستعمل الآن في أزيد من %88 موقع على الأنترنت، وقد أصبحت الآن من بين أهم اللغات والتقنيات التي عليك استخدامها في موقعك من أجل جعله يساير تطورات الويب. إن كنت مصمم ويب أو Frontend web designer فعليك بتعلم هذه اللغة بل وإتقانها لأنها سوف تأخذ حيزا كبيرا من عملك أثناء تطويرك لمشروع معين والعمل عليه.
ظهرت العديد من إطارات العمل على رأسها إطار Node.js الذي تم إنشاؤه سنة 2009 إلا أنه لم يأخذ الشهرة إلا في الآونة الأخيرة نظرا لكثرة الطلبات حول إنشاء المواقع على الأنترنت، وكثرة مطوري الويب بالإضافة إلى انتشار ثقافة العمل الحر على الأنترنت، هذا الأخير هو الأسرع فيما يخص تشغيل تطبيقات الجافا سكربت على متصفحك والعمل عليها من خلال حاسوبك، كما أنه إطار خاص بتطبيقات الجافا سكربت فقط.
بالنسبة للعمل، فأنت أخي الكريم إن كنت تريد العمل على إنشاء موقع متكامل من الصفر فمن الضروري أن تتقن هذه اللغة حتى تجعل من موقعك موقعا يتفاعل مع الزائر، وتجعل هذا الأخير لا يمل من موقعك بسرعة، وكfront end developer (مطور للواجهات الأمامية المرئية للموقع) ، أو مصمم واجهات web/user interface designer من واجبك تعلم الجافا سكربت وإتقانها.

10 - اللغة العاشرة؟.. شاركنا بها أنت !

إن كنت ترغب في تعلم البرمجة وتبحث عن دورات لتعلمها فقد جمعت لك في هذه التدوينة أخي الكريم أزيد من 20 دورة مجانية في ميادين مختلفة بما فيها البرمجة: الدورات

تحيّاتي!

معاذ غازي - خطوات مطور

إقرأ المزيد

إضافة الاشترك في النشرة البريدية

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

• معاينة

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

<style>
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
#subscribe-box {background-color:#47cf73;}
#subscribe-box p {font-size: 18px; color: #fff; padding: 10px 20px 0 20px; margin: 0; font-family: 'Noto Sans Kufi Arabic', sans-serif!important; text-align: center;    font-weight: bold;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background: #f9f9f9; color: #bbb; padding: 10px; margin-top: 10px; font-size: 13px; width: 100%; border: 0; transition: all 0.4s ease-in-out; font-family: tahoma; border-radius: 2px!important;}
#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}
#subscribe-box .emailfield .submitbutton {background: #4D504F; color: #fff;font-weight: 700; font-size: 16px; font-family: 'Noto Sans Kufi Arabic', sans-serif!important; border: none; outline: none; width: 100%; cursor: pointer; border-radius: 3px!important; transition: all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}
#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} 
</style>
<div id="subscribe-box">
<p class="ar1websub">
اشترك لتصلك حصرياتنا! تطبيقات، ألعاب والمزيد...</p>
<div class="emailfield">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=ar1web/TFDh" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ar1web/TFDh, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}" onfocus="if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}" type="text" value="الاسم الكريم" />
<input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}" onfocus="if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}" type="text" value="البريد الالكتروني" />
<input name="uri" type="hidden" value="ar1web" />
<input name="loc" type="hidden" value="en_US" />
<input class="submitbutton" type="submit" value="اشترك الآن" />
</form>
</div>
</div>

<style>
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
#subscribebox{background:#576269;padding:20px;font-family:&#39;PT Sans&#39;,sans-serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700;font-family: 'Noto Sans Kufi Arabic', sans-serif!important; line-height: 3em;}
.follow-subscribe-social{padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin-left: 20px;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height: 45px; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase; border: none; background-color: #4FC4F6; transition: background-color .2s ease-in-out; font-family: 'Droid Arabic Naskh', serif;}
.subscribe-button:hover{background-color:#00A3CE}
.subscribe-button:focus{outline:0}
</style>
<div id="subscribebox">
<div class="follow-subscribe-social">
<ul>
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-youtube"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<p>اشترك في النشرة البريدية</p>
<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=ar1web/TFDh' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ar1web/TFDh, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='اسمك المستخدم'/>
<input name='loc' type='hidden' value='en_US'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='بريدك الالكتروني'/>
<input class="subscribe-button" type="submit" value="اشترك الان" />
</form>
</div>

<style>
@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
/* Subscribe Box */
.widget-content{padding:0}
.subscribe-wrapper h3{font-weight: 700; margin: 0 auto 10px auto; text-align: center; font-size: 20px; line-height: 1.8; font-family: 'Noto Sans Kufi Arabic', sans-serif!important;}
.subscribe-wrapper h3 span{display:inline-block;font-weight:bold;font-size:33px;}
.subscribe-wrapper p{margin:0 auto;opacity:.95;text-align:center;font-family: 'Droid Arabic Naskh', serif; font-size: 14px;}
.subscribe-wrapper{color:#fff;background:#e83e3b;margin:0;padding:20px;}
.subscribe-form{clear:both;display:block;margin:5px 0 10px 0;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}
.subscribe-css-email-field{background:rgba(0,0,0,0.2);color:#fff;margin:0 0 15px;padding:0.962em 1.847em;width:100%;border:none;text-align:center;outline:0}
.subscribe-css-button{background: #fff!important; color: #E83E3B!important; cursor: pointer; font-weight: 700; padding: 7px; width: 100%; border: 0; font-size: 15px; text-transform: uppercase; transition: all .3s; font-family: 'Noto Sans Kufi Arabic', sans-serif!important;}
.subscribe-css-button:hover{color:#aaa!important;transition:all 0.3s ease-in;}
</style>
<div id="subscribe-css">
<div class="subscribe-wrapper">
<h3>احصل على أجدد مواضيعنا
<span>أول بأول</span></h3>
<p>اشترك بنشرتنا البريدية وتوصل بأشياء مثيرة للإهتمام.</p>
<div class="subscribe-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=ar1web/TFDh" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ar1web/TFDh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="ar1web" />
<input name="loc" type="hidden" value="en_US" />
<input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="ادخل بريدك الإلكتروني" />
<input class="subscribe-css-button" title="" type="submit" value="اشترك الآن" />
</form>
</div>
</div></div>

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

مجددًا لو واجهتك مشكلة فباب التعليقات مفتوح لا تتردد! وادعمنا بمشاركة التدوينة

إقرأ المزيد

مجموعة تأثيرات للرمزيات PSD

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

تحميل الملحق

تحميل
تحميل

إقرأ المزيد

مكتبة بأرقى الإضافات الجزء الثالث

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

• معاينة

شرح طريقة التركيب
1 . من التخطيط أضف أداة Html/Javascript وضع بها كود الإضافة

<style type='text/css'>
/* About Me */
.sidebar_about_author { height: 200px; }
.aboutpro-img:before { content: ''; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapT6uDNfvTE-pQtyPV6QyWr4cYAPM-2ifY9uXlnfaut7Yvk9XSwtaPTRsPel36Xmq3e_jBie5zMz_pdhkjLedFoUA5Il-HzdCSSDY3z7Ndhh9c2XBqcq1i_VKcXDdjuk4UXpsmywR-au_/s1600/pattern-overlay.png)center top repeat; opacity: .3; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2; } .aboutpro-img {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMqr4t0kKYD7hR8a_0VkHN0OLBP5bL29t4UplcwQKS13t3Fz09F9PIsrxrcbbNUEbHErNRjaUsW6N6BScOMH9gX7jm1pqVyyg6UF9Jhl17iAhjOFQwDkihOG_hwYeqJH9UlezU0MFb1epE/s1600/66.jpg); height: 200px; display: block; width: 100%; position: relative; right: 0; bottom: 0;background-size: cover; } .sidebar_about_author { height: 200px; }
.aboutpro-wrapicon{display:block;margin:-225px auto 0;position:relative;z-index:3;}
.aboutpro-wrapicon .extender{width:100%;display:block;}
.extender{text-align:center;font-size:18px}
.extender .aboutpro-icon{display:inline-block;margin:0 .5px;padding:0;border:0;}
.extender .aboutpro-icon a{display:inline-block;font-family:fontawesome;height:32px;width:32px;line-height:32px;font-weight:normal;color:#fff;font-size:80%;transition:all .5s}
.extender .aboutpro-icon:hover a,.extender .aboutpro-icon a:hover{color:rgba(255,255,255,.7);}
.aboutpro-info{font-size:12px;position: relative; bottom: 200px;    z-index: 99999;}
.aboutpro-info h4{display:table;background:rgba(255,255,255,1);margin:10px auto;font-family:&#39;Playfair Display&#39;,serif;font-size:220%;font-weight:normal;text-transform:capitalize;color:#454545;border:4px double #2e2e2e;z-index:3;padding:5px 10px}
.aboutpro-info p{position:relative;display:block;color:#fff;z-index:4;font-size:110%;text-align:center;font-family: Droid Arabic Naskh,sans-serif;line-height: 1.7em;    padding: 1px; }
</style>
<div class="sidebar_about_author">
<div class="inner_wrapper">
<div class="aboutpro-img">
</div>
</div>
<div class="aboutpro-info">
<h4>iHussam</h4>
<p>حسام بها، مغربي الجنسية ، مهتم ومتابع لكل ما يتعلق بالتقنية، محب للتصميم والألعاب أيضاً، هاوٍ بجمع شخصيات ديزني،لا تنسى متابعتي عبر المواقع الاجتماعية.</p>
</div>
<div class="aboutpro-wrapicon">
<ul class="extender">
<li class="aboutpro-icon"><a href="facebook" rel="nofollow" target="_blank" ><i class="fa fa-facebook"></i></a></li>
<li class="aboutpro-icon"><a href="twitter" rel="nofollow" target="_blank" ><i class="fa fa-twitter"></i></a></li>
<li class="aboutpro-icon"><a href="googleplus" rel="nofollow" target="_blank" ><i class="fa fa-google-plus"></i></a></li>
<li class="aboutpro-icon"><a href="youtube" rel="nofollow" target="_blank" ><i class="fa fa-youtube"></i></a></li>
<li class="aboutpro-icon"><a href="rss" rel="nofollow" target="_blank" ><i class="fa fa-rss"></i></a></li>
</ul>
</div>
</div>

تخصيص الإضافة :
غير كل ما هو محدد بالأحمر بالروابط الاجتماعية
المحدد بالوردي يغير بالكلمات
المحدد بالأخضر يخص رابط الصورة

<style>
/* Calendar */
#calendar{margin-left:auto;margin-right:auto;width:320px;}#calendar_weekdays div{display:inline-block;vertical-align:top}#calendar_content,#calendar_weekdays,#calendar_header{position:relative;width:320px;overflow:hidden;float:left;z-index:10;    direction: ltr;}
#calendar_weekdays div,#calendar_content div{width:40px;height:40px;overflow:hidden;text-align:center;background-color:#fff;color:#787878}
#calendar_content{}
#calendar_content div{float:left}#calendar_content div:hover{background-color:#f9f9f9;cursor:pointer}
#calendar_content div.blank{background-color:#fff}
#calendar_header,#calendar_content div.today{zoom:1;opacity:.7}
#calendar_content div.today{color:#fff}
#calendar_header{width:100%;height:37px;text-align:center;background-color:#FF6860;}
#calendar_header h1{font-family:droid arabic kufi,sans-serif;font-size:1.4em;color:#fff;float:left;line-height:39px;width:70%}i[class^=icon-chevron]{color:#fff;float:left;width:15%;border-radius:50%;cursor:pointer}
</style>
<div id="calendar">
    <div id="calendar_header"><i class="icon-chevron-left"></i>          <h1></h1><i class="icon-chevron-right"></i>         </div>
    <div id="calendar_weekdays"></div>
    <div id="calendar_content"></div>
  </div>
<script type='text/javascript'>
//<![CDATA[
// Calendar
$(function(){function c(){p();var e=h();var r=0;var u=false;l.empty();while(!u){if(s[r]==e[0].weekday){u=true}else{l.append('<div class="blank"></div>');r++}}for(var c=0;c<42-r;c++){if(c>=e.length){l.append('<div class="blank"></div>')}else{var v=e[c].day;var m=g(new Date(t,n-1,v))?'<div class="today">':"<div>";l.append(m+""+v+"</div>")}}var y=o[n-1];a.css("background-color",y).find("h1").text(i[n-1]+" "+t);f.find("div").css("color",y);l.find(".today").css("background-color",y);d()}function h(){var e=[];for(var r=1;r<v(t,n)+1;r++){e.push({day:r,weekday:s[m(t,n,r)]})}return e}function p(){f.empty();for(var e=0;e<7;e++){f.append("<div>"+s[e].substring(0,3)+"</div>")}}function d(){var t;var n=$("#calendar").css("width",e+"px");n.find(t="#calendar_weekdays, #calendar_content").css("width",e+"px").find("div").css({width:e/7+"px",height:e/7+"px","line-height":e/7+"px"});n.find("#calendar_header").css({height:e*(1/7)+"px"}).find('i[class^="icon-chevron"]').css("line-height",e*(1/7)+"px")}function v(e,t){return(new Date(e,t,0)).getDate()}function m(e,t,n){return(new Date(e,t-1,n)).getDay()}function g(e){return y(new Date)==y(e)}function y(e){return e.getFullYear()+"/"+(e.getMonth()+1)+"/"+e.getDate()}function b(){var e=new Date;t=e.getFullYear();n=e.getMonth()+1}var e=280;var t=2013;var n=9;var r=[];var i=["يناير"," فبراير","مارس","أبريل","ماي","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"];var s=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];var o=["#16a085","#1abc9c","#c0392b","#27ae60","#FF6860","#f39c12","#f1c40f","#e67e22","#2ecc71","#e74c3c","#d35400","#2c3e50"];var u=$("#calendar");var a=u.find("#calendar_header");var f=u.find("#calendar_weekdays");var l=u.find("#calendar_content");b();c();a.find('i[class^="icon-chevron"]').on("click",function(){var e=$(this);var r=function(e){n=e=="next"?n+1:n-1;if(n<1){n=12;t--}else if(n>12){n=1;t++}c()};if(e.attr("class").indexOf("left")!=-1){r("previous")}else{r("next")}})})
//]]>
</script>
<link type='text/css' rel='stylesheet' href='//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css' />

<style>
/* Fanpages Ar1web */
#HTML7 { background: #EEF3F6; }
#fanpages{padding: 0; position: relative; text-align: center; list-style: none!important; background: #fafafa; border-radius: 4px!important; box-shadow: inset 0 0 0 1px #e8e8e8;}
#fanpages p{list-style:none;padding:0;margin:0 0 5px}
#fanpages a.a-fans{clear:both;background:#39599a;color:#fff;display:inline-block;font-weight:700;width:100%;max-width:100%;font-size:22px;list-style:none;text-align:center;margin:0 auto;padding:30px 0;border-radius:4px 4px 0 0!important;overflow:hidden;font-family: 'Droid Arabic Naskh',sans-serif;}
#fanpages a.a-fans:hover{background:#292929;color:#fff;    text-decoration: none!important;}
#fanpages a.a-fans p{color:#f1d657!important;display:inline-block}
#fanpages a.a-fans:hover p{color:#fff!important}
#fanpages a.a-fans span{font-size:13px;font-weight:normal;text-align:center}
#ar1web-fbtw,#ar1web-fbtw-msg{margin:0 auto;text-align:center;padding:0 5px 5px;position:relative;line-height:1.3em}
#ar1web-fbtw-msg:before{content:"تابعنا عبر المواقع الاجتماعية";font-weight:700;display:table;text-align:center;color:#555;font-size:15px;bottom:0;margin:10px auto}
#ar1web-fbtw ul{margin:0 auto;padding:0;text-align:center;margin:0 auto;width:100%}
#ar1web-fbtw ul li{display:inline-block;margin:20px 0 0;position:relative}
a.ar1web-fbtw-you { float: left; background: #444!important; border: 3px solid #676564!important; }
#ar1web-fbtw ul li a{display:inline-block;color:#fff;padding:5px 10px;width:auto;font-weight:700;transition:all .3s}
#ar1web-fbtw ul li a.ar1web-fbtw-gp{float:left;background: #CE3838;
    border: 3px solid #e74c3c;}#ar1web-fbtw ul li a.ar1web-fbtw-tw{float:right;background: #61BBE6; border: 3px solid #5BB0D8;}
a.ar1web-fbtw-you:hover {background:#555!important;border-color:#414344!important}
#ar1web-fbtw ul li a:hover,a.ar1web-fbtw-you:hover{background:#555;border-color:#414344}
</style>
<div id="fanpages">
<a class="a-fans" href="https://www.facebook.com/arabe1web/" rel="nofollow" target="_blank" >صفحتنا على <p>الفيسبوك</p><span>https://fb.com/arbe1web/</span></a>
<div class="clear">
</div>
<div id="ar1web-fbtw">
<ul>
<li><a class="ar1web-fbtw-gp" href="http://plus.google.com/+iHus sam" rel="nofollow" target="_blank" title="">Google+</a></li>
<li><a class="ar1web-fbtw-tw" href="https://twitter.com/Hmar1web" rel="nofollow" target="_blank" >Twitter</a></li>
<li><a class="ar1web-fbtw-you" href="https://youtube.com/" rel="nofollow" target="_blank" >Youtube</a></li>
</ul></div>
<div id="ar1web-fbtw-msg">
</div></div>

<style>
.widget-content { overflow: hidden; }
#likeme ul li a.likeme-yt { background-color: #E62117; border-bottom: 4px solid #D01D14;float: left; }
#likeme-msg {font-family: 'Droid Arabic Naskh'; text-align: center; position: relative; padding: 0; margin: -10px 0; bottom: 10px; }#likeme { margin: 0 0; padding: 0; line-height: 1.3em; }#likeme-msg:before{content:" تابعنا عبر المواقع الإجتماعية";font-weight:bold;display:table;text-align:center;color:#555;font-size:15px;bottom:0;margin:10px auto}#likeme ul{padding: 0; text-align: center; width: 100%; position: relative; bottom: 25px;}#likeme ul li{display:inline-block;margin:40px 0 0;position:relative;width: 32%;}#likeme ul li a{display:inline-block;color:#fff;padding:11px 0;font-size:15px;border-radius:2px!important;width:100%;}#likeme ul li a.likeme-gp{background-color:#f65543;border-bottom:4px solid #e13522;margin-right:4px;float:left}#likeme ul li a.likeme-tw{background-color:#4fc4f6;border-bottom:4px solid #35aadc;float:right}
</style>

<div id="fan-go">
<div class="fb-page" data-href="https://www.facebook.com/arabe1web" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"></div>
<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 = "//connect.facebook.net/ar_AR/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</div>
<div class="clear"></div>
<div id="likeme">
<ul>
<li><a class="likeme-gp" href="https://plus.google.com/u/0/+iHussam" target="_blank" rel="nofollow">Google+</a></li>
<li><a class="likeme-tw" href="http://twitter.com/"  target="_blank" rel="nofollow">Twitter</a></li>
<li><a class="likeme-yt" href="http://youtube.com"  target="_blank" rel="nofollow">Youtube</a></li>
</ul></div>
<div id="likeme-msg">
</div>

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

إقرأ المزيد