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

بسم الله الرحمن الرحيم

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

أظنها سهلة والكل يعرفها ولكن ما لا يعرفه البعض .. أن الكلمات المفتاحية لازم تكون موافقة لمحتوى الصفحة ، يعني ما يكون محتوى الصفحة “تطوير المواقع” وتروح تختار كلمات مفتاحية “سياحة وسفر” !!

ما الحل ؟؟ هناك حلين :

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

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

يمكنك استخدام برنامج Keyword Elite للبحث عن كلمات مفتاحية ذات سعر عالي أو من خلال هذا الموقع :

http://www.rumler.com/google/adsens…ng-keywords.php

وإليك هذه الموقع الذي يقدم خدمة كلمات البحث الأعلى سعرا ولكنه ليس مجاني :
http://www.keywordcountry.com

ثاني نقطة : اختيار موقع ظهور إعلانات أدسنس !!

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

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

حسنا .. هذه نصائحي الثلاثة لأفضل مكان توضع في الإعلانات :

أولا : بجانب اللوقو ( تماما كما يفعل إقلاع سوفت ).

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

ثالثا : في وسط المحتوى بشكل متداخل بطريقتين :

1- وضع كود إعلانات بنر (60×468) بين معلومات الصفحة ونص محتوى الصفحة ، كما يلي :
السطر الأول : عنوان المقال وكاتبه وتاريخ الكتابة والتقييم والزيارات
السطر الثاني : كود إعلانات جوجل أدسنس
السطر الثالث : نص المحتوى

2- وضع كود إعلانات مربع (336×280) في وسط نص محتوى الصفحة.

لا أستطيع شرحها صراحة ، لذلك شاهد بنفسك كيف وضع صاحب هذا الموقع إعلانات أدسنس بشكل متداخل مع نص محتوى الصفحة :
http://ezinearticles.com/?How-to-Pr…Theft&id=680612

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

ثالث نقطة : اختيار مظهر مربع إعلانات جوجل أدسنس

هذه هي أهم وأخطر نقطة في الموضوع ، شاهد المثال التالي :

http://www.findtutorials.com/

هل لاحظتم قائمة آخر 10 دروس في الموقع ؟؟ هل لاحظت أول نتيجة ؟؟ هل لاحظت أنها مربع إعلان جوجل وليس عنوان الدرس ؟!؟

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

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

لذا نستخلص 4 نقاط مهمة :

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

اسرار الربح من الانترنت

كيف تربح من الانترنت ؟ 

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

ماهى طرق الربح من الانترنت ؟ 

كما قلنا هناك طرق كثيرة للربح من الانترنت منها على سبيل المثال لا الحصر:

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

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

ماهى اسهل طريقة للربح من الانترنت ؟

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

كيف اربح من شركات الربح من الاعلانات ؟

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

- الربح من الضغط على الاعلانات : 
وهذه الطريقة تسمى PTC اى Paid to Click وتعنى الربح مقابل الضغطة وتتلخص فى انك تقوم بفتح الاعلانات تباعا وكل اعلان ياخذ من 3 ثوانى الى 30 ثانية حسب القيمة التى ستربحها من فتح هذا الاعلان مع ملاحظة انك لا تستطيع فتح اكثر من اعلان فى نفس الوقت . يجب عليك ان تنتظر العداد الذى يظهر لك اعلى الصفحة حتى ينتهى ثم تقوم بفتح الاعلان الذى يلية ولكن يمكنك ان تفتح اكثر من شركة فى نفس الوقت. ولكى يكتمل ربحك من كل اعلان قد يتعين عليك اجابة اختبار بسيط للتأكد من انك بشرى ولست أله او برنامج للضغط على الاعلانات اتوماتيكياً.

- الربح من التسجيل فى العروض :
تسمى هذه الطريقة PTSU اى Paid to Sign Up وتعنى الربح مقابل التسجيل وقد تجد اسماء اخرى لها Complete Offers وتتلخص هذه الطريقة فى ان الشركة الربحية توفر لك بعض الموقع لكى تقوم بالتسجيل فيها مقابل ان تحصل على بعض الربح كموقع جديد يحتاج مشتركين ليزيد انتشاره فيعرض التسجيل بمقابل.

بالاضافة الى هذا يوجد بعض الطرق للربح حسب كل شركة من الشركات الربحية ولكن العامل السحرى للربح من هذه الشركات وهو الاحالة Referral وهو الشخص الذى سوف تجلبة انت لكى يسجل عن طريقك لتربح من 10% الى 50% او اكثر من ربحة دون ان ينتقص من ربحه شيئاً.

كم تربح من الشركات الربحية وما هى الخطة لتربح اكثر ؟
تربح قليل من السنتات عن الاعلانات التى تشاهدها فيمكنك ان تربح من 2 الى 8 سنت تقريبا من مشاهدة الاعلانات عن كل شركة ربحية اشتركت معها 
فلو افترضنا انك ربحت متوسط 5 سنت تقريبا عن كل شركة وانك قمت بالاشتراك فى 10 شركات. فهذا يعنى :
 5 سنت فى 10 شركات يعنى 50 سنت يوميا اى نصف دولار يوميا = 15 دولار شهريا 
هذا من ربحك من الاعلانات فقط .
بالاضافة الى التسجيل فى العروض تربح عن كل عرض من 5 سنت الى دولار واكثر 
فلو افترضنا انك قمت بالتسجيل فى 5 عروض فقط ونفترض العرض ب 10 سنت. فهذا يعنى انك ستربح نصف دولار يوميا اى 15 دولار اخرى شهريا 

اى انك ستربح حوالى 30 دولار شهريا بالعمل بمفردك مع ملاحظة الاتى :

• حددنا انك اشتركت فى 10 شركات فقط ، تستطيع الاشتراك فى ضعف هذا العدد حسب وقتك ومجهودك.
• حددنا انك سجلت فى 5 عروض فقط يومياً مع شركة واحدة. 

يمكنك ان تربح اكثر بمجهودك وجديتك فى هذا العمل.

ماهو العامل السحرى لمضاعفة ارباحك ؟

تعطيك كل شركة من هذه الشركات الربحية رابطا لك لكى تدعو اصدقاءك للتسجيل عن طريقك وتربح انت من 10 الى 50 % واكثر دون ان ينتقص ذلك من ارباحهم

وبحسبة بسيطة انك من الممكن ان تربح 15 دولار شهريا من الضغط على الاعلانات بمفردك انت ولو افترضنا انك ستربح 30% متوسط ربحك من الاحالة فهذا يعنى انك ستربح 4.5 دولار عن كل شخص سار على دربك فى هذه الشركات 

ماهو المطلوب الان لاستغلال هذا العامل السحرى ؟
الاجابة ببساطة دعوة اكبر عدد ممكن من الاشخاص للاشتراك عن طريقك فماذا لو اشترك مثلا 50 شخصا وجعلوك تربح 4.5 دولار عن كل واحد فهذا يعنى انك ستربح 225 دولار شهريا عن ال 50 شخص . 
اعرف السؤال الذى يتبادر فى ذهنك الان !! كيف سآتى بخمسين شخص ؟؟
الاجابة ببساطة انظر الى اصدقاءك فى حياتك او على الانترنت او انظر الى المنتديات او حتى الذين لا تعرفهم فانت لا تعرفنى وتقرأ هذه السطور الآن ! فهذا لم يعد صعبا فى زمن الفيس بوك 
 ليس هذا فقط !!
ماذا لو اعطيتك طريقة لعمل مدونة مجانية مثل تلك التى تشاهدها الان ؟
ماذا لو اعطيتك الاسرار لجعل موقعك او مدونتك تظهر فى نتائج السيرش الاولى لتجلب لك الزوار اتوماتيكا بدون تدخل منك ؟
ماذا لو اشترك تحت الرابط الخاص بك 100 وليس 50 ؟

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

لم يذا العمل يحتاج الى شيئين فى غاية الاهمية وهما:

الجديـــة والصبـــــر

وايضا ان تؤمن بالربح من الانترنت مثلما اربح انا وغيرى ممن سلكوا هذا الطريق.
وهذا هو الدرس..

مشكلة رفع الموديلات او القوالب JFOLDER::

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

تحية الى اعضاء  جولانا الكرام  وتحية خاصة للاستاذ الاخ عمر.

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

JFolder::create: Path not in open_basedir paths

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

 Safe mode on

 بالتالي عدم تمكنهم من رفع بعض الملحقات الى الموقع . حل هذه المشكله بسيط ان شاء الله فقط اتبع هذه الخطوات.

 اذهب الى المسار التالي 

/libraries/joomla/filesystem

حرر الملف  folder.php

 ابحث عن السطر التالي

$obd = ini_get('open_basedir');

  //     اضف قبله        

بعد الانتهاء من رفع  الاضافات او القالب  المطلوب الى موقعك احذف  ما اضفته ثم احفظ الملف.

 انتهى

حذف حقوق إضافة التعليقات KOMENTO

طريقة حذف حقوق إضافة التعليقات komento

Powered by Komento

الطريقة بسيطة جداً وهي كالتالي:

إذهب السار التالي:

components\com_komento\helpers

وحرر الملف : helper.php

ستجد الحقوق ضمن السطر رقم 764 كما في الصورة :

 

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

إنتهى

درس تعريفي :: ماهى الاضافات البرمجية Extensions ؟

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

هي

1- التطبيقات Components ..
2- الوحدات / الموديلات Modules ..
3- التطبيقات المساعدة Plugins ..

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

 Modules : عبارة عن الوحدات التي تحيط بالتطبيقات كي يتم عرضها في أماكن معينة في القالب لتعطي وظيفة او مدخول محدد من تطبيق محدد ..
مثال : اموديل تسجيل الدخول - موديل اخر المقالات - موديل المتواجد الآن ..
طريقة العرض : تجده على اعمدة الموقع .. الوحدات الديناميكة المتحركة .. السلايد شو .. تسجيل الدخول .. المتواجد الآن ...


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

لتتعرف على ماهي جوملا ... من خلال الضغط هنا ...

تم بحمد الله والله المستعان على ما تصفون ...

Www.Arbesk.Com الموضوع الأصلي علي منتديات أرابيسك : درس تعريفي :: ماهى الاضافات البرمجية Extensions ؟ 

الجزء الأول :: شرح برنامج أرتيستير Artisteer لصناعة قوالب جوملا باحترافية [منقووووول]

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

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

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

ناسف للتأخر الفترة الماضية بسبب ظروف خاصة .. سيتم شرح جزء التعريب اولا كما طلب الأعضاء

بسم الله الرحمن الرحيم - نبدأ ...

الواجهة الرئيسية للبرنامج ..

يختار لك البرنامج نموذجا افتراضيا كما يظهر بالصورة كما يوجد زر لتغيير هذا النموذج الافتراضي باسم " اقترح تصميما "

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 1021*727

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

الاطار الأول ::- أفكار .:: يعرض لك اقتراحات للتصميم وتشمل الوان وخطوط وخلفية الخ ...

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 629*141

كما يشمل الاطارات حسب الأرقام كما يلي ::-

1- الأفكار .

2- الألوان والخطوط :: بحيث منها تختار الألوان الرئيسية للموقع .. والخطوط الخاصة بالكتابة .

3- النموذج :: وهو شكل الموقع .. الأعمدة .. اي مبني على عمودان او ثلاثة اعمدة والقوائم اعلى الهيدر ام اسفلها .

4- خلفية الموقع :: منها تختار خلفية الموقع مع تأثيرات السطوع والألوان وغيرها .

5- الورقة :: وهو شكل صفحة الموقع التي تحتوي المحتوى كله ... دائرية ام بدون داشرية في الأعلى ..

6- العنوان :: والمقصود به هيدر الموقع وصورة الهيدر وتأثيراتها والكتابة عليها وشعار الموقع .

7- قائمة :: وهو قائمة الموقع المنسدلة التي تظهر في الموقع .

8- مقالات :: هو شكل المقالات في الموقع ولون الكتابة وايقوناتها .

9- كتل :: وهي الموديلات وشكلها وتلوينها واظهار عنوانها .

10- الأزرار :: وهي ازرار اقرأ المزيد والتصويت والنتائج وغيرها من ازار جوملا في موقعك .

11- الحاشية :: وهو الفوتر للموقع وشكله وخلفيته وايقونة ال rss وغيرها .

بعدها ننتقل مع داعمك العربي جوملا العرب ... الى شرح كل اطار منهم ...

أولا إطار الأوان والخطوط ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 626*142

1- موضوعات الألوان :: يعرض لك البرنامج موضوعات للألوان بحيث تكون الوان متناسقة مع بعضها تختار منها النسق الذي تبدأ منه رحلتك مع هذا البرنامج المتميز .

2- ضبط الألوان :: تغيير الألوان بحيث تختار اللون الذي تريده ثم تغييره كما تريد ..

3- اقتراح خطوط للموقع .

4- مجموعات الخطوط الرئيسية وخط الطباعة ومقاسات الخطوط .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

ثانيا النموذج ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 610*573

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

2- الصورة اليمنى هي مخطط الأعمدة .. بناء الموقع على عمودان او ثلاثة واماكنهم اختر المخطط الذي تريد .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

ثالثا خلفية الموقع ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 622*144

1- اختر صورة الخلفية للموقع او حمل صورة من جهازك ... فالاطار موجود .

2- السطوع والصورة الخلفية والطبقة اعلى الصورة الخلفية والميلان هنا هو تأثير ميلان الاضاءة في الصورة .

يوجد خيارات عدة في هذا الاطار لتغيير واختيار خلفية الموقع والاضاءة واتجاهها .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

رابعا الورقة ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 630*141

1- شكل ورقة الموقع وهي التي تحتوي على محتوى الموقع كاملا ..

2- التعديل في الورقة من مقاسات وطول وعرض ومسافة اعلى الورقة وحشو الورقة والاطار وتظليلها مع الألوان .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

خامسا العنوان " الهيدر " ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 937*145

1- اقتراح هيدر مع تحديد العرض والارتفاع .

2- خلفية الهيدر وهي صورة تضعها او تحملها من جهازك .

3- وهي الصورة الاضافية التي توضع فوق الهيدر وهي اللوجو او شعار موقعك .

4- اسم موقعك وشعاره الكتابي .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

سادسا القائمة ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 740*144

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

1- شكل القائمة .

2- تلوين القائمة واساليب زخرفتها وعرض شكلها .

3- شريط القوائم وتعبئته وتلوين الاطار .

4- الغرض هو نوع القائمة تنسدل او لا تنسدل مع التعبئة والتلوين .

5- المادة الثانوية هي العناصر الفرعية للقائمة الرئيسية .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

سابعا المقالات ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 872*141

1- اقتراح تصميم للمقالات .

2- طريقة الكتابة والمحاذاة وتنسيق النص .

3- العناصر الثانوية للكتابة والعناوين والرابط ووضع الجدول .

4- ايقونات العنوان وطريقة كتابة العنوان .

5- العناصر الفرعية للعنوان .. القسم والتعليقات .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

ثامنا الكتل " الموديلات "

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 624*141

1- شكل الموديل وتصميمه .

2- الأساليب وهي اهم ما في تصميم الموديلات من خلفية وعنوان ومحتوى بحيث تنسق الصورة واللون وكل شيء .

3- طريقة الكتابة والتنسيق داخل الموديلات .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

تاسعا الأزرار ::-

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 631*142

1- شكل الأزرار .

2- شكل الزر من قوام واطاره والاختيارات متعددة حتى وان كان الماوس على الزر فيمكنك اختيار الألوان والصورة .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

عاشرا واخيرا الحاشية ::-

وفيها تحديد لون الفوتر وصورته .. والقوام وتاثير الضوء في الميلان .

والمحاذاة والمساحة وايقونة ال rss .

------------------------------ حصريا من جوملا العرب .. الداعم العربي الأول لجوملا -----------------------------------

تم الانتهاء من الجزء الأول بحمد الله ... باقي الأجزاء ..

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

تم بحمد الله والله المستعان على ما تصفون ...

 

Www.Arbesk.Com الموضوع الأصلي علي منتديات أرابيسك : الجزء الأول :: شرح برنامج أرتيستير Artisteer لصناعة قوالب جوملا باحترافية [منقووووول] 

حصريا شرح تعريب قوالب ارتيستير باحترافية في خطوات بسيطة مع جوملا العرب

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

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

قبل البداية والدخول في التعريب نآسف لـاخر عرض الدرس بسبب الظروف الحالية التي نمر بها مع الاستضافة وفي وقتنا الحالي وفترة الاختبارات .. فقط ادعو لنا ..

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

حاول أن تجعل لقالبك اسم مميز وبارقام حتى تتعرف عليه بسهولة ان إختاره أحد عملاؤك او حتى لموقعك .

نبدا في التعريب

ندخل الى مجلد css في مجلد القالب ثم الى ملف template.css

أولا تغيير اتجاه القالب من اليمين الى اليسار

لتغيير اتجاه القالب ندخل الى الدالة Body وهي التي تحتوي جميع الدوال الفرعية للصفحة لذا عن تعديل اتجاهها سيتم تعديل اتجاه دوال باقي الصفحة .. لذا نضيف اليها الامر Direction:rtl كما في الصورة ...

بعدما قمنا بنجاح بتعديل اتجاه الصفحة تتبقى بعض الفرعيات التي لا تتحكم فيها الامر direction:rtl .. مثل القوائم ..

ثانيا تعديل اتجاه القائمة المنسدلة "" من اليمين الى اليسار "" ..

نقوم بتعديل الامر float:left الى float:right ... في الدالة .art-menu li وللعلم اي دالة بها li تعني قائمة او الترقيم النقطي لموديل او قائمة او شيء يحتاج ترقيم في القالب .

بعدما قمنا بنجاح بتعديل مكان القائمة وجعل بدايتها من اليمين الى اليسار بدلا من اليسار الى اليمين ..

ثالثا ندخل الى محاذاة العناصر الفرعية للقائمة المنسدلة وجعل بدايتها من اليمين الىي اليسار بدلا من جعل القائمة المنسدلة تفتح لليسار نجعلها تفتح لليمين .. نستبدل الأمر left:0 بالامر right:0 في الدالة .art-menu ul

رابعا تبديل كل أوامر text-align:left وهي محاذاة الكتابة لليسار بالاوامر text-align:right وهي محاذاة الكتابة الى اليمين .. في الصورة التالية نستخدم برنامج دريم ويفر وايجاد واستبدال ... سيقوم بالاستبدال الكامل او ممكن استبدالها يدويا ...

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 699*399

نتوجه الآن الى تعديل اماكن الايقونات الجمالية ووضع محاذاتها حتى لا يحدث تداخل ...

خامسا تعديل ايقونة عنوان الموديلات " BlockHeaderIcon.Png " ...

لتعديل مكان صورة يجب التعديل في أمرين مهمين جدا جدا

الأول هو المحاذاة للكتابة padding ..

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

الثاني هو مكان الايقونة background-position ..

وهو مكان وضع الصور يمين او يسار او حتى يمين علوي او سفلي .. سنحدد كل شيء بالتفصيل ..

بالنسبة للمحاذاة padding وهي تحتوي على اربع ارقام متتالية يفرق بينها مسافة واحدة مثلا

padding: 10px 20px 25px 32px

وهنا تعني ترك مسافة لأعلى 10 بيكسل ..

وترك مسافة لليمين 20 بيكسل ..

وترك مسافة لأسفل 25 بيكسل ..

وترك مسافة لليسار 32 بيكسل ..

وترتيبها من اليسار الى اليمين في الامر padding هي :: اعلى يمين أسفل يسار "" إتجاه عقارب الساعة "

الآن الموضوع اتضح اليك .. وتستطيع تحديد محاذاة الكتابة بعيدا عن الايقونة ففي ايقونة عنوان الموديل " BlockHeaderIcon.Png "

المحاذاة padding: 0 0 0 32px ... وهي تعني محاذاة لأعلى ولأسفل ولليمين صفر ولليسار 32 بيكسل ..

لذا سنقوم بتغييرها الى محاذاة لليمين 32 بيكسل والباقي يكون محاذاته صفر فيكون الشكل كما بالصورة وهو

padding: 0 32px 0 0 .... وبهذا تكون الكتابة قد اخذت المحاذاة التامة بعيدا عن الايقونة وتركت لها المساحة .

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

background-position: left top نحوله الى background-position: right top ... وللعلم الامر

background-position :: يأتي بعده مكانين لتحديد مكان الصورة او الايقونة

الأول هو المكان الافقي للايقونة والثاني هو المكان الرأسي للايقونة ...

شاهد الصورة التالية وغير مكان الخلفية ....

سادسا تغيير مكان ايقونات الترقيم .. ودوالها الاشهر هي ol, ul >>> li ul ...

سنغيير هنا نوع الخط ومكان الايقونة وهنا الأمر margin .. يعني المحاذاة الكاملة عن الحدود النهائية للموديل او المقال وليس محاذاة الكتابة فقط .. وتغييره نفس الامر بالنسبة للمحاذاة padding .. تابع الأسهم من أجل التغييرات .

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

background-position: right center .. لأنه غير موجود في القالب ويجب وضعه حتى توضع الايقونة في المكان الايمن ... ضروري جدا ..

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

وبهذا نكون قد انتهينا من تعريب القالب وتحويله كاملا الى اليمين الى اليسار ... معرب 100% باذن الله ..

تاسعا نتوجه الآن لتعديل ملف index.php لتعديل سطر الحقوق والتصميم وغيره ...

قبل اي شيء نجعل ترميز الملف UTF-8 ... ثم نعدل السطر التالي كما في الصورة قبل وبعد ..

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 917*725

ثم نحفظ الملف بعدما انتهينا من وضع سطر الحقوق ... ولا تعدل فيه اذا كنت لا تعلم شيء في لغة html ...

عاشرا ندخل الى ملف templatedetails.xml وهو الملف الذي يحتوي معلومات القالب واوامر التنصيب ...

1- نضع اسم القالب :: name

2-تاريخ الانشاء :: creationdate

3- اصدار القالب :: version

4- الناشر او صاحب القالب :: auther

5- موقع صاحب القالب :: autherurl

6- وصف القالب :: description

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 795*401

بعدها نقوم بضغط مجلد القالب ... ونضغطه بالصيغة zip ...

ثم نتوجه للوحة الادارة في جوملا ... ونقوم برفع القالب ..

ان شاء الله يتم بنجاح .."" تثبيت قالب بنجاح "

واسفلها عبارة وصف القالب description في ملف templatedetails.xml

      الصورة مصغرة أنقر هنا لرؤيتها بحجمها الطبيعي 609*287

نسألكم الدعاء .... فلا تنسونا من صالح دعاءكم

لاحتراف تعريب القوالب الاخرى تابع كتاب تعريب القوالب الاصدار الابتدائي مع كافة تعاليم لغة ال css

تم بحمد الله وفضله ونعمته .. والله المستعان على ما تصفون .

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