طريقك للربح من ادسنس هو اماكن اعلاناتك

مرسلة بواسطة mohamed




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

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

1- فوق عنوان التدوينة .
2- بعد انتهاء التدوينة (انصح بها بشدة) .
3- تحت التعليقات .
4- في رأس الصفحة (لا انصح بها) .
5- في ذيل الصفحة(لا انصح بها) .
6- علي جانبي الصفحة .

و دي صورة توضيحية



قبل اي شيئ يجب ان نذكر بعض النقاط المهمة للغاية.....

1- عند اختيارك لالوان اعلانتك فاحرص ان تكون بلون خلقية مدونتك حتي يعتقد الزائر انها من ضمن المحتوي و هذا غير مخالف لجوجل.

2- قبل البدء في الشرح يجب ان تنشئ وحدة اعلانات بحجم مناسب لعرض مكان تدويناتك يعني مثل حجمها او اصغر.

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

نبدأ في شرح كل جزء علي حدة :
1- وضع الاعلان فوق عنوان التدوينة:

اذهب الي Layout===>Edit HTML و علم علي Expand widget template و ابحث عن data:post.id وسوف تجد كود بهذا الشكل في الصورة الاتية



الان الصق الكود اللي نسخنه من الخطوة رقم 3 بعد h2 واضغط preview للتأكد من ان كل شيئ ماشي صح ثم اضغط save

2- و ضع الاعلانات بعد انتهاء التدوينة :

اذهب الي Layout===>Edit HTML و علم علي Expand widget template و ابحث عن post-footer-line و سوف تجد كود بهذا الشكل



الان الصق الكود اللي نسخته في الخطوة رقم 3 زي الصورة الاتية



ثم اضغط preview لتتأكد من صحة تعديلاتك ثم اضغط Save .

3- وضع الاعلانات تحت التعليقات :

اذهب الي Layout===>Edit HTML و علم علي Expand widget template و ابحث عن <p class='comment-footer'> الي ان تجده داخل كود بهذا الشكل في الصورة الاتية




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



ثم اضغط save لتشاهدها تحت الكونتات .

4- وضع الاعلان في رأس الصفحة :

اذهب الي Layout===>Edit HTML و ابحث عن <head> و اضف كود الاعلانات تحتها مباشرة
و اضغط preview لتشاهد النتيجة ثم save .

5- وضع الاعلان في ذيل الصفحة :

اذهب الي Layout===>Edit HTML و ابحث عن <div id='footer'> و أضف كود الاعلانات تحته مباشرة ثم اضغط preview لتتأكد ثم save .

6 - وضع الاعلانات علي جانبي الصفحة :

تعتبر الطريقة الاسهل ... ادخل الي Layout==>Page element و اضف Html/Javascript ثم الصق كود الاعلانات الاصلي و ليس الكود في الخطوة رقم 3 ثم اضغط save .
===========================

في رأيي ان الاماكن فوق و تحت التدوينة هما من اهم الاماكن لانها تقع في نظر الزائر مباشرة......

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


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



إقرا المزيد

Posted in | 5 التعليقات »  

اضف ايقونة لارجاع زائرك الي بداية الصفحة الذي يتصفحها

مرسلة بواسطة mohamed




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

اذا كيف تضيفها الي مدونتك ؟؟

الطريقة في غاية السهولة و ما عليك فعله هو الذهاب الي Layout==>Elements واضغط Add Gadget ثم اختار
Html /Javascript و اضفك الكود الاتي.....

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i271.photobucket.com/albums/jj148/hamadaosama1989/2arrow2.gif"/></a>


السطر المتعلم بالاحمر غيره بلينك صورتك

=====================================
شرح كل جزء من الكود :
<a href="#"> <-- ترجعك الي بداية الصفحة التي تتصفحها ...

<img src="url-of-image" <-- لينك الايقونة الخاصة بك ....

title="Back to Top" <-- وصف الصورة الذي يظهر عندما تقف علي الصورة.

style="display: scroll; <-- هذا الكود يسمح للصورة بالنزول
 مع نزول الصفحة  ....

bottom: 5px; <-- يجعل الصورة تظهر فوق نهاية الصفحة ب 5 بيكسل
وممكن تغيير الرقم حسب احتيجاتك ....
right: 5px;" /></a> <-- يجعل الصورة تظهر 5 بيكسل الي اليمين .
=========================

الموضوع اعتقد سهل التطبيق و منتظر تعليقاتكم واستفسارتكم

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




إقرا المزيد

Posted in | 6 التعليقات »  

اضف جزء لتقييم موضوعاتك

مرسلة بواسطة mohamed




في اوقات كثيرة نبقي عايزين نعرف رد فعل الزائر علي كل موضوع موجود علي حدة و ننتظر منه رد لتقييم الموضوع....الان يمكنك اضافة قطعة تقييم عن طريق عدد نجوم لكل موضوع كما في المنتديات..تابع معي.

(صورة توضيحية لشكل التقييم)



ادخل الي Layout==>Edit Html و تأكد من انك قد ضغطت علي Expand widget template .....
ثم ابحث عن <data:post.body/> ...و اضف الكود الاتي تحتها مباشرة..



<script language='JavaScript'>var OutbrainPermaLink='<data:post.url/>';var OB_demoMode = false;var OB_Script = true;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>


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




إقرا المزيد

Posted in | 2 التعليقات »  

اضافة جملة "إقرا المزيد"لاختصار مواضيعك في الصفحة الرئيسية

مرسلة بواسطة mohamed





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

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


الطريقة:

(الجزء الاول)

يجب ان تأخذ نسخة احتياطية من قابلك قبل البدء في العمل.

اذهب الي Layout>Edit HTML في مدونتك و تأكد من قد ضغط علي "expand widget templates"
ثم ابحث عن </head> في القالب (اضغط CTRL+F للبحث في المتصفح)...
واضف قبلها مباشرة الكود الاتي

<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {

$('.excerpt').expander({
slicePoint: 280, // default is 100
expandText: 'إقرأ المزيد', // default is 'read more...'
});

});
</script>


ثم ابحث عن <data:post.body/>

ثم حدد الكود الاتي

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


و استبدله بهذا الكود ...

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>


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

(الجزء الثاني)

1- ابحث عن هذه الكلمة expander.js واستبدلها بهذه extractor.js
2- ابحث عن الكود الذي اضفناه عند <data:post.body/> و اضف اليه الجزء الملون بالاحمر

<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href="data:post.url">إقرا المزيد</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>


تأكد من اضافة هذا السطر في مكانه الصحيح فوق <b:else/> مباشرة والا قد تحدث اخطاء.
الان اضغط Preview ولو حصل اخطاء مش هينفع تشوف اللبوج و يظهرلك كلام بالاحمر.... اما لو صح في حتشوف البلوج و تحت المواضيع كلمة "اقرا المزيد".
الان اضغط Save.

الموضوع صعب وطويل لكن في النهاية هتبقي سعيد جدا بما فعلت .
شــــــكـــــــرا.
إقرا المزيد

Posted in , , | 2 التعليقات »  

الاشتراك في: الرسائل (Atom)