لمعاينة الاضافة
طريقة تركيب أزرار مواقع التواصل الاجتماعي على موقعك
![]() |
اضافة أيقونات مواقع التواصل الاجتماعي الي مدونتك بشكل احترافي |
التعديل علي روابط اضافة أيقونات مواقع التواصل الاجتماعي الي مدونتك بشكل احترافي
قم بحذف الرابط الموجود او ال # و اضافة الرابط الخاص بك
شاهد ايضا : أهم اضافات بلوجر من ضروري تواجدها على مدونتك
<style type="text/css">
/* Buttons Social Network */
.icone-sociali {width: 300px;}
.bottone-rss, .bottone-twitter, .bottone-facebook, .bottone-google{ background: url(//i.imgur.com/AzsICRb.png) no-repeat top left; }
.bottone-facebook{ background-position: 0 0; width: 64px; height: 64px; float:left;}
.bottone-facebook:active{ background-position: -74px 0; width: 64px; height: 64px;}
.bottone-facebook:hover{ background-position: -74px 0; width: 64px; height: 64px;}
.bottone-google{ background-position: -148px 0; width: 64px; height: 64px;float:left;}
.bottone-google:active{ background-position: -222px 0; width: 64px; height: 64px;}
.bottone-google:hover{ background-position: -222px 0; width: 64px; height: 64px;}
.bottone-rss{ background-position: -296px 0; width: 64px; height: 64px; float:left;}
.bottone-rss:active{ background-position: -370px 0; width: 64px; height: 64px;}
.bottone-rss:hover{ background-position: -370px 0; width: 64px; height: 64px;}
.bottone-twitter{ background-position: -444px 0; width: 64px; height: 64px; float:left;}
.bottone-twitter:active{ background-position: -518px 0; width: 64px; height: 64px;}
.bottone-twitter:hover{ background-position: -518px 0; width: 64px; height: 64px;}
</style>
<div class="icone-sociali">
<a href="رابط rss" target="_blank" title="اشترك معنا" rel="nofollow"><span class="bottone-rss"></span></a> <a href="رابط TWITTER" target="_blank" title="تبعونا على تويتر" rel="nofollow"><span class="bottone-twitter"></span></a> <a href="رابط FACEBOOK" target="_blank" title="لايك على الفيسبوك" rel="nofollow"><span class="bottone-facebook"></span></a> <a href="رابط GOOGLE PLUS" target="_blank" title="تبعونا على جوجل بلس" rel="nofollow"><span class="bottone-google"></span></a>
</div>
"0" title="Advertisement" aria-label="Advertisement"
style="border: none; height: 300px; width: 600px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block; overflow: visible;">