الخميس، 15 سبتمبر 2011

إدراج إعلانات أدسنس داخل مواضيع بلوجر

يعتبر إدراج إعلانات أدسنس داخل المواضيع,من أهم الأشياءالتي يبحث عنها العديد من أصحاب المدونات والتي يسعى أصحابهاالحصول على عدد كبير من النقرات ، إذ أن المكان المناسب لإدراج إعلانات جوجل أدسنس يعتبرمن بين الأشياء الأساسية التي يعتمد عليهاالمدونين ذوي الخبرة بشكل عام،والآن يمكنكم القيام بهذه العملية بكل سهولة .سوف أعرض لكم اليوم طريقة وضع اعلان ادسنس في التدوينة داخل المواضيع بشكل مبسط .
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>
ثم قم بإستبداله بهذا الكود : 
<!-- abu-iyad.blogspot.com adsense in post mod. START --><b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if><!-- abu-iyad.blogspot.com adsense in post mod. END -->
قم بالبحث عن الكود التالي
<data:post.body/>
ثم قم بلصق هذا الكود قبله إذا كنت تريد إدراج الإعلان فوق الموضوع, وبعده إذا كنت تريد إدراج الإعلان تحت الموضوع
<!-- abu-iyad.blogspot.com adsense in post mod. START -->
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <font size="0"><a href="http://www.nuancier-peinture.org">nuancier peinture</a></font><data:adCode/> <data:adStart/> </b:if> </b:if>
<!-- abu-iyad.blogspot.com adsense in post mod. END -->
وهناك طريقة أخرى أثبتت جدارتها ،وتستحق التطبيق , حيث يمكنك من الآن فصاعدا إدراج إعلانات جوجل أدسنس في أي مكان تريد على مدونتك ،مما يسهل ظهورها على زوار المدونة ،وكما تلاحظ في مدونتي أن إعلانات جوجل أدسنس توجد بين سطور المقالات التي أكتبها .
بداية قم بالدخول إلى حسابك على جوجل أدسنس ثم أنشئ إعلانا جديدا وقم بنسخ الكود ،بعدها تقوم إستعمال أداة لتحويل الكود لكي لا يقع خطأ عند تنسيقه ، ولإستعمال هذه الأداة ،"إضغط هنا" حيث تقوم بلصق الكود المحصل عليه من حسابك من جوجل أدسنس في الإطار ثم اضغط زر التحويل" Make it friendly"
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي : 
إذا وجدت منه إثنين فإختر الكود الثانيتذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء

<data:post.body/>
ثم إستبدله بالكود التالي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
ضع كود أدسنس هنا،بعد تحويله
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script><font size="0"><a href="http://www.nuancier-peinture.org">nuancier peinture</a></font>

</b:if>

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

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

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

وللقيام بهذا التعديل قم بتبديل الكلمة ذات اللون الأخضر clear:both باحد الكلمات التالية:
float:left : لعرض الاعلان في يسار الموضوع
float:right : لعرض الاعلان في يمين الموضوع
float:center : لعرض الاعلان في وسط الموضوع

والآن كيف يتم إدراج إعلانات جوجل أدسنس في أي مكان داخل المقال ؟ الجواب بسيط جدا ،ما عليك سوى لصق الكود التالي في المكان المراد ظهور فيه الإعلان عند كتابتك أو إنتهائك من كتابة مقال في مدونتك;
ملاحظة : إذا لم تقم باضافة هذا الكود في التدوينة سوف يتم عرض اعلانات جوجل ادسنس تحت عنوان التدوينة تلقائيا.
<!-- adsense -->


بسم الله و الحمد لله و الصلاة و السلام على محمد الأمين و على صحبه و آله الطيبين الطاهرين. السلام عليكم و رحمة الله، في هذا الموضوع سنتعرف و إياكم على إضافة ممتازة لتسريع تصفح المدونة أو أي موقع على حد سواء، مبدأ الإضافة يتلخص في تحميل ما يراه المتصفح أولا ثم تحميل بقية الصور و المحتويات عند الطلب فمثلا عند تصفح صفحة ما ستلاحظ و أنت تنزل إلى أسفل الصفحة أن الصور و المحتويات تظهر تباعا بطريقة سلسة. باختصار الإضافة تتيح تحميل ما يظهر على الشاشة و ليس صفحة الموقع كلها الشيء الذي يزيد في سرعة تحميل و تصفح موقعك.و لمشاهدة مثال حي على الإضافة زر هذه الصفحة ثم تصفحها نزولا و ستلاحظ تأثير الإضافة بشكل أدق. طريقة تركيب الإضافة بسيطة و سهلة ، و تكون بإضافة الكود الآتي فوق (قبل) وسم </body> المغلق:
هذا الكود لتطبيق الإضافة على كافة صور الموقع

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == &quot;iPad&quot;) return; jQuery('img').lazyload({ effect:&quot;fadeIn&quot;, placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdXzIl1rMz5BwTOu3Qro3s8nDSuXcUk9u3ZDey_dwrSSBTNFSEjf0S2Nji1nsIkpIkxjcsdlRSMWtf3UNE8yAqKzcJ86HfWejTKU2QvjoaddU8tRSoezh9cHHZMmpUqw0-ukyMjUWD8o/&quot; }); }); </script>


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

تخصيص الإضافة


تحديث : لتطبيق الإضافة فقط على جسم الموضوع أو التدوينة فقط أضف الكلاس أو ال id المراد التطبيق عليه فقط إلى يسار ما لون بالأحمر كما توضحه الأمثلة الآتية.

  • فمثلا في بلوجر نطبق الإضافة على .post نستعمل الكود كما يلي:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == &quot;iPad&quot;) return; jQuery('.post img').lazyload({ effect:&quot;fadeIn&quot;, placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdXzIl1rMz5BwTOu3Qro3s8nDSuXcUk9u3ZDey_dwrSSBTNFSEjf0S2Nji1nsIkpIkxjcsdlRSMWtf3UNE8yAqKzcJ86HfWejTKU2QvjoaddU8tRSoezh9cHHZMmpUqw0-ukyMjUWD8o/&quot; }); }); </script>

  • و في ووردبريس نطبق الإضافة على #post-blog كما في الكود الآتي:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == &quot;iPad&quot;) return; jQuery('#post-blog img').lazyload({ effect:&quot;fadeIn&quot;, placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdXzIl1rMz5BwTOu3Qro3s8nDSuXcUk9u3ZDey_dwrSSBTNFSEjf0S2Nji1nsIkpIkxjcsdlRSMWtf3UNE8yAqKzcJ86HfWejTKU2QvjoaddU8tRSoezh9cHHZMmpUqw0-ukyMjUWD8o/&quot; }); }); </script>

  • و في المنتديات على .tborder يصبح الكود كالآتي:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='http://sites.google.com/site/simoxooorg/Home/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function($){ if (navigator.platform == &quot;iPad&quot;) return; jQuery('.tborder img').lazyload({ effect:&quot;fadeIn&quot;, placeholder: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDdXzIl1rMz5BwTOu3Qro3s8nDSuXcUk9u3ZDey_dwrSSBTNFSEjf0S2Nji1nsIkpIkxjcsdlRSMWtf3UNE8yAqKzcJ86HfWejTKU2QvjoaddU8tRSoezh9cHHZMmpUqw0-ukyMjUWD8o/&quot; }); }); </script>

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


بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الصادق الأمين.
الكثير منا درج على تركيب قوالب مدونات بلوجر و لا يجد في ذلك حرجا ، لكن هناك من يعاني مع هذه العملية و له ندرج هذا الشرح...
قبل تركيب أي قالب يجب أن نعلم أن هذه العملية قد تدفعنا إلى مسح بعض مربعات القائمة الجانبية widgets لذا يجب الحذر في بعض مراحل التنصيب، و سنذكر طرق تلافي المشكل خلال جرد الطريقة.
» 1 - حمل القالب الذي تود تنصيبه إن كان مضغوطا فكه بأحد برامج الضغط ك Winrar أو 7Zip ، و ستجد فيه أهم ملف و هو ملف xml و قد تحصل فيه كذلك مجلد الصور لاستعمالها و إعادة رفعها في حال موت روابطها. و في بعض الحالات تجد ملفات جافاسكريبت و ينطبق عليها نفس ما ينطبق على الصور ...
» 2 - أدخل إلى لوحة تحكم مدونتك عبر بلوجر و اضغط على قائمة " التخطيط "



» 3 - تأتي الآن أهم خطوة في العملية . فبعد تنصيب أي قالب جديد يتم حذف بعض مربعات القائمة الجانبية ، و تبقى أهم المربعات التي قد تحذف هي تلك التي تضم أكوادا و نصوصا كمربعات Html/Javascript و مربعات النصوص و أدسنس ... أما البقية فهي متاحة من خلال قائمة " أضف أداة " و يمكن استرجاعها بسهولة تامة كمربع التسميات و الأرشيف و التغذية ... و هنا وجب أخذ نسخة احتياطية للمربعات الأولى، و نقوم بذلك عبر الضغط على كلمة " تحرير " الموجودة بجانب كل مربع و ننسخ الكود الموجود بها إلى ملف نصي عبر برنامج Notepad مثلا و نسجله باسم المربع، و ينصح هنا بتخصيص ملف نصي لكل مربع حتى لا تختلط الأكواد، و بعد تنصيب القالب نخصص بعض الدقائق لاسترجاع هذه المربعات عبر إعادة لصق أكوادها.



» 4 - ثم نضغط على " تحرير html " من القائمة العلوية .


» 5 - كذلك قبل رفع القالب الجديد نأخذ نسخة احتياطية ( عبر تحميلها ) للقالب القديم لاستعادته في حال عدم الرضى على الجديد و يتم ذلك عبر الضغط على " تنزيل قالب كامل " .


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


» 7 - بعد الرفع تظهر رسالة و قد لا تظهر بعض الأحيان تخبرنا أنه يتوجب علينا حذف بعض المربعات للاستمرار في حفظ القالب الجديد ، و هنا لن نخسر مربعاتنا لأننا قمنا بحفظها سابقا في المرحلة 3 و نتابع بضغط زر " تأكيد & حفظ " .



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

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

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

 

طريقة تركيب زر 1+ (زائد واحد) على مدونات بلوجر

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

ثانيا : ابحث عن </head> ثم فوقعه مباشرة ضع الكود الآتي.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>
يمكنك استبدال en-US  ب ar  لتغير لغة الزر إلى العربية، و أشير هنا أن الزر لا زال لا يدعم العربية بشكل جيد.

ثالثا : ابحث عن  <data:post.body/>  و قبله مباشرة ألصق الكود الآتي إن أحببت أن يظهر الزر فوق جسم التدوينة مباشرة تحت العنوان. أما إن أردت أن يكون الزر تحت التدوينة فألصق الكود الآتي بعده.

<div style='float:left'>
<g:plusone size="tall" expr:href="data:post.url"/>
</div>