نمودج مميز لأزرار المواقع الاجتماعية

30‏/07‏/2010





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

يتشارك من خلاله المتصفحون صدقاتهم، صفحاتهم، و كل ما راقهم و أعجبهتم مدونتك ،

 ميزة هته الاضافة انها تبقى ثابتة اثناء التصفح

و لا تأخد مساحة

و لكم كامل الحرية في تغيير الأبعاد و الصور لتناسب شكل مدوناتكم.










من لوح تحكم المدونة إلى عناصر الصفحة ثم نضغط أضف أداة جديدة في المكان المناسب 

طبعا الأداة ستكون  


Html/Javascript 


و في النافذه المنبثقة  نضع الكود و لا حاجة الى اعطاء اسم النمودج






<div style='position: fixed; bottom: 0%; right: 0%;'/><a  href="http://blogspacetech.blogspot.com/" target="_blank"><img src="http://2.bp.blogspot.com/_jFIsHl5gfpM/TFMKu45JjmI/AAAAAAAAAZg/obheenorON0/s1600/contacts.png" /></a><br /><a href="http://www.twitter.com/TWITER USERNAME/"  target="_blank"><img src="http://4.bp.blogspot.com/_jFIsHl5gfpM/TFMHp7EninI/AAAAAAAAAZI/A00cFXnoJzo/s320/icontexto-inside-twitter.png" /></a><br /><a href="http://www.facebook.com/FACEBOOK USERNAME/"  target="_blank"><img src="http://2.bp.blogspot.com/_jFIsHl5gfpM/TFMHrNm4yKI/AAAAAAAAAZQ/G7Zr9CsYeJ4/s320/icontexto-inside-facebook.png" /></a><br /><a href="http://feeds.feedburner.com/FEEDBURNER ID"  target="_blank"><img src="http://4.bp.blogspot.com/_jFIsHl5gfpM/TFMHo6Kj3CI/AAAAAAAAAZA/eQT8kkD06hs/s320/icontexto-inside-rss.png" /></a><br /><a  href="http://...mail.com"  target="_blank"><img src="http://1.bp.blogspot.com/_jFIsHl5gfpM/TFMJaPtXVHI/AAAAAAAAAZY/pA7duMtkSPI/s1600/mail-copy.png" /></a></div>








* اللون الازرق : ضع مكانه لقبك على المواقع الاجتماعية

* اللون الأخضر: يمكنك تغيير رابط الصور

* اللون الأحمر: يمكنك تغيير تموضع هته الاداة

بعد كل هذا سنحصل على اداة للتواصل


كما في الصورة




و التي سوف يبقى تموضعها  تابث اثناء تصفح مدونتك .







 في هدا الموضوع استخدمنا خاصيتان أساسيتان






'position: fixed;
 







target="_blank"






شكرا لw3schools