إضافة تابعني عبر الشبكات الجتماعية بشكل ذهبي

الإصدار الذهبي من إضافة تابعنى عبر الشبكات الاجتماعية

 مميزات الإضافة :

• متوافقة مع جميع المتصفحات
• إضافة تتميز بالخفة والسرعة ولا تأثر فى سرعة الموقع
• تتميز بأيقونات ذهبية جذابة
• مصممة بتقنية html و اللتقنية الاحترافية Css3
• به خاصية الدوران عند مرور الماوس على الأيقونة
• متوافقة مع محركات البحث بحيث انى أضفت وسم النوفولو
• الإضافة مرنة وتظهر فى اى مكان بمعنى انها إذا وضعت فى السايد بار تظهر بحجمه وإذا وضعت فى اى مكان تظهر بحجمه !

شرح تركيب الإضافة على بلوجر

لوحة تحكم بلوجر > التخطيط ( عناصر الصفحة ) > إَصافة أداة > Html/JavaScript

ثم أضف هذا الكود :

كود HTML:

 

<style>
/*Social Networks Widget Dev By (www.blogger-araby.blogspot.com */

.Social-Networks-Sherif{
padding:0px;
margin:1px;
text-align:center;
direction:rtl;
}
.Social-Networks-Sherif:hover{
padding:0px;
margin:1px;
text-align:center;
direction:rtl;
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.sherif {
text-align:center;
background:rgb(216, 230, 235);
border:1px solid rgb(159, 150, 250);
-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
}
.sherif1 {
font-family:tahoma;
text-align:right;
margin:2px;
background:none repeat scroll 0% 0% rgb(235, 235, 235);
border:1px solid rgb(200, 200, 200);
-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
}
/*Social Networks Widget Dev By (www.blogger-araby.blogspot.com */
</style>


<div class='sherif'>
<a rel='nofollow' href="GPLUS_URL" rel="nofollow" target="_blank"><img  class='Social-Networks-Sherif' title="تابعنى عبر جوجل بلس"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkpgaqclmkgJOgtFC_Cx5jD4pm58Hwhy04kkw7DYf3XUAw0tSvP2FMX4eKcJZZFUsFKrlJ6xt_t0UuJWEM8e1SbmcT6PgNC6APRmFonWdyosFFi5D7ThW7UleA5ZNC4DV_5dr5zoXfXrAa/s1600/google-plus-icon.png"  /></a>

<a rel='nofollow' href="FACEBOOK_URL" rel="nofollow" target="_blank"><img  class='Social-Networks-Sherif' title="تابعنى عبر الفيس بوك"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijRIFj7Em8chCcqrqDTAbvfpEZBReCQahGrF6BtnXm-HxrWgtfBcCwiRp5onveYCcn8PcYzYeFy3OEwJHcyx1_rcS5eunZgUWws9GQRx2mmQ7-adjbF-lEgMFqEquqXlVX-zafTHnMuB70/s1600/facebook-icon.png"  /></a>

<a rel='nofollow' href="TWITTER_URL" rel="nofollow" target="_blank"><img  class='Social-Networks-Sherif' title="تابعنى على تويتر"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL7WcFzej_odop4KxmWMMocF1omvwWDcUpA0khfBuZ-rn8R_2pxfz_ZPw0Rt30mj3oCg4pQR9Q2S5M8w3sCOHX5LlHduJ4NIS0dH_smUmZtPb-pQ0HRCnDXtx0StC0nvRlSjN-1ixCzj1p/s1600/twitter-icon.png"  /></a>

<a rel='nofollow' href="FEED_URL" rel="nofollow" target="_blank"><img  class='Social-Networks-Sherif' title="تابعنى عبر الخلاصة"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTT9prP_-xdXv6qA7Qk7F9AO_FTkPsZ2SpbxwvQCAzktCKujo5wQNMQeilwxipUPCMwVYG43M8IA0bSpjwhbLKEPivAU4sduhngwT-a5EK3BVTGU48fAN27yQMnMi5kk2ofqeK1AKJKJ4/s1600/feed-icon.png"  /></a>

<div class='sherif1'>
<small>
<a rel='dofollow' href='http://www.blogger-araby.blogspot.com'>إضافات بلوجر</a></small>
</div>
</div>

 

او قم بالضغط على هذا الزر لإضافة الأداة الى مدونتك مباشرةً ! ( لا تنسى تغيير ما باللون الاحمر )

ثم قم بتغيير ما باللون الأحمر :
Gplus_Url رابط حسابك فى جوجل بلس
Facebook_Url رابط صفحتك او حسابك على الفيس بوك
Twitter_Url رابط حسابك فى تويتر
FEED_URL رابط خلاصات موقعك او رابط حسابك فى feedburner  

Posted in: اضفات بلوجر