اضافة " شريط منزلق من اعلى الصفحة يحوي ازرار من تحديدك " + مثال اضافة رائعه من تعريبي!

اضافة " شريط منزلق من اعلى الصفحة يحوي ازرار من تحديدك " + مثال اضافة رائعه من تعريبي!
 
 
 السلام عليكم!هل رغبت يوما بشريط منزلق رائعاً وخفيف في مدونتك؟
 
إذا اليك به اقدم لكم اليوم اضافة رائعه لمدونات بلوجر من المصدر التالي
 
و هو شريط منزلق يحوي روابط يمكنك اضاقة مكانها روابط تسميات 
 
او مواضيع او صفحات المواقع الاجتماعية... 
 
مثال
الان لكيفية التركيب":
 
اذهب للوحة تكم مدونتك>قالب>تحرير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='&quot;loading&quot; + 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>
الان احفظ القالب .
 
 
 
اخيرا ارجو منك تقدريرا لتعبي مشاركتي بتعليق يجعني على المواصلة في المدونة
 
ولا تنسى الضغط على ازرار المواقع الاجتماعية ادناه
 
 و يمكنك ايضا الإشتراك في نشرة المدونة

البريدية للتقى كل جديد في المدونة 

لإيميلك فقط ادخل ايميلك

في المكان المحدد من

الاضافة التي بالاعلى.
 
تحياتي.!
 
 
حقوق التعريب محفوظة لمدونة : أخبار إلكتروني .

 
 
 
 
 
 
 
قام بعمل الموضوع
الوسوم
إرسال تعليق

تعليقات

إرسال تعليق

لاضافة صورة او فيديو في التعليق ضع رابط الفيديو بين الوسمين كالتالي:
[video] رابط الفيديو [/video]
[img ]ربط الصور [/img]
للتعليق اضغط على مربع التعليق ياسم و اختر : الاسم / عنوان URL ثم اكتب اسمك فقط اذا اردت واضغط الاستمرار.