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

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

2.قم بالضغط على علامة توسيع قوالب واجهة المستخدم ومن ثم قم بالبحث عن الكود الذي بالاسفل"
 ]]></b:skin>

وضع قبلة مباشرة الكود الموجود بالاسفل


#pageflip {
position: relative;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
z-index: 50;
right: 0; top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirr7dFJZmcI2UMlptkPBlff5rgj8U5_DzIoZrrO6f0ZsyQg_eIQDxBQtw9hvbCMatAGD70X5Vf9pLHuD6C-PZ9C0dJllu__YqB5LZ3spfgrgZ3BQPjwOUx4mO5ni-yA3Lu_VUlJ5bL8yQn/) no-repeat right top;
text-indent: -9999px;
}



قم مره اخرى بالبحث عن الكود التالي </head>

وضع قبله الكود الموجود بالاسفل


<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$(&quot;#pageflip&quot;).hover(function() {
 $(&quot;#pageflip img , .msg_block&quot;).stop()
  .animate({
   width: &#39;307px&#39;,
   height: &#39;319px&#39;
  }, 500);
 } , function() {
 $(&quot;#pageflip img&quot;).stop()
  .animate({
   width: &#39;50px&#39;,
   height: &#39;52px&#39;
  }, 220);
 $(&quot;.msg_block&quot;).stop()
  .animate({
   width: &#39;50px&#39;,
   height: &#39;50px&#39;
  }, 200);
});


});
</script>


.واخيرا  ابحث عن هذا الكود <body>

وضع الكود الذي بالاسفل بعده مباشرة


<div id='pageflip'>
<a href='http://feeds2.feedburner.com/blogspot/WyNa'>
 <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F8Jm50q26POGTXrUr5La9_9iFComfQKdb04U7S1e-qHZwnVJFKBbAm3fNgMbbzGTy0U7FxoZzhpOjcNM_N6KWoquhiOw8WL6ESKqCSfenK4prvVHcpS7-erOVbUkkXT9RJU0WXpAWL8x/'/>
 <span class='msg_block'>Subscribe via RSS</span>
</a>
</div>


ملحوظه: قم برفع تلك الصوره 'page_flip.png' على موقع رفع تثق في استمراريه الخدمه فيه .

وقم بتغيير هذا الرابط 'http://feeds2.feedburner.com/blogspot/WyNa' الي رابط التغذيه الخاص بمدونتك.

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



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

undefined
تم الموضوع بحمد الله وتوفيقه,, واي استفسار يرجا ترك تعليق بالاسفل.
أصدقاء(تطوير ويب)
تعليقات Facebook
8تعليقات Blogger

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

Unknown يقول...

بارك الله لك وعليك وكل عام وانت وجميع المسلمين بخير

غير معرف يقول...

@السيد المصرى
تسلم يارب على كلامك الطيب ودعوتك الكريمه

Free Server Card محمد يقول...

صراحة موضوع رائع لكن هل يمكن ان اضع اعلانات ادسنس في الهيدر
اليف مخالفا لقوانين ادسنس ؟؟

غير معرف يقول...

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

Unknown يقول...

أخي الكريم هي طريقة مميزة بس انا لما طبقتها

طلعت بالصورة اللي انا مش عايزها

بكن انا عايزها بالطريقة اللي موجودة بمدونة الاخ ذؤيب http://www.doaib.com/

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

إرسال تعليق

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