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

  • تعليق
بـسم الله الـرحمن الـرحيم الســــلام عليكم جئت لكم اليوم مع إضافة رائعة وهى { الإصدار الذهبي من إضافة تابعنى عبر الشبكات الاجتماعية } والإضافة من تصميم شريف أشرف صاحب مدونة عرب بلوجر , وتتميز الإضافة بأيقونات الشبكات الإجتماعية بشكل ذهبى جذاب جداً , وهي مصممة بتقنيات الويب الحديثة css3 ويتضح ذلك فى الإضافة

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


  1.  متوافقة مع جميع المتصفحات
  2.  إضافة تتميز بالخفة والسرعة ولا تأثر فى سرعة الموقع
  3.  تتميز بأيقونات ذهبية جذابة مصممة بتقنية html و اللتقنية الاحترافية Css3
  4.   به خاصية الدوران عند مرور الماوس على الأيقونة
  5.   متوافقة مع محركات البحث بحيث انى أضفت وسم النوفولو
  6.   الإضافة مرنة وتظهر فى اى مكان بمعنى انها إذا وضعت فى السايد بار تظهر بحجمه وإذا وضعت فى اى مكان تظهر بحجمه !     
شرح تركيب الإضافة على بلوجر:

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

<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" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر جوجل بلس" src="http://1.bp.blogspot.com/-LJU0eb2FAbE/UEyS_nKtgdI/AAAAAAAAAgI/n8cEZNB7kEo/s1600/google-plus-icon.png" /></a>

<a rel='nofollow' href="FACEBOOK_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الفيس بوك" src="http://3.bp.blogspot.com/-hvd3aVxpOnI/UEyS9WjCcuI/AAAAAAAAAf4/9Nj3bpO5etg/s1600/facebook-icon.png" /></a>

<a rel='nofollow' href="TWITTER_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى على تويتر" src="http://1.bp.blogspot.com/-QVDq4YUm0so/UEyTC69Se0I/AAAAAAAAAgQ/vfgIICdo17k/s1600/twitter-icon.png" /></a>

<a rel='nofollow' href="FEED_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الخلاصة" src="http://3.bp.blogspot.com/--JnAfAtwHm8/UEyS-NyaaeI/AAAAAAAAAf8/R8rjWjmDKzg/s1600/feed-icon.png" /></a>

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


ads


شاهد ايضا ( فيديو مشابه )