أداة ثلاتية الأبعاد 3D للمتابعة على المواقع الاجتماعية وتنقلب عند التأشير عليها لمدونات بلوجر

شاركه على +Googleأضفه الى Deliciousشاركه على Twetter شاركه على Facebookأضفه الى StumbleUpon أضفه الى Digg

اليوم سأشارككم أداة جميلة وكما يمكن أن أقول متقدمة,هده الأداة الخاصة بالمواقع الاجتماعية هي أولا تحتوي على ايقونات ثلاتية الابعاد تانيا تنقلب عند التأثير عليها فهي بكل معنى الكلمة جميلة ,وهده هي الادوات المطلوية التي تثير انتباه الزائر وتحتم عليه متابعتك على تلك المواقع الاجتماعية,الأيقونات  من تصميم  Paul Crowe .

طريقة التركيب
1 اذهب للوحة التحكم

2. تخطيط 

3.عناصر الصفحة

4. اضف اداة

6.اختار  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="http://feeds.feedburner.com/chamelcool/rInPq" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCgZ_V-fPCFldO1dFEUFQ69oyrsRtdghahVZMp6YMjKXFpsg0ACcEDZ0j5Ma3BAa7U0Cn9Ag1-MvA3C1oltnLd6_0Fc7cZ8TKx_XHT9Geuu5yEvW1KzCZBmFFIIwo1rYjnCZe1iHlK3ZEW/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="http://feedburner.google.com/fb/a/mailverify?uri=chamelcool/rInPq" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJLjq-gPlZrnihs93Y9Qmxsd939r09qh7BkxRLYJe6X1sR952gm3s-Bne1YL63U8uAh0wQ_Mf_g7De2Spli0MhTZDOXlrD1irXzSW50GrFHHRf0OUBoR2dQVVQKCBZXRiYh6sak41uI2Nr/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="http://www.facebook.com/chamelcoolblogger" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErj5QbMDtQxV5P9K4pRGYLP-NuBbOOGeYYwSce-A2bCZQkJ_1I4pww73_-3r7ZHK7_j_vTzIxzH7e_g86XTSSZ_FrYSNqHD3sTbiclvZUVPnf98jBhw6ExIdGfxwv39hIop4_wDbBp60n/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="https://twitter.com/chamelcool" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWjP5FAONgKPQ_feYwzlxKjKCJe-Gq4sA19f8Qp0_MOPLKdDv6oablFRyoweztS1rn-7_wch0QAA-npAVMfQ9YW3hL4-ebPvb9vg4cTIIT95dNFuV2Jf8mUAgcTDt8J73S126BfQIHVuT/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="https://plus.google.com/105111763875634408359" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjJUVBBJLTBS0G3N9qTF7ILte8VOfTGlw8A7qmpfH4L0eXVEbLfV6uvLIkjXljJLPEZ1KQHmlm9-u6zrSjxYMHo7GRZHNbhjEcepxcIkQ60mgHQv6QGmOcgBYW2aX2h_wafSV2fjs99yr7/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/chamelcoolblog" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NkVa04JO2sEQXJ2GbaC3Me9SQRa1DDgLB3eSfjiiY6EYP19A0Xjs_XcFwmZys17l87N9b30IiOar38D3dpyA5ahKMB2mslo6kOQyn8JCMlV7_fT03MI7kk3wNfpyjbSwHFQospqrP4Jv/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></center>

*ملاحظة :

-غير chamelcool  باسم صفحتك على twitter

-غير chamelcoolblogger باسم صفحتك على    facebook

-اذا كان اسم صفحتك طويل جدا و عبارة عن أصفار  قم الدخول هنا  Facebook.com/username  واختر اسم لصفحتك

-قم بتبديل chamelcool/rInPq  هنالك  (اثنان) بعنوان التغدية الخاص بموقعك و التي ستجدها في اخر رابط التغدية الخاص بمدونتك

-غير 105111763875634408359   بالأرقام الموجودة   في  رابط صفحتك على جوجل على google plus

-غير  chamelcoolblog  باسم  بروفيلك على pinterest

ثم احفض الأاداة  ومبروك عليك

• ملاحظة أخرى:

اذا أردت مسح أي أقونة خاصة بأي موقع اجتماعي ,ستجد أن كود كل موقع اجتماعي  مثلا google plus  يبتدأ ب :

<!--Start Google+ Icon-->كود جوجل بلس هنا <!--End Google+ Icon-->

فقط قم بمسح الكود الموجود بينهماوهكذا مع بقية الاكواد.

وهذا كل مافي الموضوع نلتقي في موضوع جديد وحصري انشاء الله ,ةالسلام عليكم

Tweet

Social Sharing Widget bychamelcool

التصنيف : أدوات بلوجر