الدرس 158: تحويل الزوار من مدونة او مشاركة قديمة الى مدونة او موضوع جديد على بلوجر

طريقة تحويل الزوار من مدونة قديمة على بلوجر الى رابط مدونة جديدة بدون استخدام قالب تحويل الزوار , وايضا إعادة توجيه زوار مدونتك بلوجر من مشاركات قديمة إلى روابط مواضيع اخر جديدة في نفس مدونتك بطريقة عشوائية مع تحديد وقت بدا التحويل فى هذه الحلقة اخواني الكرام على دورة بلوجر , ساقدم لكم طريقة رائعة لتحويل الزوار من رابط مدونة قديمة الى رابط مدونة جديدة على بلوجر , حيث سوف نستخدم سكريبت يقوم بتحويل زوار مدونتك بلوجر إلى رابط آخر من اختيارك بدون استخدام قالب تحويل , مايميز الطريقة التى سوف تتعلمها , هو انك يمكنك من تحويل زوارك من موقعك القديم الى روابط اخرى لموقعك الجديد بطريقة عشوائية اي يمكنك استخدام اكثر من رابط للتحويل اليه وايضا يمكنك ان تقوم عبر الطريقة التى سنقدمها لك من تحويل زوارك من مشاركة قديمة الى مشاركة جديدة او مشراكات اخرى متعددة لك فى نفس مدونتك ماسنشرحه فى الدرس - تحويل الزوار من مدونة قديمة الى جديدة بدون استخدام قالب تحويل الزوار - طريقة تحويل زوار مدونتك بلوجر إلى عدة روابط آخرى - طريقة إعادة توجيه زوار مدونتك بلوجر إلى روابط مواضيع اخر ...

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

لمتابعة آخر اخبار ادسنس انضم الى مجموعتنا - ادسنس العرب

ملاحظه :

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

اولا : اضافة اعلانات ادسنس في مقدمة او نهاية الموضوع

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

الآن انسخ الكود كاملا واحتفظ به في ملف تكست .

بعد ذلك توجه الى لوحة تحكم بلوجر ثم اختار قالب ثم اختار تحرير html وابحث عن هذا الكود <data:post.body/> باستخدام CTRL+F ، ستجد اكثر من كود ، الكود المطلوب هو عادة يكون الكود الثاني او الكود الذي يلي جملة اقرأ المزيد

ثم انسخ كود اعلان ادسنس الذي احتفظنا به في ملف التكست وضعه قبل <data:post.body/> اذا اردت ظهور الأعلان في مقدمة الموضوع ، واذا اردت ظهور الأعلان نهاية الموضوع فضع كود اعلان ادسنس بعد <data:post.body/>

ثانيا : اضافة اعلان ادسنس وسط الموضوع

ابحث عن هذا الكود <data:post.body/> في html كما ذكرنا في الخطوة الأولى والذي يأتي بعد رابط اقرأ المزيد ثم احذفه وضع مكانه الكود التالي :

كود الأعلان في الخلفيه يمين ويسار الصفحه دون أن يغطي على محتوى الموضوع وغير مخالف لسياسات أدسنس في وضع الأعلانات

شاهد مثال على الأعلان اضغط على الصوره

طريقة التركيب

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

كود الأعلان يمين الصفحه

كود الأعلان يسار الصفحه

كود الأعلان يمين ويسار الصفحه

ملاحظة :يمكنك التحكم في الرقم 675 الموجود في الكود اما بالزيادة او النقصان وذلك حسب عرض قالب مدونتك

اضف وحدة اعلانية بعد فاصل اقرأ المزيد

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

كما ترى المساحة الإعلانية تظهر فوق ولتركيب الكود كل ما عليك اتباع التالي

أولا فوق الوسم </head> أضف الكود التالي

<script type='text/javascript'>

$(document).ready(function(){

$('a[name="more"]').before($('#cnmu-more-ads').html());

$('#cnmu-more-ads').html('');

});

</script>

ثم ابحث عن هذا الكود <data:post.body/>

وبعده اضف التالي

<b:if cond='data:blog.pageType == "item"'>

<div style="display:none;">

<div id='cnmu-more-ads'>

<br/>

<center>

اضف كود الإعلان هنا

</center>

<br/>

</div>

</div>

</b:if>

ملاحظة ربما يكون الكود متكرر اكثر من مرة فيجب ان تجرب حتى تصل للكود المطلوب

وطبعا استبدل اضف كود الإعلان هنا بكود الإعلان كما ذكرت ادسنس حسوب او غيرهما لكن طبعا لا تنسى تحويله بمحول الأكواد

قد تكون محتاج لتركيب كود مكتبة jquery ان لم يكن موجود في قالبك

هذا هو الكود اضفه فوق الوسم</head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

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

عندما تقوم بإضافة إعلانات البانرات 300 × 250 و 125 × 125 إلى الشريط الجانبي ، يجب أن تظهر إعلانات البانرات ، أو بمعنى اخر يجب أن تكون بتنسق جيد لها ، وفى هذا الموضوع سوف أقدم لكم إضافة لوضع إعلانات البانرات فى الشريط الجانبي بطريقة احترافيه بأستخدام CSS و HTML .

طريقة وضع وحدات إعلانية فى الشريط الجانبي بشكل احترافي

معاينة الإضافة

معاينة

صورة من الإضافة

طريقة وضع وحدات إعلانية فى الشريط الجانبي بشكل احترافي

تابع معى الشرح والخطوات التاليه لمعرفة كيفية وضع بسيطة بأحجام 300 × 250 أو 125 × 125 فى الشريط الجانبي بكل سهوله.

اولا قم بوضع الكود التالى فوق الوسم]]></b:skin>هذا فى مدونتك.

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.banner_box_ads{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px}
.banner_box{background:#ddd;height:125px;width:125px;display:inline;margin:0;padding:0;float:right;position:relative;}
.banner_box:nth-child(1),.banner_box:nth-child(3){margin-left:16.6666666667px}
.banner_box:nth-child(1),.banner_box:nth-child(2){margin-bottom:16.6666666667px}
.banner_box a{position:relative;display:block;z-index:2}
.banner_box img{object-fit:cover}
.banner_box:before{content:"125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#444;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.banner_300{width:300px;height:250px;}
.banner_box.banner_box-300:nth-child(1){margin-right:0;margin-bottom:0;}
.banner_box_ads.box_widget{padding:0;}
.banner_300:before{content:"300x250";}
.clear{clear:both;}

الأن عليك حفظ القالب وتقوم بالأنتقال الى التخطيط فى مدونتك الأن وتقوم بأنشاء أداة جديد وتقوم بوضع الكود التالى بها.

<div class="banner_box_ads box_widget">
<div class="banner_box banner_300">
<!-- 300x250 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="250" width="300"/></a>
</div>
<div class="clear"/>
</div>
<div class="banner_box_ads">
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 -->
<a href="رابط الأعلان" target="_blank" rel="nofollow noopener" title="نص الإعلان">
<img src="رابط الصورة" alt="نص الإعلان" title="نص الإعلان" height="125" width="125"/></a>
</div>
<div class="clear"/>
</div>

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

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

الصفحات

قالب

الصفحات

القايمة الرئيسية

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

طريقة انشاء جدول متجاوب في مدونة بلوجر

1111111111111

الدرس 158: تحويل الزوار من مدونة او مشاركة قديمة الى مدونة او موضوع جديد على بلوجر

اعلان وحد

التسميات

اعلانات

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

لمتابعة آخر اخبار ادسنس انضم الى مجموعتنا - ادسنس العرب