إضافة أداة التبادل الإعلاني لمدونات بلوجر بشكل عصري جديد

إعلان تحت صورة الموضوع

درسنا اليوم هو كيفية إضافة أداة التبادل الإعلاني بشكل ولا أروع 

الأداة مصممة من موقع أجنبي لكن تم إدخال بعض التعديلات من طرف مدونة جزائري ويب عليها لكي تناسب المدونات العربية

يمكنك مشاهدة الأداة في الصورة أعلاه أو يمكنكم معاينتها مباشرة من هنا 

ننتقل الآن لكيفية إضافة الأداة
إنتقل إلى القالب الخاص بك وإضغط تحرير ثم ضع الكود التالي فوق
</head>

<style> .LinkList h2::before {content: &quot;\f005&quot; !important;} .LinkList ul { list-style: outside none none; margin: 0; padding: 0;} .LinkList li a { 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: 316px;text-decoration: none;} .LinkList li a:before { content: &#39;\f127&#39;; 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: #F74047;color:#fff;} .LinkList li a:after { content: &#39;&#39;; 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: &#39;\f105&#39;;font-family: FontAwesome;} </style>

إعلان وسط الموضوع

داخل التخطيط إختر HTML/JavaScript

ثم ألصق الكود التالي داخلها

<ul><div class='widget LinkList' style='list-style: none;' id='LinkList1'> <li><a href="http://www.elmwso3a.com/" target="_blank"> موسوعة المعلوميات</a></li> <li><a href="http://www.i3lm.com/" target="_blank">موسوعة المعلومات</a></li> <li><a href="http://qaisi1web.blogspot.com/" target="_blank"> القيسي ويب | الافضل لكم </a></li> <li><a href="http://www.th3littleprofessor.com/" target="_blank">البروفيسور الصغير</a></li> <li><a href="http://www.almohtarifdz.com/" target="_blank">المحترف الجزائري للمعلوميات</a></li> <li><a href="http://profmasterissam.blogspot.com/" target="_blank">اورتيلكس للمعلوميات</a></li> <li><a href="#" style="background:#F74047;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> <li><a href="#" style="background:#F74047;color:#fff;" target="_blank"> ضع رابط مدونتك هنا</a></li> </div></ul><div class="clear"></div>

ثم غير الروابط بما يناسبك

إعلان آخر الموضوع