إضافة أزرار المواقع الاجتماعية
هذه الأداة تظهر أزرار المواقع الاجتماعية عائمة في صفحة مدونتك بتاثيرات جميلة عند التأشير
للإضافة هذه الأداة اتبع الخطوات التالية:
في لوحة تحكم المدونة توجه الى التخطيط > إضافة أداة > HTML/JavaScript
ثم ضع هدا الكود
للإضافة هذه الأداة اتبع الخطوات التالية:
في لوحة تحكم المدونة توجه الى التخطيط > إضافة أداة > 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 == "item"'>
<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/AVvXsEgT74-mNgS2mowYChvIlwUZVmK-wBmQD80uhXtAor1miO3ZNv-llJP7zYak99ojuCAVNtxjDOxALrSJzXKFjJTQ48fDOrORlZPicXAmlYB-RDJLw5XK5ULi0MGapgpX18PrtKMDykq2FigU/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/AVvXsEjHJXwOMKdO_fF3tArpnxtB9AP_PTZrvv6piNB3u7D-rK7jy4RxyxF9gAN4yrMCsLPDGvGFcG10tvW0FdEtjtL5bxB4OFhtMJpuHAUYjKWzomuQ79gFAtNRBFFyZAYpcTl-ZHbPY5NLp-U9/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/AVvXsEjFLQhnS2Goiwl6zAukPNocF4rI9mtGgZtnTQFA73ePeDro_7uv19ct4ZEaZJ1Pc4Uqp_M2cmLLibtWYYpMlROM-1V0_u6RavSeQth6mnvDAJs3v-_ooJURcGwmiJsVQ0zfdSt6jiH5ToV8/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/AVvXsEhA5JBbCziC26sRK3N6eneOwVqBABRr2W-WtJPHFLcuQx86s0oaWiGXFALgWQO5mJoWs3lGmhcTgJQdfj8vh85cwVUq03ey8nIj9pptr8ixhMmnVkBYv-ozNqHZU4f-lSkeqnuBJSi4rtls/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/AVvXsEgNEYQ2Jk_cAfV5i7ewfRv0MuYYVuuBWRNQPA0UR7psvYKNWADbbBMJWiO4qExbnNbQ6u9nSQaow1EPk52LGavD3wILLC6HL48C2gJrBZyfQ08OVtrStY7QkNPMoqCNiEbvjETJgqfbZ6DA/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);
}
قم بحفظ التغييرات على قالبك
واستمتع بأزرار المواقع الإجتماعية على مدونتك
واستمتع بأزرار المواقع الإجتماعية على مدونتك
