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

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

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

ادخل على مدونتك ومن ثم الى تخطيط ثم اضعط على اضاغة اداة جديدة فى المطان اللذى تريد للأداة ان تظهر فية بعد ذلك اختر 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/AVvXsEgsNAuyh1bof7nNFmp2pSBfdVlp8OI61v29f7O8azmeQ9IdTX0r8Sj9vKEeIS12JcZty3p08GvTFCWF28LdMjwaeWsWGemT03qSo2I09nV9ON1CElAuVBqYF0t2oW3WJUa2sPVHOlQocis/s1600/helperblogger.com-facebook.png" /></a> <a href="رابط حسابك في تويتر"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyTNdSuVMJE2GUgOU8zVLcwbFZBu9CM7uP5NXUVzZYQkBqvO45CemTu-Z6fCLVSZArUaZBUSsOUGQ9_8HrLAxhD2DqoTaS4jFUQu4alsFg8sUHagaTfS8vfL2VCzgPqzvpXWikxpsxnL0/s1600/helperblogger.com-twitter.png" /></a> <a href="رابط حسابك في جوجل بلس"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisE6PmPnZ2uWle54pnFMSVHTxfKsITJBtNQJgPh5ejgI7XtnyAkV9sZCIJ3WbLWYY3dC1uyKTCMS6oi8XJ67DHfLOmcNcrdw0_fzJLF724FeenCkY4tRZlREG6W3bdGtQ11uxNMISWK2w/s1600/helperblogger.com-google_plus.png" /></a> <a href="رابط خلاصات مواضيع مدونتك"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHTG6-Zl2cwBBpYWg91fAXUM3SPSnK5z-ZyqEbZ963hR5cfrN-HJ7HbsA2pBI0wUqTH4IMY7yaknY46osgedgp9CYJZ1C5jZ9TbDD8r26068t5L5GaXSAR2vz9TgjYR77x9sy8MEjxtk/s1600/helperblogger.com-rss.png" /></a> <a href="حسابك في اليوتوب"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH1WlMf1XOxhpXgRZUUp0WXBn2rbumfHPZVAb_mQ2TASCxPjEY59YahmlWPO0ZTWeWa6G11hWdTXcwUquuAbAXIvmDByLt9YOQJwzgwb0Q2ixXAVj3EKH869MY-X16G3t1JXY5pYS3tS8/s1600/helperblogger.com-youtube.png" /></a> </p> </center>
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

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

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

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

الكاتب: Mustafa Ahmmed

مصطفي الشهيبي ، مدون ليبي مختص فى البرمجة المعلوماتية ، ومهووس في عالم التكنولوجيا ، ومدير مدونة تكنولوجيـا اليوم يمكنك متابعتي من خلال صفحتي على الفيسبوك