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

بسم الله الرحمن الرحيم

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

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

 في هذا الدرس ،سوف نتعرف علي اضافة جميلة جدا وهي، اضافة  ازرار المواقع الاجتماعية في مدونتك بتقنيةcss3

و الاضافة لها اهميا كبير في المدونة، وتضم الاضافة موقع الفيس بوك ، التويتر ، اليوتيوب، وجوجل بلس ، والخلاصة ،

كما تساعد الاضافة ايضا علي نشر موضيع مدونتك في مواقع التواصل الاجتماهي .

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

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

 ولتطبيق الاضافة

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

الكود

  <style>p#hb_socialicons img { /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ -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; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ </style> <center> <p id="hb_socialicons"> <a href="رابط حسابك في الفيس بوك"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil53EUmA3BAzedIwWCbsq9p9AP9CqkBko1Qedo2HmKaFEUDsFmmpHiraZ7wguY2LjnuVVG9-BPzPlW0_ZCBKWSB4jDDTgb3wZjdOr5Z4VxeuTIby-zex9gnxYnvmmR6_djqfUm-9Zn9g8/s1600/helperblogger.com-facebook.png" /></a> <a href="رابط حسابك في تويتر"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitiYfQnapbqehiRbDtdNC78iorcJYtWUIsFbcONVqnmLbVPLkaxSx1UfTT0Rz8dKP8HSQB_a3bjpXhnO25p4I6i5qq__lfueV-9da9aUfniIJgAR9m8XunxNURJrg7_uXZIAiqiDyQB50/s1600/helperblogger.com-twitter.png" /></a> <a href="رابط حسابك في جوجل بلس"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1oLjtoomABfzqHixD5GMxYWU0lshan255ESYw177q02Hk1vslPkdN0TfoRbitEkThT4FptWbDicnGTX-WdHWkob21pRKTSbwZ86R7Hf3_lPeLQMhJ_XrVivP9OGgXr3Yk7WfNAhYCFeU/s1600/helperblogger.com-google_plus.png" /></a> <a href="رابط خلاصات مواضيع مدونتك"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Xh-agXfciPzYHnRA8ePFbg7VZ9pO4zCxC3aIK91LC73oeWSk6ZYt0Skw4_VVa_SY38i4ODUDNiwYCt-6MI-M_b7cXIrJ_U1DEsc1ZQ-_i0EcjCHZjzEMIunot8s_AfkxiJJW61EuNrs/s1600/helperblogger.com-rss.png" /></a> <a href="حسابك في اليوتوب"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAWDIwDTKKiSU-4sG49MQCDpRBkNWcIcPvf_jC7-NxOQqpueSC7xyrdN5tLhXaAVVKrn-fOgppOAM3twImregdIWaxxhK11cXXqv9DmbA3-90DhL8NM3HdNCK0LRR9-ZnESGBvhkFlHpc/s1600/helperblogger.com-youtube.png" /></a> </p> </center    
 ملاحظة :يجيب تغير بعد اضافة الكود لاتنسي تغير ما يلي

• رابط حسابك في الفيس بوك
• رابط حسابك في تويتر
• رابط حسابك في جوجل بلس
• رابط خلاصات مواضيع مدونتك
• حسابك في اليوتوب

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

SHARE THIS