ادراج ايقونات 3D مع تاثير خيالي للمدونات

[romaissa]

المرة الأخيرة التي ظهرت بول كرو مجانا أيقونات3D والتي أصبحت تحظى بشعبية كبيرة بين المستخدمين في بضعة أيام فقط من صدوره.
ونحن الآن نقوم بطرح آخر له، وهذه المرة الرموز 3D – مع تأثير الدوران! مع استخدام تأثير CSS، وعند وضع المؤشر فوق كل رمز تدور 360 درجة وتدور مرة أخرى عند إزالة المؤشر.


http://3.bp.blogspot.com/-PgotMYcdCGg/UA6ntre8qGI/AAAAAAAAH70/_QYm1LgLKlI/s200/3d-social-icon-pack.PNG





وإليك كيف يمكنك إضافته إلى Blogger الخاص بك.
المدون لوحة> التخطيط> إضافة أداة> HTML سكريبت script
نسخ ولصق رمز أدناه:

اولا مثال

ادراج ايقونات 3D مع تاثير خيالي للمدونات | مـدونـة نـجـم المـغـرب (http://starmaroc.com/?p=44)





<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=&quot;social&quot;> <!--Start Rss Icon--> <a title=&quot;Grab Our Rss Feed&quot; href=&quot;YOUR-FEED-URL-HERE&quot; target=&quot;_blank&quot;><img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png&quot; style=&quot;margin-right:1px;&quot; alt=&quot;Icon&quot;/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel=&quot;nofollow&quot; title=&quot;Get Free Updates Via Email&quot; href=&quot;YOUR-EMAIL-RSS-URL-HERE&quot; target=&quot;_blank&quot;><img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png&quot; style=&quot;margin-right:1px;&quot; alt=&quot;Icon&quot;/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel=&quot;nofollow&quot; title=&quot;Like Our Facebook Page&quot; href=&quot;YOUR-FACEBOOK-PAGE-URL-HERE&quot; target=&quot;_blank&quot;><img border=&quot;0&quot; src=&quot;http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png&quot; style=&quot;margin-right:1px;&quot; alt=&quot;Icon&quot;/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel=&quot;nofollow&quot; title=&quot;Follow Our Updates On Twitter&quot; href=&quot;YOUR-TWITTER-URL-HERE&quot; target=&quot;_blank&quot;><img border=&quot;0&quot; src=&quot;http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png&quot; style=&quot;margin-right:1px;&quot; alt=&quot;Icon&quot;/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title=&quot;Follow Us On Google+&quot; rel=&quot;nofollow&quot; href=&quot;YOUR-GOOGLE-PLUS-URL-HERE&quot; target=&quot;_blank&quot;><img style=&quot;margin-right:1px;&quot; src=&quot;http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png&quot;/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title=&quot;Follow Our Pins&quot; rel=&quot;nofollow&quot; href=&quot;YOUR-PINTEREST-URL-HERE&quot; target=&quot;_blank&quot;><img style=&quot;margin-right:1px;&quot; src=&quot;http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png&quot; alt=&quot;Follow Me on Pinterest&quot; /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href=&quot;YOUR-FEEDBURNER-URL-HERE&quot; target=&quot;_blank&quot;><img alt=&quot;spice up your blog&quot; src=&quot;http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1&quot; style=&quot;border:0&quot; /></a><!--End starmaroc Button--> </center>




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©