فى هذه المدونة ستجد معاينات لإضافات وأكواد من مدونة ابداعاتى

الأربعاء، 28 أغسطس 2013

ازرار تابعنى على الفيس بوك وتويتر واليوتيوب والخلاصة




=============== 
الخطوات 
=============== 

أولا : نتجه الى تحرير html 

نقوم بالضغط على Cntrl + F 

]]></b:skin> 

و نضيف الكود التالي قبله 

/*sus code by Ayoub-Etmaiti */ .Azrar-Ayoub-Etmaiti {border-radius: 50%; /* الحدود الدائرية */box-shadow: 0px 0px 15px #000; /* الظل*/padding:0;border:0;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}.Azrar-Ayoub-Etmaiti:hover {box-shadow: 0; /* لحذف الحدود الدائرية عند مرور المأشر */border-radius: 0; /*لحذف الظل عند مرور المأشر */-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;cursor:pointer;}

.Ayoub-Etmaiti-center { text-align: center /*لتوسيط الأزرار */} /*sus code by Ayoub-Etmaiti */ 

قم بحفظ القالب 

ثانيا : انتقل الى التخطيط وقم باضافة اداة جافا سكربت وضعها بها الكود التالى 

<div class="Ayoub-Etmaiti-center"><a href="رابط الفيس بوك هنا" target="_blank" title="فيس بوك"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiGL8t8RYQXRsc6KS_h1ZHFaXKOXFmbf6CwoRKxpMf1Sa421IloODU2tPmyYhNFgeZnnVzg4SADRsQzw3d8l9zqicdEz9YdGyi60OKEzI1sa6E-930H-71SvSwT4AjGRmgBA9ySRBrYaD0/s1600/sus-Ayoub-Etmaiti-facebook.png" /></a><a href="رابط تويتر هنا" target="_blank" title="تويتر"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HsoSrwa9YjzCPr2UIg6stvGxu72gzBVXAqV3GROL3C5MqFcj0KshlzyaWlV8uxU2mVw4XM7emd-2_5BFWMAlzC0O2OSrDoU_FG7gAjO-VB_DYwFyUZNFeFSGEIPejFI1jmHIax8pzi3p/s1600/sus-Ayoub-Etmaiti-twitter.png" /></a><a href="رابط يوتيوب هنا" target="_blank" title="يوتيوب"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4espdmVyZFs4reNwVmD_z75oD_XlNSJ5aRU3zieAt3XEdWlUkNcqRXvOzFJFUFHG5ILo55A3NcEjP3YGQEVKVbMEy9yHIs7Q5V_-10q3Yl4ArLclcDmGeNFvpUVP2Wy115R_6AO2JIfx/s1600/sus-Ayoub-Etmaiti-youtube.png" /></a><a href="رابط الخلاصة هنا" target="_blank" title="الخلاصة"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDonh-uCbxl7bG1K-SVgVjbSOoFSKrFUWxnRWQhkU8yOJsnonqreTVMWIaC3v_sWTgB4kBPZTYJSfInS9xKKVvAkACooVko6CUpfcaFniKrDIdNnqB-MuUOewin_fDhjr0rj3GkkURvuCz/s1600/sus-Ayoub-Etmaiti-rss.png" /></a></div> 


ثـــــــم قم بحفـــــظ الأداة 
شــــــارك الموضوع :

2 التعليقات:

  1. (h) جميلة جدا (h)

    شكرا لك يا استاذ محمود

    ردحذف
    الردود
    1. الشكر للـــــــــــــــه يا أخى

      نرجو التعليـــــــــــــــــق بالاسم بعد ذلك

      حذف

 
جميع الحقوق محفوظة © 2014 تجربة القالب 3