ضافة قائمه مثل ما فى مدونتى بشكل جميل وبعض الاضافيات مثل صفحتك على الفيس بوك وجوجل بلس وتويتر والاتصال بنا
مميزات الاضافة خفيفه جداا ولا تخذ مساحه وشكل جميل وجزاب فى المدونة وجد هذا الاضافة فى احد المدونات الاجنبيه فقض اعجبت بهذا الاضافة وحبيت اشرح هذا الاضافة لتستفادة منها وارجو من دعوكم وحسنكم الطيب هذا شكل الاضافة والاضافة موجودة فى مدونتى فى اعلى المدونة اذا عجبتك هذا الاضافة اتباع معاية كيف الاستخدام فى مدونتك
طريقة التركيب :
بلنسبة للواجهة الجديدة : - بالنسبة للواجهة القديمة :
لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم 1 -.لوحة التحكم
2.القالب 2 - .تخطيط أوتصميم
3. ثم تحريرhtml;. ثم 3 - تحريرhtml.
4.متابعة 4-.توسيع القالب
5.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt+f
<body>
اضف فوقه مباشر الكود التالى
<div class='clear'/>
<style>
/*Social Sharing Top Slider WIdget By BloggerTricks.Biz*/
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNOT9pZmuqZf6gvaM-bDAQlCCB1_IRuo8QCKCGtdHLj89ZUqK_-FobhMnrZbdCBp1btOqx16oouFck2DfIkDK56yZDdBVdzk8o27mqWcYnw6xtTIjhZUcLTGF4x6ergkmSYoWnoms1HA8/s1600/%5Bbloggertricksdotbiz%5DFACEBOOK.png);
}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimcF49r9KDATkVYdPNnzf9gIJ3sXxgV1MUpXGfCV-Mx1EnvNYZsuptim0m8wFcMWn418LTBNEuCXfrCog6L4OnbA5rH8Bu_vv6PI1VhyYavjIOUuLh29Q44TW2JBQ8kgz2379SdCqWZuI/s1600/%5Bbloggertricksdotbiz%5DTWITTER.png);
}
ul#navigation .googleplus a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOsJqVi2d67xRpR501dgHQ6y_84SvpvaKFMgZPjzI02IrNQiMsDKM9PrJgnB5CbcQmzUryMUUL1CH0jwLKrWWqtZwPt6UqJDAk1YJz7ce1x4cRKm5jb6VBlXK6nTtp4RcMhGNbS-ulx8s/s1600/%5Bbloggertricksdotbiz%5Dgplus.png);
}
ul#navigation .rss a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-isS1Ow25Q28QibF8B5AJ71S9iWUMMHvf_KUSD9LXjfLRASLIJvbtLcFWFKZmo3mk4fw1CN67z5jNaPuDcn9dAaT_d5_DNwXMrvlhfcowdSpi8k5fJXPtJZhwAFsO49PRQct6ETVbF9s/s1600/%5Bbloggertricksdotbiz%5DRSS.png);
}
ul#navigation .Contact a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEASbrHNRETCLKGOzkc9Tpu-2igEPXsiH0fCpKQ9LEUGHAKIcCAO42Hb9JZ6iKBlWbF100694ML-YspsuZRmxnZUQLKGFCiDbuW77RUwh9v_5JxmopDGXWpmeinLLbCadSU4K-RukimY8/s1600/%5Bbloggertricksdotbiz%5Dcontact.png);
}
/*Social Sharing Top Slider Widget Style End By BloggerTricks.Biz*/
</style>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'>
</script>
<script type='text/javascript'>
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<ul id='navigation'>
<li class='facebook'><a href='http://www.facebook.com/maysied2013'>الفيس بوك</a></li>
<li class='twitter'><a href='http://twitter.com/omarsied'>تويتر</a></li>
<li class='googleplus'><a href='https://plus.google.com/110865034259031094962'>جوجل+</a></li>
<li class='rss'><a href='http://feeds.feedburner.com/bilokr'>RSS</a></li>
<li class='Contact'><a href='http://bilokr.blogspot.com/p/blog-page_15.html'>أتصل بنا</a></li></ul>
ملاحظة : مع الوضع في الإعتبار أن تغير الروابط
الفيس بوك http://www.facebook.com/maysied2013
تويتر http://twitter.com/omarsied
جوجل بلس https://plus.google.com/110865034259031094962
خدمه ار اس اس http://feeds.feedburner.com/bilokr
اتصل بنا http://bilokr.blogspot.com/p/blog-page_15.html
بعد التعديل اعمل معاينه
ثم حفظ
شكرا على الاضافة بجد جميله
AntwortenLöschen