السلام عليكم ورحمة الله وبركاته ,,, موعدنا اليوم مع درس جميل ومفيد ويذيد مدونة بلوجر اناقه واحترافيه عاليه.
1.سجل دخول الي لوحة تحكم مدونتك--> ثم اذهب الي تصميم- -> ثم تحرير HTML
2.قم بالضغط على علامة توسيع قوالب واجهة المستخدم ومن ثم قم بالبحث عن الكود الذي بالاسفل"
]]></b:skin>
وضع قبلة مباشرة الكود الموجود بالاسفل
قم مره اخرى بالبحث عن الكود التالي </head>
وضع قبله الكود الموجود بالاسفل
.واخيرا ابحث عن هذا الكود <body>
وضع الكود الذي بالاسفل بعده مباشرة
ملحوظه: قم برفع تلك الصوره 'page_flip.png' على موقع رفع تثق في استمراريه الخدمه فيه .
وقم بتغيير هذا الرابط 'http://feeds2.feedburner.com/blogspot/WyNa' الي رابط التغذيه الخاص بمدونتك.
وتستطيع مثلما قلت في بداية الموضوع ان تغير رابط الصوره ورابط التغذيه باي رابط صوره او رابط موقع اخر تود الاعلان عنه في مدونتك
الصوره الصغيره بالاعلى تبين شكل الاضافه في وضعها العادي..والصوره التي بالاسفل تبين شكل الاضافه عند وقوف الماس عليها.
تم الموضوع بحمد الله وتوفيقه,, واي استفسار يرجا ترك تعليق بالاسفل.
درس اليوم يتحدث عن اضافة صفحه اعلانيه اعلى هيدر المدونه علي اليمين او علي اليسار بمجرد لمس مؤشر الماوس
لها تقوم بالفتح في نفس النافذه دون الخروج من صفحة المدونه .من خلال تلك الاضافه تستطيع منحها بمقابل مادي لتعلن من خلالها عن احد المواقع او المنتديات الاخرى او تستطيع وضع اعلان خاص بك انت او على سبيل المثال وضع صورة الاشتراك بالنشره البريدية
وحصول المشتركين على اخر المستجدات والموضوعات بمدونتك اول باول..باختصار تستطيع وضع اي اعلان في تلك النافذه المبهره.
ان اعجبتك اضافة اليوم تستطيع تطبيقها في مدونتك من خلال اتباع التعليمات البسيطه التاليه :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/AVvXsEibhC0IaQm-sG4AFocdfQh9hLNIJ5ztoSPM-ZKA4APnyudmAzrR3E6D7tVuCUubCuAvEJqbuz98WR2diUc_2YW2RznSyvtGKC_P43rHm69mdl1GO2PuFiqO4gQxgG5hgS-GMlNufSyFpytP/) 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
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
</script> .واخيرا ابحث عن هذا الكود <body>
وضع الكود الذي بالاسفل بعده مباشرة
<div id='pageflip'>
<a href='http://feeds2.feedburner.com/blogspot/WyNa'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOFejJVtE4HIqEWldUUpWtcIvVQMbzS6hwHQpVpdQ9Ljn12N9pzzwpc8cpA3qVTOsqW8uT2GFeQi4aABroc0-knrds4wNYvpvWufxHZRUITMi4PfoJR3VFnimPgpA3Hzv7Jad-teVjzYh/'/>
<span class='msg_block'>Subscribe via RSS</span>
</a>
</div> ملحوظه: قم برفع تلك الصوره 'page_flip.png' على موقع رفع تثق في استمراريه الخدمه فيه .
وقم بتغيير هذا الرابط 'http://feeds2.feedburner.com/blogspot/WyNa' الي رابط التغذيه الخاص بمدونتك.
وتستطيع مثلما قلت في بداية الموضوع ان تغير رابط الصوره ورابط التغذيه باي رابط صوره او رابط موقع اخر تود الاعلان عنه في مدونتك
الصوره الصغيره بالاعلى تبين شكل الاضافه في وضعها العادي..والصوره التي بالاسفل تبين شكل الاضافه عند وقوف الماس عليها.
تم الموضوع بحمد الله وتوفيقه,, واي استفسار يرجا ترك تعليق بالاسفل.
يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة اضافه اعلان في منطقة الهيدر في مدونة بلوجر | TATWEERWEB
ساهم في نشر الموضوع ولك جزيل الشكر !
أضف تعليقك عن طريق الفيسبوك :