-- إضافة أزرار المواقع الاجتماعية :

بواسطة : | في : | | نشر في : ,
هذه الأداة تظهر أزرار المواقع الاجتماعية عائمة في صفحة مدونتك بتاثيرات جميلة عند التأشير
للإضافة هذه الأداة اتبع الخطوات التالية:
في لوحة تحكم المدونة توجه الى التخطيط > إضافة أداة > HTML/JavaScript
ثم ضع هدا الكود

كود:

<div class="flt-wdt">

<style>#floatingbookmarks { 
right:25px;
top:40px;
margin-top:10px;
position:fixed;
width:40px;
}

#floatingbookmarks .float {margin:7px} 
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}
</style>

<b:if cond='data:blog.pagetype == &quot;item&quot;'> 
<div id='floatingbookmarks'>

<a style="text-decoration:none;"  href="http://www.facebook.com/YourLink" rel="nofollow"  onclick="window.open('http://www.facebook.com/YourLink');return  false;"  title="تابعيني عبر الفايسبوك "> <img border="0"   id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر الفايسبوك"   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9RTm11G9IXL095mxCbQSa5EJCnNe-RzPtl1pcMGekeTvdbVqIo4_tZfrJoqbuHHyiuY0c1fxSAefwFnypHVTNCVq6sFu7eXh5AdjYzL8ZLpxYiWRKViHfs5jF5Wp3nKe4gDTlzPN16mB/s1600/facebook.png"   name="Facebook"/> </a> 

   <a style="text-decoration:none;"  href="https://twitter.com/YourLink" rel="nofollow" rel="nofollow" target="_Blank" rel="nofollow"  onclick=" window.open('https://twitter.com/YourLink');  return false;"  title="تابعني على توتير"> <img border="0"  id="Twitter"  style="padding-bottom:1px;" alt="تابعني عبر تويتر"   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzz_padTMvz45kZ5QoCeFLKpdGX5jxh4esjkxff-yflC31S08v4pOvibZAQZEs_QDzLEnuWEqwUQOkoS_-WH9_RZINV0VJGYtWMhz_b9NqAcnuLKMTUzMr-xkvh_GJua8jCunPioyhAz47/s1600/twitter.png"   name="Twitter"/> </a>

<a style="text-decoration:none;"  href="http://YourLink/feeds/posts/default" rel="nofollow"  onclick="window.open('http://YourLink/feeds/posts/default');return   false;" title="تابعني عبر خلاصات المدونة"> <img border="0"   id="Facebook" style="padding-bottom:1px;" alt=""   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_w60V0HXetd76ULgKZmns6G8F5fncjNGBosFDZddab5KClv_yNuUptqIBxiYBb3gmlZN2TeDzqLDqE3bDdPl6-eA8ukexoQWQlQbGoZfvbfiYNgA5uj2_DL_fMZg3A2KOg-LMb66UXA3f/s1600/rss.png"   name="RSS"/> </a> 

<a style="text-decoration:none;"  href="https://plus.google.com/YourLink" rel="nofollow"  onclick="window.open('https://plus.google.com/YourLink');return   false;" title="تابعني عبر جوجل +"> <img border="0" id="Facebook"   style="padding-bottom:1px;" alt="تابعني عبر جوجل +"   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQAuBzFXzrVnV4vZgnq3EdpnyQFx58k2XvOgMzXn-auctEAFgKo9H9ckRpTrKKT8Kk8kYNq9jvbf6tF2jLX7sHeBhtqKGftfDsPvbbxTJkaG8cHsM43AHoOe0N29UIoc3awas5W3OyjHO/s1600/google.png"   name="Google +"/> </a> 

<a  href="javascript:window.external.AddFavorite('http://YourLink/',  'اسم المدونة');"  title=" أضف المدونة لمفضلتك"><img  border="0"   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtgya3EtjeALaUiuTujc5rKwEV5xmgtn8ubbHMU_gq14a3gaUiVSs_ZH-XaYGV0lORiUYAHpzy06HS0JVwR88oBaBkwRjrYFIipJZZmnlAOGGARBduEg5ct5wZ9N-yE23BNuPorMyv-Mh/s1600/favorite.png"   /></a> 

</div> 
</b:if>
 </div>




لا تنسى تغغير الروابط التي باللون الأحمر الى الحسابات الخاصة بك

بعد ذلك توجه الى قالب > تحرير HTML و ابحث عن


كود:

    ]]></b:skin>

 ثم أضف فوقه مباشرة الكود التالي




كود:

 .flt-wdt{
    position:fixed; right:10px; top:40%;
    }
    .flt-wdt img{
    float:right;
    clear:right;
    margin:5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    }
    .flt-wdt img:hover{
    -moz-transform: scale(1.2) rotate(6deg);
    -webkit-transform: scale(1.2) rotate(6deg);
    -o-transform: scale(1.2) rotate(6deg);
    -ms-transform: scale(1.2) rotate(6deg);
    transform: scale(1.2) rotate(6deg);
    }
 قم بحفظ التغييرات على قالبك
 واستمتع بأزرار المواقع الإجتماعية على مدونتك










شاركها !

جميع الحقوق محفوظة 2012 | أعلن معنا | رخصة الإستخدام والنشر | خريطة الموقع | سياسة الخصوصية |