بـسم الله الـرحمن الـرحيم
الســــلام عليكم
جئت لكم اليوم مع إضافة رائعة وهى { الإصدار الذهبي من إضافة تابعنى عبر الشبكات الاجتماعية } والإضافة من تصميم شريف أشرف صاحب مدونة عرب بلوجر , وتتميز الإضافة بأيقونات الشبكات الإجتماعية بشكل ذهبى جذاب جداً , وهي مصممة بتقنيات الويب الحديثة css3 ويتضح ذلك فى الإضافة
التوافق : تتوافق مع جميع المتصفحات ولكنها قد لا تعمل مع المتصفحات القديمة جدا
الترخيص : Linkware
ثم أضف هذا الكود :
ثم قم بتغيير ما باللون الأحمر :
Gplus_Url رابط حسابك فى جوجل بلس
Facebook_Url رابط صفحتك او حسابك على الفيس بوك
Twitter_Url رابط حسابك فى تويتر
FEED_URL رابط خلاصات موقعك او رابط حسابك فى feedburner
الســــلام عليكم
جئت لكم اليوم مع إضافة رائعة وهى { الإصدار الذهبي من إضافة تابعنى عبر الشبكات الاجتماعية } والإضافة من تصميم شريف أشرف صاحب مدونة عرب بلوجر , وتتميز الإضافة بأيقونات الشبكات الإجتماعية بشكل ذهبى جذاب جداً , وهي مصممة بتقنيات الويب الحديثة 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlKmZq1iJ8pDez8XxI419luvUeKfDTuP5eUQJJCapoZdKUxOS6oQjPMmpaE2mJ6BTLDE2eaBg8djVWn_IDrj0yNWGycgbSUfUU5DUFU9H60y8TnLF02beOrm9VExK8DY1jN-SX8QnLUFeu/s1600/google-plus-icon.png" /></a>
<a rel='nofollow' href="FACEBOOK_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الفيس بوك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE3r0Tu1Ts3UU55dT8rm1FE6b41WFC8E_RPGPvqVqxin4YV1PLDgnlhH6yFcStsrBeY85vcA1uOXlDDN2UiQDM34QLMbIpJj40jmdYZRfIpq_VrWsl_jn_BxYgaNwYqIU18KDtbxYWXrvj/s1600/facebook-icon.png" /></a>
<a rel='nofollow' href="TWITTER_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى على تويتر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqO_DY-4eJaRcOUtqOIbIVkkAUdreZ2Vx4X_raKYnh7L1X0hZrOy5bSV4XWjkimrf8ah2ccW9Ad4Ag1q9OdZV01MiggKh3PvyE0RgsGN16rcvq5flAFWBR31yr9hqcYSS_1lpHGYj6d_xL/s1600/twitter-icon.png" /></a>
<a rel='nofollow' href="FEED_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الخلاصة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL3IBtZA4mSiVl8YTwq7x8z1-XUpRNTYEAK3ewdXJEIv4w-aYMoxePgCdvN3sKY47COjxaf37klkrk1w-MeC6LC35Jn4771u4QTHUHI-Yn9GTu0epNt-2hGG1KzxiGBUsPJ-j9e88od1kJ/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
سيتم شرح الطريقة فى موضوع جديد بإذن الله
يعطيك العافية اخوي ع الاضافه المميز استمر في ابداعك
استفسار اخي العزيز هل استطيع تغيير لو الخلافية
احذف هذا الكود : background:rgb(216, 230, 235);
وهذا الكود ايضا
background:none repeat scroll 0% 0% rgb(235, 235, 235);
مشكور اخي على افادتك لكن مازال يوجد خط للخلفيه ايضاً هل استطيع تصغيره حجمه او لا
اخى " برق الشوق "
هل يمكنك التوضيح بصورة حتى استطيع مساعدتك
شكراً لك اخي العزيز تم حل المشكله
بارك الله فيك
يااااا اخى ارجو المساعدة مش عارف اغير الروابط
يمنع وضع اى روابط للمدونات والمواقع والا سيتم حذفها
إرسال تعليق