إضافة أيقونات مواقع التواصل الاجتماعي إلى موقعك مع تأثير ثلاثي الأبعاد متحرك

قدم اليوم لأصحاب المواقع والمدونات والمنتديات، مجموعة كاملة من آيقونات ورموز مواقع التواصل الاجتماعي، للحصول على أزرار ارتباطات لحسابات موقعك على فيسبوك، تويتر، جوجل بلس، ورابط التغذية الخاص بموقعك، مع تأثير ثلاثي الأبعاد متحرك.

                              معاينة الأزرار

 طريقة تركيب أزرار مواقع التواصل الاجتماعي على موقعك:

طريقة تركيب هذه الأزرار بسيطة جداً، بالنسبة لمدونات بلوجر فقط اذهب إلى التخطيط > ثم اختار المكان المناسب على مدونتك واختار إضافة أداة > html / جافا سكريبت ثم قم بنسخ الكود التالي والصقه، ثم قم بالتعديل على الروابط لإضافة روابط حساباتك على مواقع التواصل الاجتماعي، ثم اضغط حفظ.
 ولأصحاب المواقع والمنتديات قم بإضافته على حسب نظام موقعك في المساحة المناسبة ولصقه كـ html والتعديل عليه.

                        التعديل على الكود

رابط twitter
رابط fb
رابط rss
رابط google plus

قم باستبدالهم بروابط حساباتك


   الكود    

<style type="text/css">
/* Buttons Social Network */
/* www.forulike.com*/
.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>