اضافة ازرار المواقع الاجتماعية الي مدونتك

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

اليوم اضافة جميلة جدا وهي ،اضافة ازرار المواقع الاجتماعية ،تويتر، فيس بوك، يوتيوب ، الخلاضة ، والاضافة تتميز عن غيرها بكثير لانة الاضافة انيقا جدا وخفيفة علي المدونة عكس الاضافات  الاخرة، والاضافة بحدود  دائريةجميلة،وعند تمرير الموس عليها تغير شكلها الي شكل مربع  ،

انظر الي الصورة 

ولتطبيق الاضافة الي مدونتك 

ولتركيب الاضافة فقد اذهب الي لوحة التحكم واضغط علي قالب ثم اضغط علي تحرير 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 */      

ثم بعد ان تضيف الكود احفظ القالب 

  إلى لوحة تحكم مدونتك وتقوم بالضغط على التخطيط ثم على ،إضافة أداة ؛ ثم بعد ذلك تختار، html/java script وتقوم بوضع هذا الكودفي المربع 

<div class="Ayoub-Etmaiti-center"> <a href="رابط الفيسبوك هنا" target="_blank" title="¡فيسبوك!"><img class="Azrar-Ayoub-Etmaiti" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPPE_4b7Qf6uHmDxEz8BiMDPWSomhIMRDqx_SCMpBjVMwoPJG6wHJx28CuoDYUZU77N0gZJg6HlOFOFttpZHIZ0dc2LLTmB8eaWwjR-97aEWPvYxn1YntTq7TzUlVwMaDjaz9vo5in9krg/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/AVvXsEhKn477Eoazc7pFqm1QaayPbjqcraDue0Y3uOoWUgJKi67nXF_D8AxxcamtzO_JDNibp47nU_gj-XWiwe0tphMsgjah6iTo92moqraAKj5KDcg8yDoUcc5Y843D2c_4lE76W1aaM6Fzp43q/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/AVvXsEh19-v_nbEoaCWzXS2XEprYHAJde0uU8TiarA2I-XnC33J0mqLNcOhcExnCKRCoeRdqkCYZfYWZGa4b1noDTyFt69ablzno8JNyUDzN67yVij4W4IcCP6PCf7VSlCJcX3HzdMNtWVHCLqKc/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/AVvXsEhAd145ATiNQM3vjvHp1lBycZ972s1OxXqFe1VIAwVDsWtNqGHte03UV73PvuWahQjJhzD5-TbGy_fmwMwCmPj6TXKrnZvML7EB1ZsXIbcGAjL4YFgwjoUVvq7I16hqNtksDA9Mgz_HpTAo/s1600/sus-Ayoub-Etmaiti-rss.png" /></a> </div>

 مع تغير الروابط الخاصة بك

ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان

SHARE THIS