- Unknown
- 6:53 ص
- بلوجر
- لاتوجد تعليقات
السلام عليكم ورحمة الله تعالى وبركاته اليوم في درس جديد على مدونة المتميز سنتطرق الى كيفية عمل تأثير بين الصفحات في بلوجر مثل المتواجد بالمدونة
اولا ننسخ الكود التالي ونذهب الى تخطيط > اضافة اداة > HTML/JavaScript
ونضع الكود التالي
اذا اردت تغير الصورة في وقت الانتظار قم بنسخ رابط الصورة التي تعجبك وقم باستبدالها بالرابط التالي في الكود السابق
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIOCNLrjMN-YA0aoy7Xmjir6_MMm9wx8B7a1Z9xtKa0M726e6xVIjfhx9e9G0Q9vKYkKFd5dJFDscMU666jT4uf7uwi0IwpCJAta147qm9fhrGRGQZtHiS2qXwasWVAzGJVcraw9B1BBA8/s1600/border+loader.gif
نقترح عليك
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLUUQRgb60J8i5ZjfOvOtdUpEpZ9xh1UY7RU1scezEvs1PquJb0KAm8GDe8858ZTQvzzjN0y68rV7IIvVJzarLgtcLjg6KABb2el9NhjEWldwRAkYwA2JQhXLwUt3DmgNf3WroHr8p7jk/s1600/Round+Loader.gif
2
5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIOCNLrjMN-YA0aoy7Xmjir6_MMm9wx8B7a1Z9xtKa0M726e6xVIjfhx9e9G0Q9vKYkKFd5dJFDscMU666jT4uf7uwi0IwpCJAta147qm9fhrGRGQZtHiS2qXwasWVAzGJVcraw9B1BBA8/s1600/border+loader.gif
انتهى الدرس
اولا ننسخ الكود التالي ونذهب الى تخطيط > اضافة اداة > HTML/JavaScript
ونضع الكود التالي
<style>
#abt-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#FFF url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIOCNLrjMN-YA0aoy7Xmjir6_MMm9wx8B7a1Z9xtKa0M726e6xVIjfhx9e9G0Q9vKYkKFd5dJFDscMU666jT4uf7uwi0IwpCJAta147qm9fhrGRGQZtHiS2qXwasWVAzGJVcraw9B1BBA8/s1600/border+loader.gif') no-repeat 50% 30%;
color: #F09;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style><br /> <script type="text/javascript">
//<![CDATA[
$(document.body).append('<div id="abt-page-loader"> Loading...</div> ');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
اذا اردت تغير الصورة في وقت الانتظار قم بنسخ رابط الصورة التي تعجبك وقم باستبدالها بالرابط التالي في الكود السابق
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIOCNLrjMN-YA0aoy7Xmjir6_MMm9wx8B7a1Z9xtKa0M726e6xVIjfhx9e9G0Q9vKYkKFd5dJFDscMU666jT4uf7uwi0IwpCJAta147qm9fhrGRGQZtHiS2qXwasWVAzGJVcraw9B1BBA8/s1600/border+loader.gif
نقترح عليك
2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJuIa7aEUxs6G8WTf1VO3yUNGz-l4NKhwN-d7Gq5N0QVYjLKUx8ZWjG3hudKslK1IDDasi7RERoA4aCuSsulnaMo3z-Gy-CMKewAacnrl48t4U18YMJKWS-bT9E5yh-nJC0ZpbIE6EWi6R/s1600/arrow+loader.gif
3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnvCk59k1OAwlQVyFQSJ5GVEPF6PCqyAsHDRF0c-m0qpC9kRjFUl0MmWyOKKHcTua6tCTFIvwvplzHnPAJ6reMBeNcY5BUI7-9TEEGiEFJCQVPBGFA6vQVN7VzVpHOgawT_yPHVUxMqVbk/s1600/silver+arrows+circle.gif
4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcnF6VomLHM7VeH6ZBXIByfF5Tlqcqev5vg0EI_RUpuDxGbKT_WALAWFHdBDjR74tYAfRJlHqcM9Eff5O_mrMldE0OH7mxNQd030VZDVrIB7Vk4IQfABkG6uzrsaQkZwwJPIL_8oL5l9Zl/s1600/blue.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMR5rVcUr8Ozud3Vao6LRXYiVNJ9vbTXWVi79_DAE4I9bC3lpecPY8B_UvtsT4TW1TLfDEmbkZCG_zWqEHWy3NsPf7PUIICUhHeoGRs53K-JK3Clhl8DXAEufanudOQUpPG9VlfltkG3wP/s1600/red+loader.gif
6
انتهى الدرس
عن المدونة :
ليست هناك تعليقات :
إرسال تعليق