| Arab-Blogger |
09-10-2012 10:59 PM |
إضافة تابعني عبر الشبكات الجتماعية بشكل ذهبي
بـسم الله الـرحمن الـرحيم
الســــلام عليكم
جئت لكم اليوم مع إضافة رائعة وهى { الإصدار الذهبي من إضافة تابعنى عبر الشبكات الاجتماعية } والإضافة من تصميم شريف أشرف صاحب مدونة عرب بلوجر , وتتميز الإضافة بأيقونات الشبكات الإجتماعية بشكل ذهبى جذاب جداً , وهي مصممة بتقنيات الويب الحديثة css3 ويتضح ذلك فى الإضافة
معلومات عن الإضافة :
مصمم الإضافة : شريف أشرف صاحب مدونة عرب بلوجر
التوافق : تتوافق مع جميع المتصفحات ولكنها قد لا تعمل مع المتصفحات القديمة جدا
الترخيص : Linkware
مميزات الإضافة :
- متوافقة مع جميع المتصفحات
- إضافة تتميز بالخفة والسرعة ولا تأثر فى سرعة الموقع
- تتميز بأيقونات ذهبية جذابة
- مصممة بتقنية 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" 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>
او قم بالضغط على هذا الزر لإضافة الأداة الى مدونتك مباشرةً ! ( لا تنسى تغيير ما باللون الاحمر )
ثم قم بتغيير ما باللون الأحمر :
Gplus_Url رابط حسابك فى جوجل بلس
Facebook_Url رابط صفحتك او حسابك على الفيس بوك
Twitter_Url رابط حسابك فى تويتر
FEED_URL رابط خلاصات موقعك او رابط حسابك فى feedburner
والسلام عليكم
المصدر : إضافة تابعني عبر الشبكات الجتماعية بشكل ذهبي |
