تحديث : إعلانات في السايد بار بطريقة مميزة ( CSS و HTML )...

السلام عليكم
تحديث كود الإعلانات الخاص بمدونات بلوجر حيث أن الكود السابق كان لا يشتغل ببعض القوالب بسبب وسم ul لدا قمت بإعادت بناءه بدون الإعتماد على وسم ul

إليكم الكود الجديد :

<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(0, 0, 0, 0.7); -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://anass-blog.blogspot.com/">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwzirGjibK7_DNkWRPoVmhMAKO9f_BaDH_sQETXEy6Q1aqMXQGxdpeJ6K-G_WVbRzHhobXfRPROgjYGBokJcT7mL5zp7r3ZT2gSd6C1xHU4161y31UZNsqEU0r3huShEL85fvkRvEG5aXI/s1600/anssblog_125x125.png" />
   <strong>مدونة أنس كيو</strong></a>
    </div>

   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>

   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>

   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>

   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>

   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>
   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>

   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>

   <div class="adss" id='adsanime'>

<a href="http://anass-blog.blogspot.com/p/blog-page_03.html">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMH1C7JqwJHta4yISs5a5qX-XDuabdmswE8uKpdFtr2ViDL03r43pB9I6SA-8jkR9GaE94qmpMduopycMl5uzjvNg2Rwz40WtviyGSXbJcL0FXwXQMPShUuVvybbgNq7hT557WJy2SPD-/s1600/adschange_125-125.jpg" />
   <strong>أعلن هنا</strong></a>
    </div>           </center>
<p> للإعلان هنا يرجى الإتصال بنا </p>

لا تنسو تغيير روابط الصور و الأسماء

و السلام عليكم
أخوكم أنس كيو ...