إضافة أزرار صفحات المواقع الإجتماعية منزلقة رائعة

على غرار إضافة صندوق اعجابات الفيس بوك الخاص بصفحتك على الفيسبوك .. تتوفر عدة إضافات لتكبير صفحات الفيسبوك إنطلاقا من موقعك أو من مدونتك .

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

الإضافة يمكن إستعمالها في بلوجر .. أو حتى الووردبريس .

توجه نحو لوحة التحكم الخاصة بك في بلوجر , و توجه نحو تخطيط ‘لى أساس إضافة إضافة جديدة .

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

- See more at: http://www.modawin-blogger.blogspot.com/2014/11/add-blogger-social-websites.html#sthash.5LytzeBa.dpuf

الإضافة يمكن إستعمالها في بلوجر .. أو حتى الووردبريس . توجه نحو لوحة التحكم الخاصة بك في بلوجر , و توجه نحو تخطيط ‘لى أساس إضافة إضافة جديدة . إختر نوع الإضافة HTML/JAVASCRIPT , ثم أضف الكود أسفله , معدلا بروابط صفحاتك و حساباتك على مواقع التواصل الإجتماعي : -
إضافة أزرار صفحات المواقع الإجتماعية منزلقة رائعة

اضافة ازرار صفحات الموقع الاجتماعية منزلقة  رائعة

<style type="text/css">/*<![CDATA[*/@charset "utf-8";/* CSS Document *//* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc :http://arabe-educational.blogspot.com//---------- */@import url(http://weloveiconfonts.com/api/?family=entypo);[class*="entypo-"]:before { font-family: 'entypo', sans-serif;}/* ---------- GENERAL ---------- */#social-sidebar a { text-decoration: none; }#social-sidebar ul { list-style: none; margin: 0; padding: 0;}/* ---------- Social Sidebar ---------- */#social-sidebar { left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 50%;}#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }#social-sidebar ul li a { background: #121212; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px;}#social-sidebar ul li a:hover span { left: 130%; opacity: 1;}#social-sidebar ul li a span { border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1;}#social-sidebar ul li a span:before { content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2;}#social-sidebar ul li a[class*="twitter"]:hover,#social-sidebar ul li a[class*="twitter"] span,#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }#social-sidebar ul li a[class*="gplus"]:hover,#social-sidebar ul li a[class*="gplus"] span,#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }#social-sidebar ul li a[class*="tumblr"]:hover,#social-sidebar ul li a[class*="tumblr"] span,#social-sidebar ul li a[class\*="tumblr"] span:before { background: #1769ff; }#social-sidebar ul li a[class*="facebook"]:hover,#social-sidebar ul li a[class*="facebook"] span,#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }#social-sidebar ul li a[class*="rss"]:hover,#social-sidebar ul li a[class*="rss"] span,#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }/*]]>*/</style><div id="social-sidebar"> <ul><li><a class="entypo-twitter" href="https://twitter.com/**********" rel="nofollow" target="_blank"><span>Twitter</span></a></li><li> <a class="entypo-gplus" href="https://plus.google.com/u/0/113443071932848201796" rel="nofollow" target="_blank"><span>google+</span></a></li><li> <a class="entypo-facebook" href="https://www.facebook.com/profile.php?id=100006321874401" rel="nofollow" target="_blank"><span>facebook</span></a><a href="http://www.modawin-blogger.blogspot.com/" style="display:none">مدونة بالعربي التعليمية</a></li></ul> </div> - See more at: http://www.modawin-blogger.blogspot.com/2014/11/add-blogger-social-websites.html#sthash.pPbElH48.dpuf