أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

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

 السلام عليكم ورحمة الله تعالى وبركاته

اليوم  سأقدم لكم احسن إضافة بشكل مميز كالتي بمدونتي العزيزة

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

صورة الإضافة


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

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

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

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

 

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

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

<style>
/*Social Networks Widget Dev By (www.arabetutorial.blogspot.com */

.Social-Networks-bigbarsa{
padding:0px;
margin:1px;
text-align:center;
direction:rtl;
}
.Social-Networks-bigbarsa: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;
}
.

bigbarsa

{
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;
}
.bigbarsa1 {
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.arabetutorial.blogspot.com

*/
</style>


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

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

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

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

<div class='bigbarsa1'>
<small>
<a rel='dofollow' href='http://www.arabetutorial.blogspot.com'>المدونة التعليمية للحاسوب</a></small>
</div>
</div>



ثم قم بتغيير ما باللون 
 Gplus_Url رابط حسابك فى جوجل بلس
Facebook_Url رابط صفحتك او حسابك على الفيس بوك
Twitter_Url  رابط حسابك فى تويتر
FEED_URL رابط خلاصات موقعك او رابط حسابك فى feedburner
 
  هنا ينتهي الموضوع
ولا تتنسى عدم حدف الحقوق
 ولمن احب الإضافة والمدونة
فل تشاركنا أخي الكريم بنشر مدونتنا ودلك عبر أزرار هده التدوينة
للرقي بها
تعليقاتك تهمنا فشارك معنا برد
والسلام عليكم ورحمة الله تعالى وبركاته 





آخر مقالات المدونة

هناك 5 تعليقات:

  1. من المؤكد يا اخي اسامة انك لن ترضى ان انقل اضافة منك واغير رابط حقوق التصميم :(

    ردحذف
    الردود
    1. أستسمح أخي :( لكن أظن أن ذكر إسمك الكريم يكفي عربونا لشكرك اما البعض فهو لابذكر حتى الإسم وكذللك يستبدل الروابط
      وكذلك أنا أسمح لكل من أخد من مدونتي له الحق ان يغير الرابط إدا أراد بس والله لن أسمح له أنا لايدكر إسمي :)

      حذف
  2. كما تريد حتى ضع رابط لموقعي فى نهاية الموضوع حتي تفيد وتستفيد :D

    ردحذف
  3. يا اخى صحح الايه الكريمة : "ما يلفظ من قول إلى ليه رقيب عتيد"

    لوجود اخطاء املائية كما انك نسيت كتابة حرف الدال فى كلمة " لديه "

    ردحذف
    الردود
    1. آه معاك حق أنا مانتبهتش لحرف الدال شكرا أخي الكريم :x

      حذف

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن