الثلاثاء، 7 أبريل 2015

طريقة وضع الاعلانات المنبثقة جوانب وواسط المدونة بلوجر لزيادة الارباح الأدسنس

طريقة وضع الاعلانات المنبثقة جوانب وواسط المدونة بلوجر لزيادة الارباح الأدسنس

طريقة وضع الاعلانات المنبثقة جوانب وواسط المدونة بلوجر لزيادة الارباح الأدسنس




http://adsense-cool.blogspot.com/2015/04/how-to-cree-popadsense.html


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

الذهاب الى التخطيط > اضافة اداة جديدة >> html/javascript 


  1. لوضع الاعلان على الجهة اليمنى للمدونة  قم بوضع هدا الكود  
 

 <div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML20&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("html20"));' target='configHTML20' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'>
</div>
<div id='rsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'>
<div class='widget HTML' id='HTML15'>
<div class='widget-content'>
<div class="angular_advertisement angadver_bottom angadver_right">
 <a href="#">  </a>  </div>
<div class="angular_advertisement" style="right: 0px; top: 0px; position: fixed;">
كود أدسنس <div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://www.abounizar005.blogspot.com/
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
</div>
</div>
</div>
</div>
</div>

2. لوضع الاعلان على الجهة اليسرى للمدونة قم باستعمال هدا الكود

 

<div class="angular_advertisement" style="left: 0px; top: 0px; position: fixed;">
 كود أدسنس <div dir="rtl" style="text-align: right;" trbidi="on">
<strong><a href="http://abounizar005.blogspot.com/
" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></strong></div>
<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML15&action=editWidget§ionId=sidebarleft' onclick='return _WidgetManager._PopupConfig(document.getElementById("html15"));' target='configHTML15' title='تحرير'> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span></span></div>

 

2. لوضع الاعلان على الجهة الوسط  المدونة قم باستعمال هدا الكود

 

<style>
#topbar {
height:30px;
width:auto;
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 0px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:-30px;
left:-30px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
</div>
<div id="adsground">
<p align="left"><h3></h3></p>
<script type="text/javascript">
$(document).ready(function(){
$('div#b_icon1').hide();
$('div#b_icon2').hide();
$('div#b_icon3').hide();
$("div#h_icon1").mouseover(function() {
$('div#h_icon1').hide();
$('div#b_icon1').show();
});
$("div#h_icon2").mouseover(function() {
$('div#h_icon2').hide();
$('div#b_icon2').show();
});
$("div#h_icon3").mouseover(function() {
$('div#h_icon3').hide();
$('div#b_icon3').show();
});
$('div#b_icon1').click(function(){
$('#bannerfloat03').html('');
});
});
</script>
<div style="left: 500px; top: 300px; width: 338px; height: 280px; position: absolute" id="bannerfloatADS">
كود أدسنس
<div style="left: 250px; top: 70px; width: 40px; height: 0px; position: absolute" id="h_icon2"><img alt="" src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Close.png" /></div>
<div style="top: 220px; width: 20px; height: 60px; display: none; position: absolute; leftt: 70px" id="b_icon2"><span onmouseup="document.getElementById('bannerfloatADS').style.display='none'"><img alt="" width="6" height="3" src="http://2.bp.blogspot.com/-MMPpCZmtMOk/Ta7bZ-q_ysI/AAAAAAAAAfo/iRHsnr_ZxVE/s1600/close.png" /></span></div></div>
<p>
<br/></p></div></div>

 

ثم استبدل كلمة كود أدسنس بشيفرة كود ادسنس بمقاس (160×600) او المقاس الذي تريد اتمنى ان تنال الاضافة اعجابك يمكنك ترك تعليق لاي استفسار




ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوظة ل المتألق للمعلوميات 2016