وصف المدون

Hello, I am Abdulaziz, a technical blogger and founder of technology website, interested in the internet and web design field. My goal is to create a website that provides design and problem-solving services.

إعلان الرئيسية

اضافات بلوجر


إضافة "زر الصعود للأعلي لمدونات بلوجر، هذه الأداة خفيفه جداً في القالب وأيضاً ذو شكل جذاب جداً ودليل علي احترافية المدونة.


طريقة اضافة زر الصعود الي اعلي في مدونة بلوجر


الخطوة الاولي


1.قم بالدخول الي مدونة بلوجر


2.من القائمة انقر فوق المظهر ثم تعديل HTML


3.إبحث عن هذا الوسم بإستخدام  Ctrl+F عن ]]></b:skin>


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>



زر الصعود الي اعلي - اضافات بلوجر

5.قم بحفظ القالب ، ثم قم بمعاينة المدونة.


إنضم الي جروب تلجرام للربح من بلوجر وحل المشاكل التي قد تواجهك.
إنضم الي جروبنا علي تلجرام

Back to top button