إضافة أزرار الشبكات الإجتماعية لمدونة بلوجر

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

إضافة أزرار الشبكات الإجتماعية لمدونة بلوجر add stylish sharing button to blogger

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

<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: