اضافة تابعني على المواقع الاجتماعية بطريقة جميلة لمدونات بلوجر Widget blogger

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

Media Sharing Icons Widget

إليكم إضافة جميلة لمدونات بلوجر, اضافة تابعني على المواقع الاجتماعية المشهورة - +twitter- facebook- google.

وبتأتيراث متحركة عند تمرير الفأة عليها.

شاهد النمودج في هذه الصورة المتحركة.

و هي نفس الإضافة التي أستعملها في مدونتي. 

إليكم الطريقة

لثثبيت الإضافة 
ادهب الى لوحة التحكم في حسابك بلوجر
ثم تخطيط 
اضافة اداة HTML/JavaScript
ثم انسخ هدا الكود ولصقه داخل الاداة

<style>

.pakmax-fancyshare img {

-webkit-transform: rotate(0deg);

     -moz-transform: rotate(0deg);

       -o-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

          transform: rotate(0deg);

-moz-transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.pakmax-fancyshare img:hover {

-webkit-transform: rotate(360deg);

     -moz-transform: rotate(360deg);

       -o-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

          transform: rotate(360deg);

}

</style>

<center>

<div class="pakmax-fancyshare">

<a href="https://www.facebook.com/%D8%A3%D9%88%D8%A8%D8%A7-%D9%88%D9%8A%D8%A8-oupaweb-934913863302318/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi696dmvfQhyn7SgA48VP77lGeJPJmMDISy72EDP_xlSSkvUCqBLX2mIqaNWSaiH0R8XXga7RSmsOBJVgZKvigk39hc4iEw4oaQfx61mJtGYk4aOFvSGtHtWqNuyvrKFAUMb5PAYpeS-dv0/h120/facebook.png" /></a>

<a href="https://twitter.com/OupaWeb" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsSnYYvhqGq4E9gs8GhuC6U6eVbruoi-UoAwC3N6lQIQO-blPswht3bQESfvCKy_taggtkBzF07X37fdtrWs9E0xCBEqJ6U19bzY7hgqkCkCHCW3YZOxtH_lxfkSGX4d0eG1JTq666LiHx/h120/twitter.png" /></a><br />

<a href="https://plus.google.com/u/0/103705717786239589898" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvhmKkP8WKTCLVV4QVKNrdYb0NvyKLAn7u2R9N6HHBQ9yT9O5jyp5OK8TES9qcjbUF7Y6yAgfjzpHJGovFR4vI7AGHXnnMD-s2Jr3ClMgBPpYrnu307vwXPJW6fRkGRWzggZfLMAi113_G/h120/g+.png" /></a>

<a href="http://feeds.feedburner.com/blogspot/kPFhD" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLSsHcjqM4J0u5swAJO_wNTIQIOt3T3WDb8k_ELUKaxQ7F8m5kIa7dwwxovbTzwOu7vWrhh8Azkq6tb3xS0cXXA5zR9EBZsVaH1cooYpG0iJCIlvjCNZECl-G73EUDlZaiZLV3kZRM8W21/h120/Rss.png" /></a>

</div>

</center>

ملاحظة
غير الرابط الملونة بالاحمر بروابطك الخاصة.