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

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

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

ادخل على مدونتك ومن ثم الى تخطيط ثم اضعط على اضاغة اداة جديدة فى المطان اللذى تريد للأداة ان تظهر فية بعد ذلك اختر HTML/JAVASCRIPT ثم قم بألصاق هذا الكود

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
<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/AVvXsEj0Tkq6LhQ0d-C6iqcYQBNxgf0kameUkQw1iGL1HCDRYuXVocZlPu2wvOa09BPPzSgrJsdS4YSPPnYKVNDkyyQyaOW0Rdego8QviC-K_toxcopGrhe-OAdq9LryODuSm70OtOIFFs4stLE/s1600/helperblogger.com-facebook.png" /></a> <a href="رابط حسابك في تويتر"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhllv2jaYEKAqEYb89X-aH_KO5Y-88JIbKDOpo0Qn3elf8BX-WmSqYSN5zLC7hE9C7-d3qtSWbAt65uuEEyWcCy0E0bZdlBuTStU5VK2XZ-HrZID270GR2Ms1SBJMdz6rxB6Q1MczcaFb4/s1600/helperblogger.com-twitter.png" /></a> <a href="رابط حسابك في جوجل بلس"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_8IkN874h7-QYVBHpI1JRHB4jR2BEw4uD9-DvoM7xB0b3wiTJtykmY46u2cVsHk2UbsNcomr-A8thAvAeIv7aPsGk5rsKttSTtedmtzuTbomfFe8kyWrlAcqtsDaYKTPI5tXpvofgXk/s1600/helperblogger.com-google_plus.png" /></a> <a href="رابط خلاصات مواضيع مدونتك"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq7H0lEHRdIl3FYSCZShtrMMmEPXOWuNw9BJNIRODXMc4o7tBTqae82d6-NO2sYlP8xFxJU4OYLi9EHAfoRvrI4GPjAe4Vjo7rqrncP1VVL2XmEqxXSfjG7XT7mdcdc8xbkWzz9aHeJRI/s1600/helperblogger.com-rss.png" /></a> <a href="حسابك في اليوتوب"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpfeOBIYMBJlfayR4AKb6xmRjN_xY6ZLnt-XDzJyUDjUSxBgOOOuoy4L7f6LV4OCgBDIDlVueU86tfy3J0S89s92ACvbNJlb6wgMKrXbJIBjXcMiLbQfbWatkjgZGxnKXPkCvh8xAyIBE/s1600/helperblogger.com-youtube.png" /></a> </p> </center>
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

ثم قم بتغيير البيانات الى البيانات الخاصة بك كـ رابط حسابك فى الفيسبوك والتويتر وماالى ذالك

ثم قم بحفظ النموذج ومبروك عليك الاضافة

^^ كلمة شكر تحفزنا على اعطاء المزيد ^^