bloggerarchive
247125322047940
تحميل

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



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

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

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

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

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

 
 
 
 
 
 
 



ويب 1625941912569931551

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

  1. شكرااا على مجهودك الكبير
    وعلى فكرة حتى أنا أسقوم بجلب المواضيع الحصرية الخاصة ببلوجر من نفس الموقع وهذا رابط لأحذ المواضيع التي قمت بترجمتها مثلك
    أهم خطوات تهيئة موقعك داخليا لمحركات البحث On-Page SEO
    شكرا على المجهود القيم

    ردحذف

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

emo-but-icon

الصفحة الرئيسية item

المتابعون!

تابعنا على تويتر