اضافة التبادل المطور الى مدونتك


اهلا بكم احبائى الكرام 😉. الجميع يريد اضافات جديدة وحصرية والاهم مفيدة لهم وسريعة ولا تجعل المدونة بطيئه. 
الكل طبعا يعرف نظام عرض اعلانات ادسنس فى المدونة حيث تعرض اعلانات كثيرة فى من خلال كود بسيط وايضا تعرض اعلانات متتالية مدة عرض الاعلان مدة محددة وبعد هذة المدة ياتى اعلان اخر وبعدها اعلان اخر وهكذة الخ الخ.
 المهم انك مثلا اعجبت بها وقررت ان تفعل مثل ما يفعله جوجل ادسنس فى مدونتك حيث تجتمع انت وبعض المدونات الاخرى وتقدم عرض هذة الخدمة ويشترك فيها العديد ويظهر اعلان للمدونة لمدة 30 ثانية او اكثر كما تحب وكلما تتنهى المدة ياتى اعلان اخر وهكذا الخ الخ. وفى هذة التدوينة سوف تستطيع عمل هذا الاعلان حيث يتطلب بنر 300*250 او كما تحب ولكن هذا هو الحجم الامثل او الكثير الطلب عليه.
والاهم من ذلك ان معدل زوار مدونتك سوف يتزايد حيث ان هذة الاضافة سوف تكون فى مدونتك وعن طريق كود بسيط يوضع فى التخطيط عند المدونات التى تريد التبادل فبهذا سوف تحصل على زوار المدونات الاخرى وتستفيد بالاعلان وبهذا ينخفض ترتيبك فى اليكسا

avatar الشرح
بالتفصيل
1- قم بانشاء صفحة جديدة وقم بتسميتها tbadol او الذى تريده => احفظ الصفحة فارغة => انسخ رابطها لاننا سوف نحتاجه فى الخطوات التالية
2- نتوجه الى القالب => تحرير html => نبحث عن الوسم <body> => اضف بعده هذا الكود

<b:if cond='data:blog.url != &quot;http://www.cn1gk.com/p/e.html&quot;'>
* قم بتغير الرابط http://www.cn1gk.com/p/e.html برابط الصفحة التى انشائتها فى اول خطوة
3- نبحث عن الوسم </body> => اضف قبله هذا الكود

<b:if cond='data:blog.url == &quot;http://www.cn1gk.com/p/e.html&quot;'>
<style>
body{background:#fff!important}
center,.ads-box{display:none}
img{width:300px;height:250px}
#cn1gk-adsex {max-height: 250px;max-width: 300px;}
#cn1gk-adsex img {min-height: 125px;min-width: 125px;width: 100%;}
#info {background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEfIuWX5ZRsXJ1ty-6vO1WKhlJwKOqRNqInXpaD_wkFX2PnIBy2vQU0MKXjMWnrR9JZnzU3dFq9bKbsBBqzagMDzwlN7iTZLbXvm8C3F-3NmUwfiAOsPcLhLF7MBn2U20TtEOPL7xce11X/s1600/info2.png&quot;) no-repeat scroll 2px 1.4px #DDDDDD;border: 1px solid #BBBBBB;border-radius: 0 0 5px 5px;}
#info a {font-size: 11px;text-decoration: none;transition: all 0.8s ease 0s;opacity: 0.9;height: 16px;overflow: hidden;padding: 1px 3px 1px 15px;text-align: right;width: 0;color: #000000}
#info a:hover {transition: all 0.8s ease 0s;width: auto;margin-left: 5px;}
/*---------------CSS ToolTip NEW----------------*/
#tooltip{text-align:center;color:#fff;background:#333;position:absolute;z-index:100;padding:8px 15px;border-radius:3px;box-shadow:2px 2px 3px rgba(0,0,0,.2);border:1px solid #6f6f6f;z-index:100000}
#tooltip:after{width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #333;content:&#39;&#39;;position:absolute;right:50%;bottom:-10px;margin-right:-10px}
#tooltip:before{width:0;height:0;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid #6f6f6f;content:&#39;&#39;;position:absolute;right:50%;bottom:-12px;margin-right:-12px}
#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #333;top:-20px;bottom:auto}
#tooltip.top:before{border-top-color:transparent;border-bottom:12px solid #6f6f6f;top:-24px;bottom:auto}
#tooltip.right:after{right:10px;margin:0}
#tooltip.right:before{right:8px;margin:0}
#tooltip.left:after{left:10px;right:auto;margin:0}
#tooltip.left:before{left:8px;right:auto;margin:0}
</style>
<meta content='30' http-equiv='refresh'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){var e=$("[rel~=tooltip]"),t=false,n=false,r=false;e.bind("mouseenter",function(){t=$(this);tip=t.attr("title");n=$('<div id="tooltip"></div>');if(!tip||tip=="")return false;t.removeAttr("title");n.css("opacity",0).html(tip).appendTo("body");var e=function(){if($(window).width()<n.outerWidth()*1.5)n.css("max-width",$(window).width()/2);else n.css("max-width",340);var e=t.offset().left+t.outerWidth()/2-n.outerWidth()/2,r=t.offset().top-n.outerHeight()-20;if(e<0){e=t.offset().left+t.outerWidth()/2-20;n.addClass("left")}else n.removeClass("left");if(e+n.outerWidth()>$(window).width()){e=t.offset().left-n.outerWidth()+t.outerWidth()/2+20;n.addClass("right")}else n.removeClass("right");if(r<0){var r=t.offset().top+t.outerHeight();n.addClass("top")}else n.removeClass("top");n.css({left:e,top:r}).animate({top:"+=10",opacity:.9},50)};e();$(window).resize(e);var r=function(){n.animate({top:"-=10",opacity:0},50,function(){$(this).remove()});t.attr("title",tip)};t.bind("mouseleave",r);n.bind("click",r)})});
//]]>
</script>

<div height='270px' id='cn1gk-adsex' width='100%'>
<div id='info'>
<a href='https://cngk.blogspot.com/p/ads.html' target='_blank'>أضف موقعك هنا مجانا</a>
</div>
<script language='Javascript'>
        function banner() {
        };
        banner = new banner();
        number = 0;
    banner[number++] = &quot;<a href='رابط المدونة' rel='tooltip' target='_blank' title='اسم المدونة'><img border='0' src='رابط البنر'/></a>&quot;
     
     increment = Math.floor(Math.random() * number);
        document.write(banner[increment]);
      </script>
  </div>
</b:if> 
* قم بتغير الرابط http://www.cn1gk.com/p/e.html برابط الصفحة التى انشائتها فى اول خطوة
* قم بتغير الرابط https://cngk.blogspot.com/p/ads.html برابط صفحة التبادل الاعلانى فى مدونتك
4- احفظ القالب 
5- ناتى الان للكود الذى سوف يوضع فى التخطيط 

<center><iframe frameborder="0" width="100%" height="280" scrolling="no" src="http://www.cn1gk.com/p/e.html"></iframe></center>
* قم بتغير الرابط http://www.cn1gk.com/p/e.html برابط الصفحة التى انشائتها فى اول خطوة

تعليقات

الأرشيف

نموذج الاتصال

إرسال