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

بسم الله الرحمن الرحيم

مرحبا بكم زوار ومتابعي مدونه حسين وافى العجرمى فى درس جديد وهو اضافه ازرار صفحات المواقع الاجتماعيه بجانب المدونه ومنزلقه وخفيفه

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

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

تتوجه نحو لوحة التحكم الخاصة بك في بلوجر ,
و تتوجه نحو تخطيط ‘لى أساس إضافة إضافة جديدة .
إختر نوع الإضافة 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/el3grmy" rel="nofollow" target="_blank"><span>Twitter</span></a></li>
<li> <a class="entypo-gplus" href="https://plus.google.com/+حسينوافىالعجرمى" rel="nofollow" target="_blank"><span>google+</span></a></li>
<li> <a class="entypo-facebook" href="https://www.facebook.com/el3grmy" rel="nofollow" target="_blank"><span>facebook</span></a><a href="http://hessinalagrmy.blogspot.com/" style="display:none">مدونه حسين وافى العجرمى</a></li>
</ul>
</div>

ملحوظه!!

عدل هذه الحيارات لمواقع التواصل الاجتماعى الخاصه بك

+حسينوافىالعجرمى بحسابك على جوجل بلص

www.facebook.com/el3grmy بصفحتك على الفيس بوك

twitter.com/el3grmy غيرها بحسابك على تويتر

ولاتنسي مشاركه التدوينه مع اصدقائك قد يحتاجونها

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

مرحبا بك في مدونه حسين وافي العجرمي

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

إرسال تعليق

مرحبا بك في مدونه حسين وافي العجرمي

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

آخر المشاركات

تعليقات: 0

إرسال تعليق