رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر
تحديث الصفحة اضافة شريط متابعة مواقع التواصل 2014 - اضافات بلوجر
التسجيل التعليمـــات التقويم مشاركات اليوم البحث


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 03-03-2014, 10:33 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اضافة شريط متابعة مواقع التواصل 2014 - اضافات بلوجر
أنا : Blog-Add
سجل معنا لتتمتع بهذه الخاصية




السلام عليكم ورحمة الله وبركاته

معنا اليوم اضافة قمنا بوضعها من قبل ولكن بشكل اخر فاحببت ان اجمع

لكم كل الاشكال الموجوده لاضافة شريط متابعة مواقع التواصل الاجتماعي



الشرح :

اذهب الي صفحة التخطيط ثم اضافة اداة جديدة واضع بها الكود التالي :

كود PHP:
<div id='social-sidebar'>
<ul><li>
<a class='entypo-twitter' href='رابط تويتر' target='_blank'>
<span>Twitter</span>
</a></li><li>
<a class='entypo-gplus' href='رابط جوجل بلس' target='_blank'>
<span>google+</span>
</a></li><li>
<a class='entypo-tumblr' href='رابط تمبلر' target='_blank'>
<span>tumblr</span>
</a></li><li>
<a class='entypo-facebook' href='رابط الفيس بوك' target='_blank'>
<span>facebook</span>
</a></li><li>
<a class='entypo-rss' href='رابط FEED' target='_blank'>
<span>feedburner</span>
</a></li></ul></div>
<style type='text/css'>
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : /---------- */
@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> 
وقم بوضع روابط الصفحات الخاصه بك واحفظ العمل

الدعم العربي

Blog-Add غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
مواضيع ذات صلة, مواقع الاجتماعية, التضامن الاجتماعي, ابتسامات بلوجر

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة شريط اخر الاخبار متحرك - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 03-03-2014 06:54 PM
اضافة تبادل اعلاني بلوجر 2014 - اضافات بلوجر 2014 Blog-Add إضافات وأدوات بلوجر 0 02-17-2014 09:58 PM
اضافة تابعني عبر المواقع التواصل - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-17-2014 09:43 PM
اضافة ازرار مواقع التواصل بشكل متحرك - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-07-2014 12:17 PM
اضافة شريط صور متحركة - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-06-2014 07:01 PM



سياسة الخصوصية - Privacy-Policy - اربط مدونتك بنا - حقوق الملكية والتأليف - الاتصال بنا - معهد خبراء بلوجر - الأرشيف - الأعلى


لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 06:57 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)