إضافة "زر الصعود للأعلي لمدونات بلوجر، هذه الأداة خفيفه جداً في القالب وأيضاً ذو شكل جذاب جداً ودليل علي احترافية المدونة.
طريقة اضافة زر الصعود الي اعلي في مدونة بلوجر
الخطوة الاولي
1.قم بالدخول الي مدونة بلوجر
2.من القائمة انقر فوق المظهر ثم تعديل HTML
3.إبحث عن هذا الوسم بإستخدام Ctrl+F عن
4.قم بوضع هذا الكود فوقة مباشرة كما تري بالصورة اسفل الكود.
/*----------
Up button
------------*/
.scrollToTop {
outline: 0;border: 0;font - size: 14 px;cursor: pointer
}.scrollToTop svg {
display: block
}.scrollToTop {
position: fixed;z - index: 9999;opacity: 0;pointer - events: none;transition: opacity .3 s,
background .3 s,
-webkit - transform .3 s;transition: transform .3 s,
opacity .3 s,
background .3 s;transition: transform .3 s,
opacity .3 s,
background .3 s,
-webkit - transform .3 s; - webkit - transform: translateY(-2e m);transform: translateY(-2e m)
}.scrollToTop.visible {
pointer - events: all;
opacity: 1; - webkit - transform: translateY(0);
transform: translateY(0)
}
.scrollToTop svg {
fill: #fff
}.scrollToTop {
background - color: #252525;box-shadow:0 1px 4px rgba(0,0,0,.5);bottom:1em;right:1em;padding:.5em;border-radius:4px}.scrollToTop:hover{background-color:# 020202
}
الخطوة الثانية
1.قم بالدخول الي مدونة بلوجر
2.من القائمة انقر فوق المظهر ثم تعديل HTML
3.إبحث عن هذا الوسم بإستخدام Ctrl+F عن </body>
4.قم بوضع هذا الكود فوقة مباشرة كما تري بالصورة اسفل الكود
<!-- ScrollToTop -->
<button id="scrollToTop" data-upspeed='1000' data-upshow='600' class="scrollToTop">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24">
<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</button>
<script src='//cdn.jsdelivr.net/gh/imintweb/Js/scrollup.min.js'></script>