السلام عليكم اهلا بكم فى موقع تريدون اقدم لكم اضافة كود اعلاني لمدونات بلوجر
الاضافة متجاوبة اي اين تضعها في التخطيط سوى في مكان عمودي او مكان افقي فستتجاوب معه .
شرح التركيب
- من التخطيط أضف أداة Html/Javascript وضع بها كود الإضافة
<div class='widget-content'>
<style>
.ar1web125x125 {margin-right: -7px; text-align:center;}
.ar1web125x125 img {width:125px; height:125px;margin:
3px 8px 0 0;}
img.ar1web-125x125 {
border: 1px solid #eee;
padding: 5px;
background: #FCFBFB;
transition: all .7s ease-out 0s;
}
img.ar1web-125x125:hover,img#ihussamar1web:hover,img#ihussam-ar1web:hover,img#hussam-ar1web:hover{
opacity: 0.8;
zoom: 1;
transition: all 0.2s ease-out;
filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');}
img.ar1web-125x125:hover{background:#444;border: 1px solid #FFFFFF;}
img#ihussamar1web:hover{background:#444;border: 1px solid #FFFFFF;}
img#ihussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
img#hussam-ar1web:hover{background:#444;border: 1px solid #FFFFFF;}
</style>
<div class="ar1web125x125" style="text-align:center;">
<a href="#" target="_blank" rel="Nofollow"><img class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="ihussamar1web" class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="ihussam-ar1web" class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا" /></a>
<a href="#" target="_blank" rel="Nofollow"><img id="hussam-ar1web" class="ar1web-125x125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEaWrjdQtvKwPM-S35nZ4iEqiFYe6pXSZHgNtseikqTKlrNrh0TL8xxdQISgY_oMIHneoUAMvgnEu5uYBgEIdVyOmY9gMKiNc_M5fWhthfjEwjmQINgFC-n8Mgt8zBLLvOum_muDba82I/s1600/months.png" title="أعلن هنا " /></a>
</div>
</div>
- المحدد بالأحمر # يغير بالرابط
إرسال تعليق