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

السلام عليكم ورحمة الله وبركاته




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

لاضافة هذه الاداة سجل الدخول الى مدونتك ثم اختر القالب

بعدها اضغط على تحرير html ثم قم بالبحث عن الرمز التالي <body/>

ثم اضف الكود التالي فوقه مباشراً

<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/AVvXsEjz4PqoUIPHn0P45WIPiMKvNUYLWuvr9GYqNONNwS1HGHo4XCKtHP3iKKmAajH9A9L26oGX8_1LtBxqMiJhUVN8Eq5LgFEQ6IP8UTTR0x_dyu7ox_Veah2xXHNXI6A1t9zMiGDvGNAWNSc/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>