U3F1ZWV6ZTgwNzczMjc0MDNfQWN0aXZhdGlvbjkxNTA0OTc4MjA3
recent
أخبار ساخنة

كود التبادل الاعلاني بشكلين








اقدم لكم كود التبادل الاعلاني بشكلين
كود التبادل الاعلانى بشكل جميل لمدونات بلوجر



كود التبادل الاعلانى : تعتمد علية اغالبية المدونات حيث تعتمد على التبادل الإعلاني او الإعلانات المدفوعة ولذلك فمن الضرورى وجود كود اعلانى مضبوط لجعل تلك الخدمة امر بسيط وسهل وخصوصا ان كان يتم تعديل البنرات والروابط كثيراً فى المدونة .

كود اضافة التبادل الاعلاني لمدونات بلوجر هو كود مثالي جدا للتبادل الاعلانى حيث انه خفيف جداً ولا يحتوي على صور كما انة معتمد على اكواد الـ CSS

ملاحظة : يمكنك أن تضيف صورة لمدونتك فى الكود ، لكننى انصحك بأن توفر على نفسك صناعة صورة لكى تخبر الزوار أن تلك مساحة إعلانية

إضافة كود التبادل الاعلانى لمدونات بلوجر | اضافه كود الاعلانات لمدونات بلوجر - Ad Banner

لإضافة كود التبادل الاعلانى فى بلوجرإتبع الخطوات الاتية :









<div class='widget-content'><style type='text/css'> #navlist { margin: 0px auto 0px auto; padding: 0px; list-style-type: none; float: center; display: block; } #navlist a { font-family: "DroidKufi-Regular"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#B6D721; border: 1px solid #B6D721; font-size: 10pt; text-decoration: none; color: #fff; display: block; text-align: center; line-height: 30px; padding-right: 0px; margin-right: 0px; } #navlist a:hover { font-family: "DroidKufi-Regular"; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#6EA611; border:1px solid #6EA611; font-size: 12pt; text-decoration: none; color: #000000; display: block; text-align: center; line-height: 30px; padding-right: 0px; margin-right: 0px; } </style> <ul id='navlist'> <table align='center' width='100 %'><tr> <td align='center' width='25%'> </td> </tr></table><table align='center' width='100%'><tr> <td align='center' width='25%'> <a href='الرابط' target='_blank'>اعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td></tr><table align='center' width='100%'><tr> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td></tr><td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> </table><table align='center' width='100%'><tr> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td></tr><table align='center' width='100%'><tr> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td> <td align='center' width='25%'> <a href='الرابط' target='_blank'>إعلانك هنا</a> </td></tr </table></table></table></ul><div class='clear'></div></div>




















<style> .LinkList h2::before {content: "\f005" !important;} .LinkList ul { list-style: outside none none; margin: 0; padding: 0;} .LinkList li a { font-family: Droid Arabic Kufi,Electrolize,ge_ss_threeregular;border-left: 3px solid #DCDCDC; background-color: #E7E7E7; box-shadow: 0 1px 0 4px #fff; color: #2D3E50; display: block; float: right; height: 40px; line-height: 40px; margin-bottom: 5px; text-align: center; width: 274px;text-decoration: none;} .LinkList li a:before { content: '\f127'; font-family: FontAwesome; font-style: normal; font-weight: normal; right: 0;float: right;color: #FFF; background: #456B8E; padding-left: 7px; padding-right: 7px;transition: all 0.3s linear; } .LinkList li a:hover { background-color: #3498db;color:#fff;} .LinkList li a:after { content: ''; margin-top: 10px; border: 10px solid transparent; border-right-color: #456B8E; float: right;} .LinkList li a:hover:before{padding-left: 17px; padding-right: 17px;transition: all 0.3s linear;content: '\f105';font-family: FontAwesome;} </style>

<div class="widget-content"><ul><div class="widget LinkList" style="list-style: none;" id="LinkList1"> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#3498db;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li></li></div></ul><div class="clear"></div></div>




و شكرا 
الاسمبريد إلكترونيرسالة