اعلان

صفحة خطأ ):
الصفحة التي تبحث/ي عنها غير موجودة

يمكنك محاولة كتابة كلمة البحث مضبوطه أو الضغط على الزر التالي للعودة للرئيسية

الرئيسية

7‏/4‏/2013

اضافة قائمه منزلقه اعلى المدونة بشكل جميل


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





طريقة التركيب :

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                 لاتنسى اخد نسخة احتياطية للقالب

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(http://2.bp.blogspot.com/-2zvOqBOpUrg/UArCh7fSqmI/AAAAAAAABKg/BLGd9gkbKoE/s1600/%5Bbloggertricksdotbiz%5DFACEBOOK.png);
}
ul#navigation .twitter a {
background-image: url(http://2.bp.blogspot.com/-DyhWSL8zSIw/UArClLd2YlI/AAAAAAAABKw/lnrE78qperg/s1600/%5Bbloggertricksdotbiz%5DTWITTER.png);
}
ul#navigation .googleplus a {
background-image: url(http://1.bp.blogspot.com/-ZK0eQqadYlE/UArLI1FoW0I/AAAAAAAABLQ/SWPnu_PyJ-w/s1600/%5Bbloggertricksdotbiz%5Dgplus.png);
}
ul#navigation .rss a{
background-image: url(http://2.bp.blogspot.com/-W0Fq7wIfX0M/UArCj-K-9dI/AAAAAAAABKo/zH-Se1nhALM/s1600/%5Bbloggertricksdotbiz%5DRSS.png);
}
ul#navigation .Contact a {
background-image: url(http://4.bp.blogspot.com/-LS3VUnD66K0/UArLCXlPaMI/AAAAAAAABLI/eFsQPsaXGGw/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;
$(&#39;#navigation a&#39;).each(function(){
$(this).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},d+=150);
});
$(&#39;#navigation &gt; li&#39;).hover(
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-2px&#39;
},200);
},
function () {
$(&#39;a&#39;,$(this)).stop().animate({
&#39;marginTop&#39;:&#39;-80px&#39;
},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

بعد التعديل اعمل معاينه 

ثم حفظ

هناك تعليق واحد:

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التوزيع لضيق الوقت أو التبادل الإعلانى

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

جميع الحقوق محفوظة لــ بلوجر توب ©