‏إظهار الرسائل ذات التسميات ربح عن طريق المواقع. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات ربح عن طريق المواقع. إظهار كافة الرسائل

07‏/05‏/2012

اضافة اعلانات ادسنس Adsense للphpbb3

سلام عليكم .. 

phpBB3 و Google AdSense
موضوع شغل الكثيرين و أنا أولهم و سأحاول جعل مشاركتي هذه متكاملة و مختصة بكيفية إضافة أكواد AdSense في مختلف صفحات phpBB3 و من حين لآخر سأقوم بتحديث نفس المشاركة لكي تكون مرجع .. 

إضافة Adsense في صفحة عرض المشاركة Viewtopic_body.html
الموضع الأول(1): أسفل الصورة الشخصية للعضو و بياناته ((Prosilver)) 
مثال:
Zoom in (real dimensions: 233 x 502)صورة

الطريقة:
ابحث عن:
CODE: تحديد الكل
               <!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
            </ul>
            <br/>

اضف بعده:
CODE: تحديد الكل
<div align=center>


أضف بعده كود الـ AdSense (مثال) :
CODE: تحديد الكل
<script type="text/javascript"><!--
google_ad_client = "pub-0395588786213939";
/* ViewTopic_body.html 240&#42;120 */
google_ad_slot = "7209334076";
google_ad_width = 120;
google_ad_height = 240;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

قم بالتعديل الكود المقابل لـ google_ad_client و google_ad_slot بما يتوائم مع إعلانك .. و لا يفضل استخدام بنر في هذا الموضع يزيد عرضه عن 120 بكسل !

اضف بعده:
CODE: تحديد الكل
</div>


الموضع الأول(2): أسفل الصورة الشخصية للعضو و بياناته ((SubSilver2))
ابحث عن:
CODE: تحديد الكل
                  <br /><b>{postrow.custom_fields.PROFILE_FIELD_NAME}:</b> {postrow.custom_fields.PROFILE_FIELD_VALUE}
               <!-- END custom_fields -->
            </span>

اضف بعده كود Adsense .. و إذا أردت وضع فراغ بين بيانات العضو و الإعلان أضف تاج <br> مرة أو مرتين قبل كود Adsense .. 


الموضع الثاني: إضافة بنر AdSense عريض أسفل المشاركة الأصلية و قبل الردود
مثال:


الطريقة:
ابحث عن:
CODE: تحديد الكل
<!-- END postrow -->

أضف قبله بالترتيب (من أعلى لأسفل):
CODE: تحديد الكل
    <!-- IF postrow.S_FIRST_ROW == 2 -->
    <div class="post bg3">
        <div class="inner"><span class="corners-top"><span></span></span>
        
        <div align="center">

ثم كود AdSense الخاص بك (مثال):
CODE: تحديد الكل
   <script type="text/javascript"><!--
   google_ad_client = "pub-xxxxxxxxxxxxxxxxxx";
   /* 728x90, created 6/14/08 */
   google_ad_slot = "1223429762";
   google_ad_width = 728;
   google_ad_height = 90;
   //-->
   </script>
   <script type="text/javascript"
   src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
   </script>

ثم 
CODE: تحديد الكل
        </div>
        
        <span class="corners-bottom"><span></span></span></div>
    </div>
    <!-- ENDIF -->



ملاحظات:
* هذه التعديلات مجربة على ستايل prosilver و ليست مضمونة على أي ستايل آخر !
* قم بأخذ نسخة احتياطية لأي ملف قبل التعديل عليه
* بعد التعديل على الملف و رفعه ادخل للوحة تحكم منتداك و قم بحذف الملفات المؤقتة حتى ترى التعديلات
* قمت بوضع أمثله لأكواد بنرات AdSense الخاصة بي لذلك لا تقم باستخدامها لمنتداك أو قم بالتغيير على القيم المقابلة لـ google_ad_client و google_ad_slot بما يتوائم مع إعلانك

طريقة لاضافة جوجل ادسنس على مدونة الووردبريس





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

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






1 - بالبداية ادخل على عنوان موقعك وعلى صفحة الادمن مثل : 
net/wp-admin/index.php




2- ادخل على الاضافات وبتكون على هذا الرابط مثال :
net/wp-admin/plugins.php

3- بعد الدخول على الاضافات اضف اضافة جديدة وبتكون على هذا الرابط مثال :
net/wp-admin/plugin-install.php

4- ضع في محرك البحث هذا الاسم بحكم اني جربته انا شخصياًً : 
Awesome Google Adsense

5- ثبت الاضافة وفعلها

6- بعد التفعيل اعمل تحديث للصفحة وراح تجد الاضافة على يمينك مثال : 





الان المطلوب منك تضع معلومات جوجل ادسنس الخاصة بحسابك :

ط§ط¶ط؛ط· ظ‡ظ†ط§ ظ„طھط±ظ‰ ط§ظ„طµظˆط±ط© ط¨ط­ط¬ظ…ظ‡ط§ ط§ظ„ط·ط¨ظٹط¹ظ‰



وهذا مثال بسيط على مكان الاعلانات : 

ملاحظة انا اخترت عمل 2 اعلان بداخل المواضيع 

الاعلان الاول وشكله :





الاعلان الثاني وشكله :






تحياتي لكم ..

تنصيب منتدى phpbb3

نقدم لكم درس حول خطوات تركيب phpBB3

يجب عليك التأكد من متطلبات التشغيل الخاصه بـ phpBB3 و هي التالي /

- مساحة كافية في موقعك لرفع ملفات phpBB مع دعم للغة البرمجة php

- يجب أن يكون موقعك داعما لأحد قواعد البيانات التالية /
    FireBird 2.0 أو احدث
    MySQL 3.23 أو أحدث 
    MS SQL Server 2000 أو أحدث مباشرة او من خلال ODBC
    Oracle
    PostgreSQL 7.x أو أحدث
    SQLite

- الإصدار 4.3.3 من PHP أو أحدث مع دعم لأحد قواعدة البيانات بالأعلى.

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


الان سنقوم بتحميل اخر نسخة من phpBB3 من مركز التحميل وتجهيز قاعدة البيانات الخاصه بـ phpBB3

> معلومات اكثر راجع الموضوع التالي كيفية عمل قاعدة بيانات في phpMyadmin

بعد فك ضغط المجلد سنقوم عن طريق برنامج رفع الملفات FTP برفعها الى الموقع و طلب الرابط التالي /

http://www.yoursite.xxx/install

ملاحظة :
اذا اردت تشغيل المنتدى في مجلد مثلا board فيجب عليك رفع المنتدى في مجلد يحمل اسم board
اما اذا اردت تشغيل المنتدى مباشره في موقعك فيجب عليك تحميل الملفات مباشرة الى موقعك


الان سنتبع خطوات التنصيب بعد الضغط على رابط التنصيب ..

• المقدمة : وسنقوم بالضغط على زر المتابعة الى الخطوة التالية

Zoom in (real dimensions: 800 x 350)
صورة

صورة

Zoom in (real dimensions: 800 x 480)صورة

Zoom in (real dimensions: 800 x 354)صورة

Zoom in (real dimensions: 800 x 480)صورة

Zoom in (real dimensions: 800 x 355)صورة





Zoom in (real dimensions: 800 x 354)صورة
• المتطلبات : هذه العملية تتطلب بعد الاعداد لإكمال عملية التنصيب ..

أولاً : التأكد من عمل الدوال في الجزء الاول

ثانياً : اعطاء التصاريح اللازمه لبعض الملفات و المجلدات
> معلومات اكثر راجع الموضوع التالي كيفية اعطاء الترخيص لملفات معينه

الملفات الواجب اعطائها التصاريح هي التالية /

تصريح 777

cache - files - store
وايضاً مجلد upload الموجود داخل avatars الموجود داخل images

تصريح 666

ملف config.php


• اعدادت قاعدة البيانات : سنقوم بكتابة معلومات قاعدة البيانات الخاصه بالمنتدى حسب التالي /



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

• معلومات الادرة : وهي الحقول الخاصه بمعلومات مدير الموقع ..

• ملف الاعداد : وهي الكتابه على ملف config.php ..

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

• انشاء جداول القاعدة .. اي زرع قاعدة البيانات الخاصه بـ phpBB3 ..

بعد الانتهاء من هذه الخطوة قم بحذف او تغير اسم مجلد install

الان كن مستعداً لدخول عالم phpBB3 ! فعملية التنصيب انتهت !

اصنع موقعك من جوملا

اليوم بإذن الله نبدأ شرح تركيب مجلة جملا باللغه العربيه ولا تحتاج إلى تعريب


فى البدايه علينا بتحميل النسخه 1.5.x برابط مباشر من هنا

http://joomla.org

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





ثم ندخل إلى رابط التنصيب

http://www.********/joomla/installation/index.php

مكان ****** ضع رابط موقعك


ثم تابع الصور































إلى هنا نكون قد إنتهينا من شرح التركيب 


إنتظرونا مع شرح تركيب الإضافات والموديلات والقوالب

هام : تنصيب اصدارات جوملا لا تختلف ابدا على هذا التنصيب
رابط الموضوع الاساسى

http://vb4.org/vb/showthread.php?t=246

06‏/05‏/2012

درس تصميم ستايل منتدى بشكل احترافي

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


قم باختيار الأداة كما في الصورة التالية

متقدم, درس

وقم بتقطيعه بالشكل التالي

متقدم, درس

وقم بحفظه من القائمة 

file/save for web

ستفتح هذه النافذة

وقمت بالتطرق إليها .. للتقليل من حجم الصورة ..مع مراعاة الجودة

متقدم, درس

1 : هذه عدد الألوان المستخدمة يمكنك تقليل الحجم إلى 200 أو 128 بس أنتبه
للجودة

2: يمكنك زيادتها بنسبة قلية جداً كـ 3%

ويمكنك ملاحظة الحجم كما هو محدد في الصورة

بعدها سوي حفظ وتكون انحفظت 

::::::::::::::::::::::::::::::::

(( القســم البرمجـــــي ))

سنبدأ من أعحلى المنتدى إلى أسفل بإذن الله

وهو كالآتي :

1-header

2-navbar

3-forumhome

4-foter

ثم ننتقل للصفحات الداخية

forumdisplay

:::::::::::::::::::::::::::::::::

أولاً الهيدر ...

افتح برنامج الفرونت بيج

وافتح عمل جديد

متقدم, درس

واضغط على التعيمات البرمجية كما هو موضح بالصورة 

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

كما بالصورة

متقدم, درس

الآن توجه ...إلى قائمة الجداول

وقم بعمل جدول 1 في 1

متقدم, درس

الآن قم بالضغط على الجدول بالزر الأيمن

واختر خيارات الجدول .. انتبه ( وليس خيارات الخلية )

متقدم, درس

ستفتح لنا نافذة باشكل التالي

متقدم, درس

قم باستبدال .. التغيرات كما في الصورة الثانية

متقدم, درس

بعد ذلك

قم بإضافة الصورة داخل الجدول ( صورة البنر )

لاحظ...

متقدم, درس

اييه .. الحين جينا للشغل ..

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

بقولك ..سوي مثل ما أسوي ...

متقدم, درس

قم باختيار الأداة الموضحة.. ثم قم برسم .. مستطيل أو مربع حسب شكل الزر..

أول ما تخلص رسم راح تطلع لك هذه النافذة تلقائياً

متقدم, درس

حط فيها الكود على حسب الزر ...

وتفضل يا حبيبي ..كل الأكواد اللي تحتاجها في الهيدر


الرئيسيه

كود:
 $vboptions[forumhome].php?$session[sessionurl]




المكتب ( لوحة تحكم العضو )


كود:
 usercp.php?$session[sessionurl]




التسجيل


كود:
 register.php?$session[sessionurl]




البحث


كود:
 search.php?$session[sessionurl]




التعليمات ( لا أنصح به .. إلا بعد ترقيع ثغرة faq.php )


كود:
 faq.php?$session[sessionurl]




قائمة الاعضاء ( لا أنصح به .. إطلاقاً )


كود:
 memberlist.php?$session[sessionurl]



التقويم ( لا أنصح به .. لحين صدور النسخة التي تلي 3.5.4 )


كود:
calendar.php?$session[sessionurl]



الخروج... ( لا أنصح به علشان الأعضاء لا يطعوا ..... متقدم, درس أمزح وياكم )


كود:
 login.php?$session[sessionurl]do=logout





::::::::::::::::::

وبعد انتهائك من جميع الأزرار عى حسب الهيدر

اذهب إلى التعليمات البرمجية في الفرونت بيج

متقدم, درس

لاحظ
وقم بمحس كل المجلدات .. واترك فقط اسم الصورة

مثلاًُ هذا الكود 

file:///F:/AppServ/www/vb2/style-fo...x-fox84_bnr.gif

نقوم بمسح .. المجلدات ..( المسارات )

ونذهب إلى داخل vb وننشيء ملف جديد (ملف صور الإستايل )

مثلاً أنا سميته style-fox84

فيصبح رابط الصورة كالتالي

style-fox84/fox-fox-fox84_bnr.gif

ولا تنسى تحط الصورة داخل المجلد اللي سويته ..

وبعدها انسخ الكود ...

وروح به إلى تمبت header

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

وهكذا تكون قد أنهيت تركيب البنر .. وروابطه .. على تمبت الهيدر

لاحظ الصورة

متقدم, درس

:::::::::::::::::::

الحين نجي لشريط آخر عشر مواضيع عشــآن نخلص من الهيدر مرةوحدة

تذكرون ..يوم حفظنا تصميم .. شريط آخر عشر مواضيع ..

أنا سميته sddd.html

وراح أفتحه بالفرونت بيج ...

شوف 

متقدم, درس

الحين فتحناه بالفرونت بيج ..

أبيك تصحصح ..وياي شوي .. الحين 

شوف يا عزيزي

اضغط على الصفحة بعد فتحها بالزر الأيمن..

وقم بالتالي

متقدم, درس

وراح تطلع لك نافذة مثل هاذي

إذاهب إلى القائمة none

وعدلها للتالي

متقدم, درس

شوف شو صار ...

كل شي انقلب وخرب ؟؟

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

شوف الصورة

متقدم, درس

فهمت كيف ...

حنا ويش بنسوي بنرجع الصور كل وحدة لمكانها .. نجي مثلاًُ

عند الجدول ( الصورة اللي على اليمين )

متقدم, درس

ونضع بدل الصورة اللي شكلها مقلوب .. الصورة الأصلية ..

متقدم, درس

شفت كيف رجعت مثل ماكانت ...

سوي نفس الحركة على الصورة اللي في اليسار بعد ..

الحين بتقول فوكس ليش مسوي هاذي الزحمة كلها ؟؟

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

بتلاقي الدنيا عفسة اليمين يسار واليسار يمين...

فهمت كيف ..

الحين بنروح لشي مهم مرة 

نروحج للصورة اللي في النص .. 

اللي مفروض يتحرك فيها النص (آخر عشر مواضيع )

وامسحها شوف الصورة

لاحول ولا قوة إلا بالله ..

صارت لنا مشكلة ثانية ..

لا تخاف حلها عندي ...

وطرقت إلى هذه المشكلة لأن الكثر يعاني منها فهذه طريقة قمت بابتكارها بعد العذاب الذي

كنت أواجهه

شوف ياقلبي .. رجع كل اللي سويته .. (يعني الصورة اللي مستحهتا رجعها )

اضغط ctrl+z

طيب حدد على الصورة وخش وبعدها اضغط بازر اليمين عيها ..

واختار خصائص الخلية

متقدم, درس

بعدها ستخرج لنا نافذة كهذه

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

حقتها

متقدم, درس

وعطه أوكي

الحين نخش على التعيمات البرمجية

شوف

متقدم, درس

الحين انسخ المحدد عندك في الصورة الجاية

متقدم, درس

ونقوم بلصقه .. في كود الخلفية

من بداية

images

بالشكل هذا

متقدم, درس

ونقوم بحذفكود الصورة 

الحين نخش على التصميم في الفرونت بيج شوف كيف ظابت وحليو ماشاء الله 

والمكان كأن مافيه صورة 

أقدر أضيف عيه كود آخر عشر مواضيع وأنا مرتاح .. وأكتب عليه 

متقدم, درس

ثم نذهب للتعليمات البرمجية

ونضغط على زري ctrl+f لكي نقوم بالبحث عن المسارات الغير المرغوب بها واستبدالها

باللتي نريد بكل سهولة

شوف الصورة

متقدم, درس

ثمكما فعلنا مع الهيدر اضغط بالزر اليمين .. ثم خصائص الجدول.. وعطه نفس الإعدادات اللي سويناها علشان يومتركبه في المنتدى .. يكون ظابط (جاي في النص )

::::::::::

ثم ننسخ الأكود من بداية

<div align="center">
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0>


إلى نهاية

</TABLE>
</div>

وضعها في آخر سطر في الهيدر

وهكذا نكون قد تمكن من الإنتهاء من الهيدر بشكل عام

::::::::::::::::::::::::::::

مذا تستفيد من ادرس ؟

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

وبطريقة مميزة .

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

إلى أنها في منتهى السهولة ..وتستطيع القيام بها في وقت قياسي ... إذا تمكنت
من اجتياز تلك المشاكل ( الأخطاء )

وهذه الأخطاء تنتج عن .. ( نسيان المصمم لخطوات اساسية قبل البدأفي التصميم )

قبل أن تبدأ في تصميم استايل

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

::::::::::::::::::::::::::::::::::

أما في الدرس القادم .. بإذن الله 

سنتطرق إلى جداول وأقسام المنتديات الفورم هوم.. وقد قمت بجعله درساً مستقلاً..

لكونه من أصعب الخطوات ..هو وتمبلت الناف بار ..

إلى حين ذلك الوقت .. أنا حاضر للرد على استفساراتكم ..

وخلونا نشوف تطبيقاتكم

ولو بطلب منكم ..طلب صغير ..

أدعولــي ووالدي بالتوفيق قي الدنيا والآخرة ..

نقلاًً عن الأخ فـــــوكـــــس


www.fox84.org