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

الكاتب : Salah Nassih التاريخ : 6:02:00 م

جديد موضوعاتنا لقسم بلوكر هو كيفية اضافة أزرار مواقع التواصل الاجتماعي الى مدونة بلوكر بشكل أنيق و هذه الأزرار

تساعد الزائر على التعرف على مختلف مواقعك و صفحاتك الاجتماعية و ذلك لزيادة عدد متابعيك و مشاهدي مواقعك

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


لكي تقوم باضافة هذه الأزرار تابع الخطوات التالية :

1 : اذهب الى التخطيط

2 : اضف أداة Html Java script في المكان التي تريد وضع الأزرار فيه

3 : ضع الكود التالي في خانة html و  أعط العنوان المناسب للأداة

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger Ar konozblog */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } /* Spinning Social Icons Widget By HelperBlogger Ar konozblog */ </style> <center> <p id="hb_socialicons"> <a href="ضع هنا رابط صفحتك على الفيسبوك/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdpMw1tzu8xZc76bvYQi_F4ZP2Pfm-RuT32evwJdVNFjrFmu3AAsMwdrKxLKSgUV12pD6Z4v0evlZIu3qxvps2uMhTH0Wp8dcHtYNmJUCxM92PK-2svrvI8jhKlhPf-g-nxXyb4zqm6lo/s1600/helperblogger.com-facebook.png" /></a> <a ضع هنا رابط حسابك على تويتر/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8ftzIcwRFPEK5cxwetJ70-8mgF0ze1RyxduGhHbjcu8dopOv9I_t27OTn3wljuUSTw-V3LxMGoQqjMUEP_iJd08u4d3ZqDpqpW2nNW2LXCCE50sbI3eEZ7u9s9Txn_Y3LEqzfM0adiI/s1600/helperblogger.com-twitter.png" /></a> <a href="ضع هنا رابط موقعك على قوقل بلس"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge40RX9SuZVCzRNtrBhR5ME3GsDyk6yPIlK7WScGsAG0vfJOpEFN7Xff-wFudrSt9fGI9-ySlz59WSybRIpCcPlAlhbWEkeJTmnyvRXFdsoHhUbSsRDGG3F-GWJicBGWttlUb6-VMnmyQ/s1600/helperblogger.com-google_plus.png" /></a> <a href="ضع هنا رابط قناتك على اليوتيوب "> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYSAVZhiimW8YHvRTrpEbdrrpzmHbv5RlLd9NfgCtXpcPV6uGX3j-QP_WNBASInVSSaEwa_Jp6Y1v12zCypeB3OoQYsKpl1ixfX5YjwDckCdV9zDh1Kkkei7ftMTuVceMkaZlF9Yx0qfs/s1600/helperblogger.com-youtube.png" /></a> </p> </center>

4 : ضع أسماء مواقعك في الأماكن المناسبة 

بهذا نكون قد أنهينا درسنا لليوم

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