.png)
بسم الله الرحمن الرحيم،
صراحة أنا كنت أنوي أن أعمل على قوالب بلوجر فقط، لكن جاءتني بعض الطلبات حول طريقة إضافة جاري تحميل الصفحة مثل ما في مدونتي، ولا أريد أن أخيب ظنكم في، لذلك إليكم شرح الإضافة :
الآن ابحث عن </head> وأضف قبلها مباشرة :
وأخير الصق الكود التالي مباشرة بعد <body> لعرض الإضافة في جميع صفحات المدونة :
لا تنس ذكر المصدر عند نقل الموضوع.
صراحة أنا كنت أنوي أن أعمل على قوالب بلوجر فقط، لكن جاءتني بعض الطلبات حول طريقة إضافة جاري تحميل الصفحة مثل ما في مدونتي، ولا أريد أن أخيب ظنكم في، لذلك إليكم شرح الإضافة :
صورة للإضافة :
شرح التركيب :
إذهب إلى تصميم ثم تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم :
ابحث عن </b:skin> وأضف قبلها مباشرة :#loading { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: #333333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAfqlx38nSE7ufo9wLQA3gABRgIxIjeXuKfQ2PA6U-48X3wMbvsCQDYFyUJx7nPu1E7BkkucsUSn4hOBTuVs5gtT-zwsbPtUGoPoC2qn0LZvYs3wodeB8w95RzNU6fZgAZpGSoJqrZOjc/h1600/ajax-loader.gif) no-repeat center; line-height: 350px; text-align: center; font-size: 36px; color: #353231; text-indent: -9999px;}.v2 #loading { display: none; } #progress-bar { position: absolute; top: 0; left: 0; background: #eee; opacity: 0.8; width: 0; height: 18px;}#loader { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNLtC_v45Bm1TUSeHPvv1Nk7VziySx3xh29fwWQl6z5uCS_C2sGrZkM0SuovfST-Z3_BnWFpmLRTVYg_M_xRhen2kKDgx7LZZYj1DdH4e2q2lIlfnhm97HR30R83AVoWJpTARQfAqVuNk/h1600/logo-nevis.png) no-repeat center 25%; height: 100%; display: block;}
الآن ابحث عن </head> وأضف قبلها مباشرة :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script>(function($){$("html").removeClass("v2");$("#header").ready(function(){ $("#progress-bar").stop().animate({ width: "25%" },1500) });$("#footer").ready(function(){ $("#progress-bar").stop().animate({ width: "75%" },1500) });$(window).load(function(){ $("#progress-bar").stop().animate({ width: "100%" },600,function(){ $("#loading").fadeOut("fast",function(){ $(this).remove(); }); });});})(jQuery);</script>
وأخير الصق الكود التالي مباشرة بعد <body> لعرض الإضافة في جميع صفحات المدونة :
<div id='loading'><div id='progress-bar'></div><div id='loader'>Loading...</div></div>أو الصق الكود التالي لعرضه على الصفحة الرئيسية فقط (مباشرة بعد <body>) :
<b:if cond='data:blog.url == data:blog.homepageUrl'><div id='loading'><div id='progress-bar'></div><div id='loader'>Loading...</div></div> </b:if>
لا تنس ذكر المصدر عند نقل الموضوع.
No comments:
Post a Comment