اضافة ايقونات مواقع التواصل الاجتماعى اضافة مهمة لتواصل زوارك معك فى كل الشبكات التواصل الاجتماعى وبالاضافة الى ذلك يوجد تاثير css يجعل الايقونة تدور بدرجة 360 وتعطى شكل انيق .
طريقة التركيب
نذهب الى لوحة تحكم المدونة ← التخطيط ← اضافة اداة جديدة HTML/JavaScript
نضع هذا الكود
<style>#social img {-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;}#social img:hover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}.CSS_LIGHTBOX_BG_MASK{background-color:#990000 !important;opacity: 0.8 !important;}.post img {max-width:95% !important;}</style><br /><center><div id="social"><a href="http://feeds.feedburner.com/feedburnerurl" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhownpLTAkBmwns7vBVRQ21QcUMRP30gsFwkTzLqPtkuP8QefH_7KT7xH8djw31ixq-c_ycPcoUZkvJihSEJORjKUONWhbzdfAvgX8WxYaXF9mRVJjTFu9ZgQXmAGshawnZ8O50dhnicLfu/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&loc=en_US" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR5ESwkCE2fPLLz7c5xAJJ1-qYdZsTntDyObku-R_G4AKNIvOlwenJQJX65ETdECfXNroOKMIlsP-6rqi2I8UF1FpfFt1cVvL80RJ1IViN4icEf7JjqCZOi8wQdSss71YX83U1It1huLRE/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a><a href="http://facebook.com/fbpageurl" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZqrGbGTUei_JDlpbFSVzDRYBS-9crSE-DsrsDAtCA8ey_zKw0Leh5fkM94tocUYy8Avz7zHiOPvImHkd0gkhpwPQ5ShNW27Egz1Z_hPKbzeFAYh0pjDTWoZgBZB4-i9ykSfA5ToiVodQe/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/twitterurl" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdihgG908bsTemVEs3mqiDcaZ6p8KDv0CQ_vM30FWSe0YmxajQrG8M0av_w1qGCfsYTj0-SqwBID8FyKCf9-PRoCOWLOa2T_uEQiQwn_0U43hqs7cVjt1v6hbAf1JZLTC72LTQuCPL73yD/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/googleplusurl" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmfcX_44LlLzoJ-3vV-PXvFJvaKvrYMY8yvncWP0Dl5H7Aga_m0EpymLbFds9gzNugqlaEm-4vjS1bWfg4puFCA6SXUcSsfws54f0BK-d8_fgbCKn3z36VGhoVkXasPupGUZGYQFRW_b5/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/pinteresturl/" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVljg4SaLw2NzyQ-T4IjBbLNNDesP64GjeGfPheQ7hvYdGM2BtoIxQ30A0VzFzlI5pIO37VAHHEepXBSXSvyNZc3r2cvJ79cXGT8WDCGkRo5R-HHEakb-iFgoqL_b-vQyEg_N5vZM6tcSn/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a></div></center>