اضافة أيقونات التواصل الإجتماعي

اضافة ايقونات التواصل الإجتماعي

إليكم طريقة أكثر من رائعة لكيفية إضافة أيقونات التواصل الإجتماعي لمدونتك

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

طبعا كلنا نعلم أن كل مدونة يهمها جذب الانتباه ولفت الأنظار وزيادة عدد الزوار

ومن أفضل الطرق هى طريقة متابعة مدونتك عن طريق مواقع التواصل الإجتماعى

لأنها تسهل عملية الانتشار وتسهل على الزائر متابعة مدونتك بكل سهولة

(( الفيس بوك & تويتر & جوجل بلس & بنتريس & فيدبرنر))

كيفما تشاء ، ويمكنك اضافة ما تشاء حسب رغبتك

هذه الطريقة مثل التى موجودة عندى بمدونتى وتجدها على يسار المدونة

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

جميل ملفت للنظر ومريح للزائر
كذلك يظهر شريط تعريفي عن الأيقونه

ولكيفية إضافتها بمدونتك

اتبع الخطوات التالية :

1 - ادخل على لوحة التحكم
2 - اختر تخطيط
3 - اختر اضافة أداه
4 - اختر اضافة اداة HTML JavaScript
5 - ضع التسمية
6 - قم بنسخ ولصق الكود التالي بالصندوق الذى هو أمامك

الكود كالتالي :

<div align='center' class='add'>
<style>
.spinningeffect img {
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.spinningeffect img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<a class="spinningeffect" href="https://www.facebook.com/Learnvbamsexcel-172804713320365" target="_blank">
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6pdjP6L5OXR_4qLPnTXW-ugutdKsSIFHPrRyWuVmOGnEiHvCtDRMjNX4k9fKLk4pP6K1bO4zXhKg9by4B1pYSC_wsSrMKjlD7Nl-LJVR8o4OV92s9GHkUrc9cC9c7UF1L1D2050tNKGJ8/s1600/facebook.png' title='إنضم إلى صفحتنا  على الفيسبوك'/></a>
<a class="spinningeffect" href="https://www.pinterest.com/learnvbamsexcel"_blank">
<img src='https://e.top4top.net/p_715zc6ik1.png' title='تابعنا على pinterest'/></a>
<a class="spinningeffect" href="https://plus.google.com/110507677055431463422" target="_blank">
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiarTdUqtZD1qBph61KlwaEoua3_vCL7e97epahUKrpgmms6kEiG_mj4qdMkEMkdud9DiYbSF0bxEc4RZz79jpDQ_DlmehsRVNTZa09bOCbR3Hdxwxq_9eY9W2DqwLTND3V030oJpzPo5gQ/s1600/google_plus.png' title='إنضم إلى صفحتنا  على جوجل بلس'/></a>
<a class="spinningeffect" href="https://www.linkedin.com/in/learnvba-msexcel-93933a155" target="_blank">
<img src='https://a.top4top.net/p_7157ft231.png' title='إنضم إلى صفحتنا  على LinkedIn'/></a>
<a class="spinningeffect" href="https://twitter.com/learnvbamsexcel" target="_blank">
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQWWmG0ghnIsWT_CwxHNnY8pj-uqxeZlFzwi1xGlJujfwvdpVjrfTkg2osaRhBUV1BtvjPd3tNxVh6fWDi6K7NkvRJeLvrr_dsqsbTgchbkpjYENe7LGz8Q1bOdKoiyVx1G9ZbfG0whBts/s1600/twitter.png' title='إنضم إلى صفحتنا  على تويتر'/></a>
<a class="spinningeffect" href="http://feeds.feedburner.com/blogspot/Pzsrx" target="_blank">
<img src='https://c.top4top.net/p_715l0s4i1.png' title='خلاصة المدونة على  Feedburner'/></a>
</div>

7 - قم بتغيير الروابط الموجوده بالكود وضع الروابط الخاصة بك

الذى موجود بالكود روابط (( الفيس بوك & تويتر & جوجل بلس & فيدبرنر))

8 - قم بحفظ الأداة

9 - اختر مكانا مناسبا للأداة

10 - قم بحفظ الترتيب من أعلى الصفحة

ومبروك عليك الإضافة الرائعة

ولتحميل الكود

اضغط هنا

زوار المدونة

اضافة أيقونات التواصل الإجتماعي

مقالات متعلقة

إرسال تعليق

خيارات الطباعه فى VBA EXCEL

الشهادات المدرسية ج1

الإستعلام بالصورة من خلال يوزرفورم Userform

اضافة أيقونات التواصل الإجتماعي

مقالات متعلقة

تعليقات: 0

إرسال تعليق