-->

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





<style>

    .social-ayudadeblogger {
    margin:0 auto;
    padding:0px;
    text-decoration: none;
    }

    .social-ayudadeblogger ul li {
    list-style-type: none;
    border-bottom:none;
    margin:0 auto;
    background: none;
    padding:0px;
    line-height: 0!important;
    }

    .social-ayudadeblogger li a {
    margin:5px 3px 0px 0px !important;
    padding:0px;
    width:50px;
    height:50px;
    text-indent:-99999px;
    float:left;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    }
    .social-ayudadeblogger li a.facebook1 {
    background: #314d91 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px 0px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-ayudadeblogger li a.facebook1:hover {
    background: #314d91 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -73px;
    }
    .social-ayudadeblogger li a.twitter1 {
    background: #07beed url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -127px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-ayudadeblogger li a.twitter1:hover {
    background: #07beed url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -204px;
    }
    .social-ayudadeblogger li a.google-p1 {
    background:#a7291b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -254px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-ayudadeblogger li a.google-p1:hover {
    background: #a7291b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -330px;
    }
    .social-ayudadeblogger li a.rss1 {
    background:#ffaa31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -381px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-ayudadeblogger li a.rss1:hover {
    background: #ffaa31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -454px;
    }

    .social-ayudadeblogger li a.pinit1 {
    background:#cb2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -508px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-ayudadeblogger li a.pinit1:hover {
    background: #cb2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -580px;
    }

    .social-ayudadeblogger li a.linkdin1 {
    background:#1698E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -635px;
    -webkit-transition:All 0.3s ease-out;
    -moz-transition:All 0.3s ease-out;
    -o-transition:All 0.3s ease-out;
    }
    .social-ayudadeblogger li a.linkdin1:hover {
    background: #1698e3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuWpjLE7sjymT3WziH39Xwr49ykmoIwSuouAg_1BDDlSizwSVaTKUiDjmPZNuAbkYwNzjw3EKnmGaFx4Fx5dD8KjByBll-31EaWfTmeza5pVo8eWh9zWHFZL6fPJmgFH100NMwyQ3cFN9Q/s1600/social_sprites.png) no-repeat 0px -711px;
    }


    </style>

    <div class='social-ayudadeblogger'>
    <ul>
    <li><a class='facebook1' href='http://www.facebook.com/ayudadeblogger' target='_blank' title='Facebook' rel='nofollow'></a></li>
    <li><a class='twitter1' href='http://twitter.com/ayudadeblogger' target='_blank' title='Twitter' rel='nofollow'></a></li>
    <li><a class='google-p1' href='https://plus.google.com/+Ayudadeblogger' target='_blank' title='Google Plus' rel='nofollow'></a></li>
    <li><a class='rss1' href='http://feeds.feedburner.com/foroayudadeblogger' target='_blaank' title='RSS Feed' rel='nofollow'></a></li>
    <li><a class='pinit1' href='http://www.pinterest.com/' target='_blank' title='Pinterest' rel='nofollow'></a></li>
    <li><a class='linkdin1' href='http://ec.linkedin.com/pub/luis-chavez/53/549/a91' target='_blank' title='Linkedin' rel='nofollow'></a></li>
    </ul>
    </div>

TAG

عن الكاتب :

ليست هناك تعليقات

إرسال تعليق

الاسم

بريد إلكتروني *

رسالة *