اضافة ايقونة الشبكات الاجتماعية الى مدونة بلوجر

ايقونة جميلة وعند وضع المؤشر عليها تخرج الى الامام كما هو واضح 

بالصورة في الاعلى .

طريقة اضافتها سهلة وبسيطة كل ماعليك فعله التوجة الى :

 لوحة تحكم بلوجر ثم الى التخطيط 

نختار إضافة أداة 

عندها تخرج لنا نافذة نختار منها  HTML/JavaScript      
                  

نضع الكود التالي 

<style> /*www.allbloggingtools.com*/ .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 60px; height:60px; } .bubblewrap li img{ width: 50px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 4px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); }</style> <br /> <center> <br /> <ul class="bubblewrap"> <li><a href="http://www.plus.google.com/ضع هنا معرف صفحتك"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4I4Ar2J2mhHzoPZusLr10O4-cuwgklHHG2VdJ1tXjTNcXj8elE76DefsdqnbeAKytOSuYR2b70nbaC9TNAJqqM4T-UNP0MQ8OUO8vklfiRjst9Z3tI0PBjnmAEUyER4W5RrkGahh_xaI/s1600/Google.png" title="Add to Google+" /></a></li> <li><a href="http://www.facebook.com/matjerblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9fZulNM7jdXiMsnYK75Hwm-sxGbTL9U-PQvaBDl1Rno3Z8RtrZ1kbB5jfEcDk171GkD10B0KvFFbtDzxrNOQSFyomzTxe_rsE-Ft9Zobf6Pm_1t5Z1hGdJz80iTNaEebtiPEjMelf8M0/s1600/Facebook.png" title="Add to Facebook" /></a></li> <li><a href="https://twitter.com/matjerblog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgky9xQmkm99cY_8kVT5ZaGDNynlMWp-xSEE2Q9xA95QFpyng9shUxJR7p5KTzJ1ctVomdOsH9kiyExBmt6Vy0dR50Ofmn6bwsnicyHxAFDFDCBNfYe8MmnWHyZ5c-h2GR9G3qTImqo_YU/s1600/Twitter.png" title="Add to Twitter" /></a></li> <li><a href="http://feeds2.feedburner.com/blogspot/ndUfA"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB3whD_bCfpxuTi_93sX3IFFzIogrnqdg8zRc6mA7OIKbG5kCrvx_MYIhHOnWkWyTLxn-pFU1TvIEtMTI4p1qYXDY16DQeZudijCM2kwI6Nke6UkEfYRgvJ0zKiFAEaytHio-kzyocsKU/s1600/RSS.png" title="Add RSS Feed" /></a></li> </ul> </center> استبدل اسم المستخدم الخاص بصفحاتك على شبكات التواصل الاجتماعية بالاسماء الموجودة بالكود انتهى الشرح اذا اعجبك الموضوع اعمل مشاركة على شبكات التواصل الاجتماعية لمتابعة جديد المدونة اشترك بخدمة البريد الالكتروني ليصلك كل جديد