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

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

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

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


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

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/AVvXsEgXPF5f1KtjiIacn9eD8vkGPlr-HcCdrYa7TBVi45nFqgV0o3DeSxBulCBAiCB3vDPQIjZFBdlRZgfGDUXGoGIpiPoBOjomgzC06UWf6kZ8HIw1WM8Nbibm84UaDVziHOFuyEF0pub30JE/s1600/helperblogger.com-facebook.png" /></a> <a ضع هنا رابط حسابك على تويتر/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUApvb5hQRVEa0TGNHK6emlz7ruSHTVPEvd0BBZ7V5lI6HEbknGitdEdKx5ODxo29R0AZGL1IySlrBJ9HXV2G9PyhcEC7oRxq-jZ3cd_dp1pLw_W1cbGM5kWCizoEMRwYaJ_FifytmF-g/s1600/helperblogger.com-twitter.png" /></a> <a href="ضع هنا رابط موقعك على قوقل بلس"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwv7AoaMPf46BasclqMc0Cmn2V7ZxrGXcx7S6PzAvxADEAhIFBavXBdPZicwM8KoqjhWBCPx4bImMOukxgi7kqQhbMkOXsDhAUky6vszL1ACCs35J89U96Fe9CEPBSxe3NaLd9kCtZpU/s1600/helperblogger.com-google_plus.png" /></a> <a href="ضع هنا رابط قناتك على اليوتيوب "><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH9qDT4_506KUYcz3iMXWkHH7ik5QEhSRGTgbqjSJYtWGTwrOCHhW5m7tOAYtTHPl9MXKtE1kgKq8vO1ib6oGV_WYgmfs5RP8RSkgQyLUxOF1r9AQgKWu26Dlbp3DzWxYMYMV1fUrGtrM/s1600/helperblogger.com-youtube.png" /></a></p></center>

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

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

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