إخواني الكرام اقدم لكم إضافة مميزة عبارة عن ازرار الصفحات الخاصة بمدونتك في الشبكات الإجتماعية
هذه الإضافة جميلة وذات تأثير جميل يمكنك معاينة الصورة من هنا
تتميز الإضافة بسهولة تركيبها وتاثير مرور الماوس على الصفحات
لتركيب الادات كل ما عليك فعله هو إضافة أداة جديدة ثم ضع فيها هذا الكود
<style>#NBT-SNS {width: 260px;margin: 5px 5px;padding:5px;}#NBT-SNS li {cursor: pointer;height: 48px;position: relative;text-align: right;list-style-type: none;}#NBT-SNS .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdGrh29Ltn2mjDk0qs_8lN3j5tcXUOdYgVCFTM8bpHe0y8kkAvGzPx0OsRHGY6f96xPxKrf3I7i69rWNVz6NfSmIr1tEEnzYkUUOto1pZRyMS7djER2SW1eOVvGg4ud4xNCcT8ebjAgOo/s1600/NBT-Social_Button.png') 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #141414;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: right;text-indent: 50px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}#NBT-SNS span:hover {visibility: hidden;}#NBT-SNS span {display: block;top: 15px;position: absolute;right: 55px;}#NBT-SNS .icon {color: #fafafa;overflow: hidden;}#NBT-SNS .fb {background-color: rgba(45, 118, 185, .42);background-position: 0 -382px;}#NBT-SNS .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -430px;}#NBT-SNS .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -478px;}#NBT-SNS .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;}#NBT-SNS .linked {background-color: rgba(0, 87, 114, .42);background-position: 0 -574px;}#NBT-SNS .ytube {background-color: rgba(170, 0, 0, .42);background-position: 0 -670px;}#NBT-SNS .rss {background-color: rgba(255, 109, 0, .42);background-position: 0 -718px;}#NBT-SNS li:hover .icon {width: 250px;}#NBT-SNS li:hover .icon {background-color: #d91e76;}#NBT-SNS li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}#NBT-SNS li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}#NBT-SNS li:hover .google {background-color: #A70000;background-position: 0 -94px;}#NBT-SNS li:hover .pint {background-color: #C00;background-position: 0 -142px;}#NBT-SNS li:hover .linked {background-color: #005772;background-position: 0 -190px;}#NBT-SNS li:hover .ytube {background-color: #A00;background-position: 0 -286px;}#NBT-SNS li:hover .rss {background-color: #EC5601;background-position: 0 -334px;}#NBT-SNS .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}</style><ul id="NBT-SNS"><li><a href="http://www.facebook.com/ArabeEye" class="icon fb">إنظم لصفحتنا</a><span>إنظم لصفحتنا</span> </li><li><a href="https://twitter.com/ArabeEye" class="icon twit">تابعنا على تويتر</a><span>تابعنا على تويتر</span> </li><li><a href="https://plus.google.com/ArabeEye" class="icon google">تابعنا على جوجل+</a><span>تابعنا على جوجل+</span> </li><li><a href="http://www.pinterest.com/ArabeEye" class="icon pint">تابعنا على بانترست</a><span>تابعنا على بانترست</span> </li><li><a href="http://in.linkedin.com/ArabeEye" class="icon linked">تابعنا على لينكدن</a><span>تابعنا على لينكدن</span> </li><li><a href="http://www.youtube.com/user/ArabeEye" class="icon ytube">تابعنا على يوتيوب</a><span>تابعنا على يوتيوب</span> </li><li><a href="http://feeds.feedburner.com/ArabeEye" class="icon rss">تسجل عن طريق RSS</a><span>تسجل عن طريق RSS</span></li></ul><div style='clear: both;'></div>
ثم قم بتغيير ArabeEye في كل رابط باسم صفحاتك انت في الفيس بوك وتويتر وكذا الصفحات الأخرى
هذا كل شيئ اتمنى ان تعجبكم الإضافة دمتم في رعاية الله وحفضه
0 comments: