demo short url

كيفية اضافة صور المواقع الاجتماعية الاحترافية 2014

<center>

<ul id="abt-social-icons">

<li class="rss-icon"><a href="http://feeds.feedburner.com/FEEDID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitKdvfWdCgm4h35-CDay50QVJfICINzviDbk19dVTT6iRu_KmyHUVsXUFS0FmsVYqRyLdN9vlBHzZv7SIf3qs14KbYLTUmCrU1Y_JNxcDBlcsdbDE0nVdpOE-HphQY_Nun3oyI48sgAdk/s1600/rss.png"
 width="147" /></a></li>

<li class="twitter-icon"><a href="http://www.twitter.com/TWITTERHANDLE"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8wavA0gOJelaXkEe-7VYHRxbGPyC2bzFOGrQGo3OYIq4SBxqQVpU2P3CiBr5CwQzDh5onWXweUAAhXLrvxZ1aE50y4nFdGgq2hxYJwl5hKkE7MvJ2iJ3O2VbgTgMCAgb-uffkslzHaM/s1600/twitter.png"
 width="147" /></a></li>

<li class="facebook-icon"><a href="http://www.facebook.com/PAGEID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZviEZFbcpKi7Jn7WiREXFk67NcIFpCqFfBN14irRlKcOxMGU-MW6xlweUhjhXKqC2JHpgW0AsqnUCEEZfTXGJn2tFagkn2jex-RD2tZu4T7DEl4QDGHvMx2kQLDNI1O9eMDI9-r3bBc/s1600/facebook.png"
 width="147" /></a></li>

<li class="google-icon"><a href="https://plus.google.com/YOURID"
 target="_blank"><img height="147" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2kda2vNn9hCq8zo5Xe5nU43OOFDqTx7p278N4wdRXtD31pNSqcdJR7t9abtOzeCh_n4T2v0IRaKFvAZNjaima_5w8dVANFwPQUIbk_j4Q6MM_xnds660lQXOdCAgFZyh-vUCdZtPDOU/s1600/google.png"
 width="147" /></a></li>

</ul>

</center>

<style>

#abt-social-icons li {

 float: left;

 width: 147px;

 height: 147px;

 margin: 0 6px 6px 0;

 padding: 0 0 0 0;

 border-bottom: none;

        list-style: none;

}

#abt-social-icons li a {

 line-height: 1px;

 display: block;

}



#abt-social-icons li a:hover img {

 -webkit-opacity: 0.8;

 -moz-opacity: 0.8;

 opacity: 0.8;

}



#abt-social-icons li a span {

 display: none !important;

}

</style>