إنضم للكثير من المتابعين
يمكنك الان الاشتراك فى قائمتنا البريدية والحصول على كل جديد وجديد
كن على اتصال بكل جديد لحظة بلحظة
لا تنسى تفعيل الخدمة عن طريق الأيميل

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

| | | | | | |

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

معلومات عن الإضافة :

مصمم الإضافة : شريف أشرف صاحب مدونة عرب بلوجر
التوافق : تتوافق مع جميع المتصفحات ولكنها قد لا تعمل مع المتصفحات القديمة جدا
الترخيص : Linkware


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

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

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

لوحة تحكم بلوجر > التخطيط ( عناصر الصفحة ) > إَصافة أداة > 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>
او قم بالضغط على هذا الزر لإضافة الأداة الى مدونتك مباشرةً ! ( لا تنسى تغيير ما باللون الاحمر )


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

تحتاج مساعدة ؟

إذا واجهتك مشكلة فى تركيب او إستعمال الإضافة يمكنك ترك المشكلة فى تعليق موضحا المشكلة بصورة , وإذا كنت تمتلك إقتراح لتحسين اداء الإضافة وجعلها متوافقة اكثر مع المستخدمين اترك تعليقاً قد يكون سبباً فى إفادة اخ من الأخوة الزوار , و السلام عليكم

10 التعليقات:

ASHRAF MOSTAFA يقول...

زوِّد اوبشنز يوتيوب

Azedine Benaini يقول...

شكرا جزيلا، على الجهد الكبير ، افدتني كثيرا.
هناك استفسار ، كيف يمكنني تغيير خط المدونة كالخط الذي بمدونتك

King Sherif يقول...

@ASHRAF MOSTAFA
ان شاء الله سوف اضيفه فى اضافة لاحقة

@Azedine Benaini
سيتم شرح الطريقة فى موضوع جديد بإذن الله

برق الشوق يقول...

يعطيك العافية اخوي ع الاضافه المميز استمر في ابداعك

برق الشوق يقول...

استفسار اخي العزيز هل استطيع تغيير لو الخلافية

King Sherif يقول...

احذف هذا الكود : background:rgb(216, 230, 235);

وهذا الكود ايضا
background:none repeat scroll 0% 0% rgb(235, 235, 235);

برق الشوق يقول...

مشكور اخي على افادتك لكن مازال يوجد خط للخلفيه ايضاً هل استطيع تصغيره حجمه او لا

King Sherif يقول...

اخى " برق الشوق "
هل يمكنك التوضيح بصورة حتى استطيع مساعدتك

برق الشوق يقول...

شكراً لك اخي العزيز تم حل المشكله
بارك الله فيك

عادل عبد الله يقول...

يااااا اخى ارجو المساعدة مش عارف اغير الروابط

يمنع وضع اى روابط للمدونات والمواقع والا سيتم حذفها

إرسال تعليق