أضف إلى مدونتك أزرار التحكم الرئيسية للأجهزة اللوحية

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

شرح الإضافة :                                                                  

1 - القالب .                                                                                     

2 - تحرير HTML .                                                                       

3 - قم بالبحث عن <body/> .                                                          

4 - أضف الكود بعده مباشرة .                                                            

5 - حفظ .                                                                                     

<style> #dp-scroll{position:fixed;z-index:9999;bottom:0;right:0} #dp-scroll a{display:block;float:left;background-color:#5cd4f5;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtcI5dYCWilCz_Cs2EJMdo-tOTMrnd15kBTe87BTt_TtPCAzTCkKzq0gEY0aY-Wg_P6_zsE1ioZFaIIMcWLoOOO0cfCYHemGWXt_aoKZ_DdE4aSqz6r88z1JyP6XAeD-XQS4x-vPXhC80/s216/scroll.png);width:36px;height:36px;text-indent:-999em} #dp-scroll a.dp-up{background-position:0 -36px} #dp-scroll a.dp-down{background-position:0 -72px} #dp-scroll a.dp-bottom{background-position:0 -108px} #dp-scroll a.dp-scroll{background-position:0 -144px} #dp-scroll a.dp-stop{background-position:0 -180px} #dp-scroll a:hover{background-color:#5cbbf5} </style> <script> function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)} function stopScroll(){clearTimeout(scrolldelay)} </script> <div id='dp-scroll'> <a class='dp-top' href='javascript:window.scrollTo(0,0);' rel='nofollow' title='To Top'>To Top</a> <a class='dp-up' href='javascript:window.scrollBy(0,-window.innerHeight);' rel='nofollow' title='Page Up'>Page Up</a> <a class='dp-down' href='javascript:window.scrollBy(0,window.innerHeight);' rel='nofollow' title='Page Down'>Page Down</a> <a class='dp-bottom' href='javascript:window.scrollTo(0,999999);' rel='nofollow' title='To Bottom'>To Bottom</a> <a class='dp-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a> <a class='dp-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a> </div>