حصرياً :إنشاء تبادل إعلاني مطور
بسم الله الرحمن الرحيم
حصرياً :إنشاء تبادل إعلاني مطور
الموضوع
السلام عليكم ورحمة الله وبركاته
مرحباً بكم زوار ومتابعين مدونة يوسف للمعلوميات
اليوم سوف نشرح موضوع جديد وحصري لمدونة يوسف للمعلوميات وهو كيفية إنشاء تبادل إعلاني مطور الجديد الذي سوف يأتي لك بالزوار المشغولون في إشهار مدونتاهم ففي هذه اليوم سوف تتعلم طريقة إنشاء تبادل إعلاني مطور بحيث يمكن للجميع التبادل الإعلاني معك عن طريق كود واحد فقط وهذا شيء رائع .
الشرح
اولاً :يجب أن يكون لديك حساب على إستضافة ولا يهم أن يكون الإستضافة مجانية ام مدفوعةلإنشاء حساب على إستضافة مجانية ندخل الى الموقع التالي مدونة يوسف للمعلوميات
ثانياً :نضغط على Get Free Hosting
ثالثاً :نملئ جميع هذه الخانات
رابعاً :نسجل الدخول الى حساب الإستضافة
خامساً :نضغط على Hosting ومن ثم نضغط على Create new account
سادساً :نملئ البيانات التالية ومن ثم نضغط على Create
سابعاً :ندخل الى الإستضافة
ثامناً :نأخذ معوامات السيرفر او الإستضافة وندخلها في برنامج FileZilla Client
لتحميل البرنامج اضغط على الرابط التالي مدونة يوسف للمعلوميات
لمعرفة معلومات الإستضافة
ولإدخل معلومات السيرفر في برنامج FileZilla Client
تاسعاً :نقوم بإنشاء صفحة Html لوضع كود التبادل الإعلاني المطور فيه
خطوات لانشاء صفحة Html
أ :نفتح برنامج المفكرة او اي برنامج تحرير النصوص
ثم نضعط الكود التالي فيه
<div id="quran-cnmu">
<style>
#cnmuadsex {
max-height: 250px;
max-width: 300px;
}
#cnmuadsex img {
min-height: 125px;
min-width: 125px;
width: 100%;
}
#info {
position: absolute;
}
#info a {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1XautFYs-L6QoYSe7EetyLz7HseR_S3TqKThYfx06NBSEirjFfVe4R3RJs2UsWkFUdK3BLXeHxcAYIcM4UheE3KycboB8Etwd904qQbaP61073lVqjMuQrS6wD0m99wqN5fM2ITW3fu3/s14/info2.png") no-repeat scroll 2px 1.4px #DDDDDD;
border: 1px solid #BBBBBB;
border-radius: 0 0 0 5px;
color: rgba(0, 0, 0, 0);
display: block;
font: bold 11px tahoma;
height: 16px;
opacity: 0.9;
overflow: hidden;
padding: 1px 3px 1px 15px;
text-align: right;
text-decoration: none;
transition: all 0.8s ease 0s;
width: 0;
}
#info a:hover {
color: #000000;
transition: all 0.8s ease 0s;
width: 80px
}
</style>
<div height="250px" id="cnmuadsex" width="300px">
<div id="info">
<a href="http://www.infoyusif.com/2014/09/blog-post_34.html" target="_blank">Add Your Site</a>
</div>
<script language="Javascript">
function banner() {
};
banner = new banner();
number = 0;
banner[number++] = "<a href='http://www.infoyusif.com' target='_blank'><img border='0' src='http://im74.gulfup.com/rFxcVj.gif'/></a>"
banner[number++] = "<a href='http://www.infoyusif.com' target='_blank'><imgborder='0'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnqU-ZoNcjxoRihiBiF_1npnZQUsOUv9O5Rmk75re53bK7ExmDDKMDJaZTDB72fD3BdSI7ZUbuv4gXSevSyrx4jcr0Y78epurJ63j_tEd3Br8Oh_HCEh88S7BMVI-ifPBAPhtnaEI_vry3/s1600/Ads+300.png'/></a>"
increment = Math.floor(Math.random() * number);
document.write(banner[increment]);
</script>
مع تعديل الرابط الموجود باللون البرتقالي برابط الذي تريده عند تمرير الماوس على علامة التعجب الموجودة في اعلى يسار الأعلان الى ما يناسبك وبعدها تغير الروابط الموجودة باللون الأحمر بروابط الواقع التي تعمل معها التبادل الإعلاني وبعدها تغير الروابط الموجودة باللون الأحمر بروابط الصور وبعدها نضغط على حفظ بأسم ونكتب اي اسم له ولكن في النهاية اكتب .html مثل ads.htmlفإن لام تعرف فأكتب ads.html
عاشراً وأخيراً :نقوم برفع صفحة html الى الإستضافة عبر سحب وإفلات الصفحة في برنامج FileZilla Client
وفي الأخير نقوم بأخذ هذا الكود وإضافة الى مدونة بلوجر عبر التخطيط
<iframe frameborder="0" width="300" height="250" scrolling="no" src="infoyusif-file.lixter.com/ads.html" ></iframe>
مع تعديل الرابط الموجود باللون البرتقالي برابط الدومين الذي تسجلت به الى ما يناسبك
وبعدها تغير الاسم الموجود باللون الأحمر بأسم صفحة html
النهاية
ممكن أخي الكريم القالب الخاص بالتبادل آلإعلاني المطور لبلوجر
ردحذف