شرح إضافة أزرار التنقل لصفحات بلوجر

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




لإضافة هاته الأداة كل ما عليك فعله فعله هو الذهاب إلى لوحة تحكم مدونتك والضغط على قالب ثم تحريرhtml ثم متابعة وتضع علامة على  توسيع قوالب عناصر واجهة المستخدم، ثم ضغط في مفاتيح جهازك على  
CTRL+F

       * وتبحث عن هذا الكود



     *قم بلصق هذا الكود بعده مباشرة 

                                         ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


 
     
     
      
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____                              

* بعد ذلك قم بالبحث على الوسم :
  

      * و قم بلصق هذا الكود قبله :



     *وفي الأخير قم بالبحث عن الوسم:

]]>

  *و قم بلصق هذا الكود قبله مباشرة :

                                         ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


#blog-pager {
  position: fixed;
  bottom: 10px;
  right: 50px;
  width: 120px;
  height: 120px;
  display: block;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  z-index: 9;
}
#blog-pager  a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -99999px;
  position: absolute;
  padding: 5px;
}
a.blog-pager-top-link {
  background: url(https://lh5.googleusercontent.com/-hSHWhg9kGg0/T2MugFnRreI/AAAAAAAAHw8/Htfa78EMsoQ/s30/arrow_up2.png) no-repeat center center;
  top: 0px;
  left: 40px;
}
a.blog-pager-bottom-link {
  background: url(https://lh6.googleusercontent.com/-YBE6uU6Hs9A/T2Muc7lPfII/AAAAAAAAHw8/MEwsNC6GORY/s30/arrow_down2.png) no-repeat center center;
  top: 80px;
  left: 40px;
}
a.blog-pager-newer-link {
  background: url(https://lh3.googleusercontent.com/-x2iM_Ehd97o/T2Muc2KIN9I/AAAAAAAAHw8/NsKA5zQvepo/s30/arrow_left2.png) no-repeat center center;
  top: 40px;
  left: 0px;
}
a.blog-pager-older-link {  
  background: url(https://lh4.googleusercontent.com/-yHMoNLjW5Eg/T2MudH-o1FI/AAAAAAAAHw8/kmXGiY_ztZI/s30/arrow_right2.png) no-repeat center center;
  top: 40px;
  left: 80px;
}
a.home-link {
  background: url(https://lh4.googleusercontent.com/-Ud-NZ0D_WgI/T2MvUcqLnXI/AAAAAAAAHw8/5aeH4DguMgc/s30/home.png) no-repeat center center;
  top: 40px;
  left: 40px;
}
.blog-mobile-link {
  display: none;
}

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____                                              

قم بحفظ القالب ومبروك عليك الإضافة 

ads
تنويه : الصور والفيديوهات في هذا الموضوع على هذا الموقع مستمده أحيانا من مجموعة متنوعة من المصادر الإعلامية الأخرى. حقوق الطبع محفوظة بالكامل من قبل المصدر. إذا كان هناك مشكلة في هذا الصدد، يمكنك الاتصال بنا من هنا.

عن الكاتب

كابو بلوجر

0 التعليقات لموضوع "شرح إضافة أزرار التنقل لصفحات بلوجر"


الابتسامات الابتسامات