إضافة أزرار صفحات مواقع التواصل الإجتماعي بطريقة منزلقة رائعة لمدونات بلوجر
يتواف العديد من إلاضافات لتكبير صفحات الفيسبوك عن طريقة موقعك أو مدونتك بطريقة بسيطة ورائعة.
إضافة أزرار صفحات مواقع التواصل الإجتماعي منزلقة بطريقة رائعة لمدونات بلوجر كأخف و أفضل الإضافات و أكثرها أناقة , كما أنها لا تشكل عائق او مشكلة في مظهر مدونتك , حيث تتناسب مع أي نوع من قوالب المدونات .
الإضافة يمكن إستعمالها في بلوجر .. أو حتى الووردبريس .
توجه نحو لوحة التحكم الخاصة بك في بلوجر , و توجه نحو تخطيط ‘لى أساس إضافة إضافة جديدة .
إختر نوع الإضافة 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/bloggrworld"
rel="nofollow"
target="_blank"><span>facebook</span></a><a
href="http://www.bloggrworld.blogspot.com/"
style="display:none">مدون بلوجر</a></li></ul>
</div>
- كود ايقونات التواصل الاجتماعي HTML
- كود مواقع التواصل الاجتماعي بشكل رائع بتقنية css
- إضافة مواقع التواصل الاجتماعي بلوجر
- اضافة التواصل الاجتماعي بلوجر
- كود أيقونات html
- علامات وسائل التواصل الاجتماعي