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

مقدمة
السلام عليكم
موضوعنا اليوم عن إضافة كود التبادل الإعلاني لمدونات بلوجر و لكن بشكل جذاب و رائع
تركيب الإضافة
توجه إلى لوحة تحكم بلوجر>> التخطيط>> إضافة أداة>> HTML/JavaScript ثم ألصق الكود التالي

<style>#advertise{margin: auto;}.adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }.adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }.adss a strong { font-weight: normal;position: absolute;left: 20px;top: -1px;color: #fff;padding: 3px;z-index: 9999;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);background-color: rgba(12, 106, 205, 0.95);-moz-border-radius: 3px;-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);-webkit-border-radius: 3px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);border-radius: 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}.adss img { max-height: 75px; max-width: 75px; }#adsanime:hover { opacity:0.2; }#adsanime a strong {-webkit-transition-property: opacity;-webkit-transition-duration: 500ms;-moz-transition-property: opacity;-moz-transition-duration: 500ms; }#adsanime a strong {opacity:0;-webkit-transition-property: opacity, top;-webkit-transition-duration: 300ms;-moz-transition-property: opacity, top;-moz-transition-duration: 300ms; }#adsanime {opacity:0.5;-webkit-transition-property: opacity, top;-webkit-transition-duration: 300ms;-moz-transition-property: opacity, top;-moz-transition-duration: 300ms; }#adsanime:hover { opacity:1; }#adsanime:hover a strong { opacity:1; top:-10px; }</style><center>
<div class="adss" id="adsanime"><a href="http://th3professionelpc.blogspot.com/" target="_blank"><img src="http://i.imgur.com/JM2Tqjl.gif" class="hoverZoomLink" /><strong>مدونة محترفي الكمبيوتر</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
<div class="adss" id="adsanime"><a href="http://bit.ly/AdsTh3ProPc01" target="_blank"><img src="http://i.imgur.com/2dcVXWi.png" class="hoverZoomLink" /><strong>أعلن هنا</strong></a></div>
</center>

و الأن مع التغيرات
الون الأزرق:اسم المدونة
الون الأحمر:رابط الصورة
الون البرتقالي:رابط المدونة