اضافة " شريط منزلق من اعلى الصفحة يحوي ازرار من تحديدك " + مثال اضافة رائعه من تعريبي!
http://www.techpointblog.com/2012/09/add-cssjquery-fixed-horizontal-menu.html
السلام عليكم!هل رغبت يوما بشريط منزلق رائعاً وخفيف في مدونتك؟
إذا اليك به اقدم لكم اليوم اضافة رائعه لمدونات بلوجر من المصدر التالي
و هو شريط منزلق يحوي روابط يمكنك اضاقة مكانها روابط تسميات
او مواضيع او صفحات المواقع الاجتماعية...
الان لكيفية التركيب":
اذهب للوحة تكم مدونتك>قالب>تحريرhtml>توسيع القوالب.
و ابحث عن الوسم التالي:
</head>
<link rel="stylesheet"
href="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]Fixed
Fade Out Menu.css"/>
<script type="text/javascript"
src="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if(scrollTop != 0)
$('#nav').stop().animate({'opacity':'0.2'},400);
else
$('#nav').stop().animate({'opacity':'1'},400);
});
$('#nav').hover(
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#nav').stop().animate({'opacity':'1'},400);
}
},
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#nav').stop().animate({'opacity':'0.2'},400);
}
}
);
});
</script>
الان ابحث عن:
<body>
إذا لم تجده فإبحث عن:
<body expr:class='"loading" + data:blog.mobileClass'>
والصق بعد الذي تجده الكود التالي:
<div id="nav"> <ul> <li><a class="top" href="#top"><span></span></a></li> <li><a class="bottom" href="#bottom"><span></span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li> <li><a href='رابط الزر'><span>اسم الزر</span></a></li><li class="search"> <input type="text"/><input class="searchbutton" type="submit" value=""/> </li> </ul> </div> <div id="top"></div> <div class="desc"></div> <div id="bottom"></div> <div class="scroll"></div>
اخيرا ارجو منك تقدريرا لتعبي مشاركتي بتعليق يجعني على المواصلة في المدونة
ولا تنسى الضغط على ازرار المواقع الاجتماعية ادناه
و يمكنك ايضا الإشتراك في نشرة المدونة
البريدية للتقى كل جديد في المدونة
لإيميلك فقط ادخل ايميلك
في المكان المحدد من
الاضافة التي بالاعلى.
تحياتي.!
حقوق التعريب محفوظة لمدونة : أخبار إلكتروني .
الكاتب :
Salem Shami
مؤسس نقطة تقنية، مهتم بأخبار التقنية و التجارة الإلكترونية،أسعد بالتواصل معك عبر حساباتي في المواقع الإجتماعية أدناه
شكرااا على مجهودك الكبير
ردحذفوعلى فكرة حتى أنا أسقوم بجلب المواضيع الحصرية الخاصة ببلوجر من نفس الموقع وهذا رابط لأحذ المواضيع التي قمت بترجمتها مثلك
أهم خطوات تهيئة موقعك داخليا لمحركات البحث On-Page SEO
شكرا على المجهود القيم