mardi 21 mai 2013

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

21:22
جميعنا نعرف مواقع التواصل الإجتماعى وأهميتها فى نشر تدويناتنا ومشاركتها مع جميع متصفحى الإنترنت والأصدقاء .

وأيقونات مواقع التواصل الإجتماعى كثيره جدا ومنتشره جدا على الكثير من المواقع والمدونات , ولكنى اليوم جئت لكم بأحدث شكل من أشكال هذه الأيقونات وهو شكل ثلاثى الأبعاد , بالإضافه إلى وجود تأثير عليها يجعلها تدور حول محورها عند المرور عليها بمؤشر الماوس .

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

قم بالذهاب إلى تخطيط مدونتك وأضف أداه HTML/JAVASCRIPT وضع فيها الكود التالى :
<style> #social a:hover {background-color: transparent;opacity:0.7;} #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); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuVEX6HR9vugy0stQiHp9bW4XtoALKrJOuyqlAXyypK_oSdCKmMX3j2CLcGeIlFvdVTmh3uuWKK9shiyN_TiXVmVHKhHS4w5WsoknkFav0Q6F-OxTpnaFKbdYQ6v8R_oQ0cPToFAbxVwMm/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7E0t-kg-lzqK49IihbC60y9V-LNqncKl3JPUgXvG_tz5Gw3yr1C5l9OzEbW2hA-QdAi6aRrWkWR6d0BE8Rm6X_wYaX547Jrbtp90kialkMwNhcrZDyhTDZqCfophQYBXHQ6GUQdlCt85L/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTkTptJ_cQHLGbQKNr9t-7jueX3MkgHMm-zSaLqiOrUt3wbn4AP-krzxVmYUKyrbxdW-ithyphenhyphenjFyujQws9hXB65M2fPj39pPZA-n7JYhFTyxX7tGn4l7Ozkh7UZeAE4AOBFNeY0mNrAPXmz/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqSf8CwCQScKCbDD68Mq8xUw9Cq0Idcn7SbeH44OEY7hXlxiau4Mkz1OKrS-V_wQw3G14Mg7TICgQC-9q2hRsM1BuQ3n_Ngc-YW6wfmUHkjGtJVVjOvnyZFk2MGkx_4lNnCVw3SXB86xXq/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHX-Ko0dA83P3XsYzF0-lEC6wgYj6OP750fR_3HEcGY-RkHiiTi_ABoH2oXUYaeSymTJHnH_e9zzITG0ikLsLFVG-cbxQXk9CiEftJFetknfI5zglsDHvUiMrDVWDza55SBX6AoDri2eq/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPYFCtJb-YsAYUg2XevQS4G90u7Fm26qXRwIiVaHTm4JYtsqzzNRjeMShebvHS3t96yeyIHgiwtRue1XOx1q9qjbP9a2dLu380tyu0f7YBBmuQIWghNRI_in6JOV1XyXWJfIwJN1Oqq861/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>
قم بتغيير الكلمات ذات اللون الأصفر بروابط حساباتك على مواقع التواصل الإجتماعى, ثم قم بالحفظ وإستمتع بها 

0 commentaires:

Enregistrer un commentaire