ومرحبا بكم في مدونة افتخر .
اليوم باذن الله سأقدم لكم إضافة من اجمل الاضافات لبلوجر .
الاضافة عبارة شفرة او كود التبادل الإعلانات في القائمة الجانبية للمدونة المعروفة ب (السايد بار) بلوجر بتأثيرات Css قبل الصور في غاية الجمال الروعة , كما يمكنك تغيير لون الاضفة لتبادل الإعلانات باللون المناسب لمدونتك او بعدة الوان ,
ويمكنك ايضا تغيير حجم الصورة المعلنة بما يناسب حجم السايد بار .
تركيبة الشفرة تبادل الإعلانات الطريقة بسيطة جدا وسهلة وقبل التركيب يجب تغيير الصورة المعلنة ورابط المدونة او الوان المناسب لمدونتك
طريقة التركيب :
1~ اذهب الى تخطيط.
2~ إضافة أداة
3~ اختار Html/Javascript
<!--CSS Hover Effects To 125x125 Advertisement Banners-->
<style> .Mohamed-Ads ul{ list-style-type:none; margin: 0px auto; padding: 10px 0px 10px 0px; width:300px; overflow:hidden; } .Mohamed-Ads ul li{ list-style-type:none; margin: 0px 5px 10px 5px; float:left; display:inline; background:orange; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; } .Mohamed-Ads ul li:hover { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -o-border-radius:15%; -webkit-border-radius:15%; -moz-border-radius:15%; border-radius:15%; } .Mohamed-Ads ul li:active { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -o-border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .Mohamed-Ads ul li a img{ -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5); -moz-box-shadow:0 0 8px rgba(0,0,0,0.5); box-shadow:0 0 8px rgba(0,0,0,0.5); padding:3px; } </style> <div class="Mohamed-Ads"> <ul> <li style="background:#e42b2b !important;"> <a href="http://eftakhir.blogspot.com/" rel="nofollow"> <img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitp1Io2fjk5J87H1XtL5XSLJX9ENT0kGfH8mfeziOc5tcO_qxAH7EK3wbHCg852tOa9epfgcCm62acmiPbTHKBnnAUtF9fMoqVxAChRzc2ycLzPYvCt_aOIfx3Ti1PbRoeQ6h0bq4N6o/s1600/%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA.png" width="125" /> </a></li> <li style="background:#FFE500 !important;"> <a href="http://eftakhir.blogspot.com/" rel="nofollow"> <img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitp1Io2fjk5J87H1XtL5XSLJX9ENT0kGfH8mfeziOc5tcO_qxAH7EK3wbHCg852tOa9epfgcCm62acmiPbTHKBnnAUtF9fMoqVxAChRzc2ycLzPYvCt_aOIfx3Ti1PbRoeQ6h0bq4N6o/s1600/%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA.png" width="125" /> </a></li> <li style="background:#a800ff !important;"> <a href="http://eftakhir.blogspot.com/" rel="nofollow"> <img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitp1Io2fjk5J87H1XtL5XSLJX9ENT0kGfH8mfeziOc5tcO_qxAH7EK3wbHCg852tOa9epfgcCm62acmiPbTHKBnnAUtF9fMoqVxAChRzc2ycLzPYvCt_aOIfx3Ti1PbRoeQ6h0bq4N6o/s1600/%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA.png" width="125" /> </a></li> <li style="background:#41d05f !important;"> <a href="http://eftakhir.blogspot.com/" rel="nofollow"> <img height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitp1Io2fjk5J87H1XtL5XSLJX9ENT0kGfH8mfeziOc5tcO_qxAH7EK3wbHCg852tOa9epfgcCm62acmiPbTHKBnnAUtF9fMoqVxAChRzc2ycLzPYvCt_aOIfx3Ti1PbRoeQ6h0bq4N6o/s1600/%D8%AA%D8%A8%D8%A7%D8%AF%D9%84+%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA.png" width="125" /> </a></li> </ul> </div> <!--CSS Hover Effects To 125x125 Advertisement Banners—> |
اللون الاحمر : رابط المعلن
اللون الازرق : رابط صورة المعلن
اللون الاخضر : حجم الصورة
اللون الاسفر : الوان تقنية تبادل الإعلانات بتأثيرات Css
:
.png)
