طريقة عمل صندوق منبثق لوضع اعلانات جوجل ادسنس |
بسم الله الرحمن الرحيم
* ابحث عن هذا الكود </head> باستخدام CTRL+F .
* انسخ الكود الموجود بالاسفل وضعه قبل هذا مباشرة </head>
---------------------------------------------------------------------------------------------
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
jQuery(document).ready(function() {
function on_Scroll_Resize() {
var wh = jQuery(window).height();
var pph = jQuery("#popupslider").height();
var fromTop = jQuery(window).scrollTop()+50;
jQuery("#popupslider").css({"top":fromTop});
}
jQuery(window)
.scroll(on_Scroll_Resize)
.resize(on_Scroll_Resize)
//alert(jQuery.cookie('sreqshown'));
//var ww = jQuery(window).width();
//var ppw = jQuery("#popupslider").width();
//var leftm = (ww-ppw)/2;
var leftm = 0;
//var wh = jQuery(window).height();
//var pph = jQuery("#popupslider").height();
//var fromTop = (jQuery(window).scrollTop()+wh-pph) / 2;
jQuery("#popupslider").animate({opacity: "1", left: "0" , left: leftm}, 1000).show();
jQuery("#closepp").click(function() {
jQuery("#popupslider").animate({opacity: "0", left: "-300"}, 1000).show();
});
});
</script>
--------------------------------------------------------------------------------------------------
قم بحفظ قالب مدونتك.
* قم بالذهاب مره اخرى ---->>>> الي عناصر تصميم الصفحه.
* قم باختيار انشاء اداه جديده.
* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript .
* انسخ الكود الموجود بالاسفل وضعه داخل الاداه.
------------------------------------------------------------------------------------------------
<b:if cond='data:blog.pagetype == 'item'>
<div
id="popupslider" style="position: absolute;width:250px;height:280px;background:#222;top:50px;b order:1px solid #929292;z-index:999;display:none;padding:10px;left:-300px;">
<p style="font-size:12px;font-weight:bold;color:green!important;"><a style="color:#00FF00!important;"> Promotions </a>
<a href="#" id="closepp" style="color:red!important;" onclick="return false;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0zxw6LLsaNEgmUI0eO984nNx_zQJdNpcCVcua9m9aHhy8zCOJNQdy8TVWzsDPkEnaJ9tKNPCX3XYko9QI6pW3hMGWkbqu0GNGQxXTHp2VepOOItZpb2mQWnaTe647gQyXoN1CDSBQxkBQ/s1600/close+2.png" align="right" /> </a></p>
ADD HERE YOUR 250x250 Adsense code
<center><a href="ADD HERE YOUR FEEDBURNER URL" title="Subscribe To Our Rss Feed"><img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilMK9hg3SJjmcePh1eYNHRqWCw77axhRt0To9AjHO30xQvWimgQrbtGRZmV4ufdOQxsjcTxog6F0OKLmwLMF-OmI8RPk9493mU09dhAIVCTWxApf1_R-n9QK7ws4ZwcuTADsJw9G7eUz1o/s320/subscribe-rss-green.jpg"/></a></center></div
id="popupslider">
</b:if>
</div>
<div class='clear'></div>
---------------------------------------------------------------------------------------------------
ملاحظه:- قم بتغيير الكلام ذات اللون الاحمر بالتالي اعلان جوجل ادسنس بقياس عرض-250 و ارتفاع-250
* ابحث عن هذا الكود </head> باستخدام CTRL+F .
* انسخ الكود الموجود بالاسفل وضعه قبل هذا مباشرة </head>
---------------------------------------------------------------------------------------------
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
jQuery(document).ready(function() {
function on_Scroll_Resize() {
var wh = jQuery(window).height();
var pph = jQuery("#popupslider").height();
var fromTop = jQuery(window).scrollTop()+50;
jQuery("#popupslider").css({"top":fromTop});
}
jQuery(window)
.scroll(on_Scroll_Resize)
.resize(on_Scroll_Resize)
//alert(jQuery.cookie('sreqshown'));
//var ww = jQuery(window).width();
//var ppw = jQuery("#popupslider").width();
//var leftm = (ww-ppw)/2;
var leftm = 0;
//var wh = jQuery(window).height();
//var pph = jQuery("#popupslider").height();
//var fromTop = (jQuery(window).scrollTop()+wh-pph) / 2;
jQuery("#popupslider").animate({opacity: "1", left: "0" , left: leftm}, 1000).show();
jQuery("#closepp").click(function() {
jQuery("#popupslider").animate({opacity: "0", left: "-300"}, 1000).show();
});
});
</script>
--------------------------------------------------------------------------------------------------
قم بحفظ قالب مدونتك.
* قم بالذهاب مره اخرى ---->>>> الي عناصر تصميم الصفحه.
* قم باختيار انشاء اداه جديده.
* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript .
* انسخ الكود الموجود بالاسفل وضعه داخل الاداه.
------------------------------------------------------------------------------------------------
<b:if cond='data:blog.pagetype == 'item'>
<div
id="popupslider" style="position: absolute;width:250px;height:280px;background:#222;top:50px;b order:1px solid #929292;z-index:999;display:none;padding:10px;left:-300px;">
<p style="font-size:12px;font-weight:bold;color:green!important;"><a style="color:#00FF00!important;"> Promotions </a>
<a href="#" id="closepp" style="color:red!important;" onclick="return false;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0zxw6LLsaNEgmUI0eO984nNx_zQJdNpcCVcua9m9aHhy8zCOJNQdy8TVWzsDPkEnaJ9tKNPCX3XYko9QI6pW3hMGWkbqu0GNGQxXTHp2VepOOItZpb2mQWnaTe647gQyXoN1CDSBQxkBQ/s1600/close+2.png" align="right" /> </a></p>
ADD HERE YOUR 250x250 Adsense code
<center><a href="ADD HERE YOUR FEEDBURNER URL" title="Subscribe To Our Rss Feed"><img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilMK9hg3SJjmcePh1eYNHRqWCw77axhRt0To9AjHO30xQvWimgQrbtGRZmV4ufdOQxsjcTxog6F0OKLmwLMF-OmI8RPk9493mU09dhAIVCTWxApf1_R-n9QK7ws4ZwcuTADsJw9G7eUz1o/s320/subscribe-rss-green.jpg"/></a></center></div
id="popupslider">
</b:if>
</div>
<div class='clear'></div>
---------------------------------------------------------------------------------------------------
ملاحظه:- قم بتغيير الكلام ذات اللون الاحمر بالتالي اعلان جوجل ادسنس بقياس عرض-250 و ارتفاع-250
