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

Post Top Ad

أعلن هنا

Post Top Ad

الأربعاء، 12 نوفمبر 2014

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

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

add-blogger-social-websites


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

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


<style type="text/css">/*<![CDATA[*/@charset "utf-8";/* CSS Document *//* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://www.modawin-blogger.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/101926901344362278031" rel="nofollow" target="_blank"><span>google+</span></a></li><li> <a class="entypo-facebook" href="https://www.facebook.com/modawin.blogger" rel="nofollow" target="_blank"><span>facebook</span></a><a href="http://www.modawin-blogger.blogspot.com/" style="display:none">مدون بلوجر</a></li></ul> </div>

لا تنس أن تشارك التدوينة مع أصدقاء قد يحتاجونها :)

ليست هناك تعليقات:

إرسال تعليق

Post Top Ad

إجمالي مرات مشاهدة الصفحة

  • 5765

    Posts
  • 3

    Comments
  • 368749

    Pageviews

تواصل معنا

أكثر من 600,000+ يتابعون موقعنا عبر وسائل التواصل الإجتماعي إنظم إلينا الآن

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

عن الموقع

Sans+titre+copy«إمو التعليمية» هي مدونة إلكترونية متخصصة في مجال الأسرة والمجتمع والتكنولوجيا الإلكترونية الهدف من هذا القانون هو نشر الثقافة التقنية للجميع من خلال سلسلة من المقالات والدورات التعليمية المجانية ، اعتقادا منها أنه يجب نشر العلم ، وليس بيعه ، لجذب انتباه المعلمين العرب وتحفيزهم على التدوين في الميدان من تقنيات التعليم لنشر أفكارهم وخبراتهم. تقوم المدونة بترجمة أهم المقالات والأخبار على المواقع الأجنبية
معرفة المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *