بسم الله الرحمن الرحيم
التبادل الاعلاني من افضل الوسائل المستخدمة لاشهار المدونة , وانا انصح باستخدامه ولكن بالطريقة الصحيحة , فهنا ستجد خطة مثالية لاستخدام التبادل الاعلاني " التبادل الاعلاني فوائده وطريقة التعامل معه " , كما ان مدونة ارشر ترحب بطلبات التبادل الاعلاني "صفحة التبادل الاعلاني " , في هذها المقال اقدم لكم اداة التبادل الاعلاني البانري بتصميم رائع وفريد من نوعة وشرح لطريقة تركيبها .
لمعاينة الاضافة " اضغط هنا "
مميزات الاضافة
📍 بسيطة وسهلة التركيب و التعديل .
📍 خفيفة لعدم كثرة استخدام الصور فيها .
📍 طريقة عرض رائعة للبنرات .
📍 اكواد نظيفة و محكمة التطويد .
طريقة التركيب
توجه الى لوحة التحكم في بلوجر > التخطيط > اضافة اداة > HTML/JavaScript والصق بداخلها الكود التالي :
<style type="text/css">
.archerads {
display: block;
list-style: outside none none;
margin: 5px auto !important;
padding: 0;
width: 286px;
}
.archerads li {float: right;}
.archerads a {
background-color: #333;
border: 4px solid #2C2C2C;
border-radius:3px;
box-shadow: 0 0 0 1px #444;
color: #fff;
display: block;
height: 125px;
line-height: 125px;
margin: 5px;
text-align: center;
text-decoration: none;
width: 125px;
}
.archerads a:hover{background-color: #446faa; color:#fff; border-color:#686565; border-radius:15px 0px 15px 0px;
</style>
<ul class="archerads">
<li><a href="#"><img src="http://store6.up-00.com/2017-01/148558848466561.png" /></a></li>
<li><a href="#"><img src="http://store6.up-00.com/2017-01/148558848466561.png" /></a></li>
<li><a href="#"><img src="http://store6.up-00.com/2017-01/148558848466561.png" /></a></li>
<li><a href="#"><img src="http://store6.up-00.com/2017-01/148558848466561.png" /></a></li>
</ul>
🔖 الرابط باللون الازرق استبدله برابط رابط صورةالمدونة المعلنة .
🔖 العلامة باللون الاحمر استبدلها برابط المدونة المعلنة .
لاضافة بنرات اخرى كرر السطر <li><a href="#"><img src="http://store6.up-00.com/2017-01/148558848466561.png" /></a></li> ولحذف احد البنرات احذف نفس السطر .
ثم قم بحفظ الاداة , ومبروك عليك
ودمتم في حفظ الله ورعايته
اظهر الابتساماتإخفاء