ازرارات التواصل الاجتماعي بتقنية 3D متحركة

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

اخواني الكرام موضوعنا لهذا اليوم هو جدا مهم لكل الاخوة المدونين فلا يوجد مدونة تخلوا من ازرارات الاشتراك في مواقع التواصل الاجتماعي منها الفيسبوك وتويتر والاشتراك في الايميل لكي يتيح لهم الاطلاع على كل ما تدونه وايضا في قوقل بلس والاشعارات وهذه صورة منه

وهذه صورة حية منه ضع الماوس على احدى الصور لكي ترة تحرك الازارات بصورة جميلة

للحصول على هذا الكود يجب عليك ... اولا : قم بالدخول الى لوحة التحكم لمدونتك مـــن هنـــا ثانيا: ادخل على تصميم ثـــــــم اضافة أداة 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">
<a href="http://www.blogger.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-0nX5J1maNK3_STBFQU6d40d-ti9y4QeimZiD0ujviBN2T6N2Y6x8hyphenhyphenuyV5-nzgaLKIKYXbrVoQ6DaGrfhuPZ4p_WXMyL5m-z1B9MmPsDE9jkyXMoULz3xLPOfbO94bxdE8vjLIPwDctB/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a><a href="http://www.blogger.com/YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihMlgX7J_Lde6Q31_Z1_44IwYPAVjqCmhU-iYQ1qELjTU0Y58sRa4x87HCfGJx2w8W5m4ikJiNrk-Xwh4OJT0EUkdfyBobLmzAKoIzplKtaSPmNd3BB9zaCmWqzXpYV6ZqJqKi16gSPUjk/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a><a href="http://www.blogger.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUr7_thNrMoBAmYsO3NL1Q6LEQiRwskVLXYFfnGIOm4hJUGr0xpBHhKAS4r8r83IjCt0flCFS-VeZTFYYkkTfIdZ0iMW2s-ZJS_kmuEcOK-QJLwfuns7oxI63a9QXwK-QCZ63zocE9qACM/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a><a href="http://www.blogger.com/YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6AkmUs653K0rIBe6DSRub4gAPsyX_K_Q58UhyphenhyphenOlRdi9A7lm5vKylihOrt9dDk8L_LNpuPSvCs0SJDl1RXeKyB8EsgFF0okIDKW-2__PeX41EBUXKSL4Xnygfo319ivZqwvUwZH1bxeLgL/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a><a href="http://www.blogger.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9W46yXwzDSHDMrLk_NhbQ-RcWdA2A3rhDyzr2UNniriikd8GmvS0CbzDZ_DCsfQL5KyWCSqrTydjrP61ZvoG9_sVafMIajBZhnqmEWQm-Bon4-jcQ9zx_QWoPS8HXMRSZpUFzkNNzz-oI/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a></div>
<a href="http://www.blogger.com/YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="Beautiful Blogger Widgets" src="http://feeds.feedburner.com/blogspot/Fuvbr?bg=ff9933&fg=000000&anim=1" style="border: 0;" /></a>
</center>

التعديل على الكود:
YOUR-FEED-URL-HERE استبدله برابط FEED الخاص بمدونتك
YOUR-EMAIL-RSS-URL-HERE استبدله رابط الاشعارات RSS الخاص بك
YOUR-FACEBOOK-PAGE-URL-HERE استبدله برابط الفيسبوك الخاص بك
YOUR-TWITTER-URL-HERE استبدله برابط التويتر الخاص بك
YOUR-GOOGLE-PLUS-URL-HERE استبدله برابط القوقل بلس الخاص بك
YOUR-FEED BURNER-URL-HERE استبدله برابط FEED BURNER الخاص بمدونتك
استبديل رابط feeds الخاص بك : http://feeds.feedburner.com/blogspot/Fuvbr

يمكنك تبديل الكمات الانجليزية الى العربية التي ظللتها باللون الاخضر وهي تظهر عندما تضع الماوس على الصور