السلام عليكم ورحمة الله وبركاته
اضافة شريط نطام iOS7 الي مدونة بلوجر 2016/2017
مرحبا يا صدقائي حصريا اضافة شريط نطام iOS7 الي مدونة بلوجر 2016/2017 ونحن نبحث علي اضافة جديدة الي مدونتة اليوم اقدم لكم اضافة جديدة من نوعها وهي اضافة شريط التنقل في المدونة بنظام او بنوع iOS7 باختصار الضافة تعمل عند تضغط علي اي رابط في المدونة واو رابط خارجي تعمل الاضافة وهي عبار عن شريط تنقل بين الروابط والاضافة خفيفة جدا ولا تؤاثر علي تحميل الصفحات الي المدونة تعمل وتعطي شكل جمالي الي مدونتك
ويمكنك مشاهدة الاضافة قبل التركيب مثال حي
وبي بساطة لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واتبع الخطوات كما واضح في الصورة
اذهب الي قالب كما واضح في الصورة
ثم اضغط علي تحرير htmlكما واضح
ثم قوم بلضغط علي
وابحث علي هذا الكود
وبحث علي الكود </body>]
بعد ان تجد الكود قوم بوضع الكود فوقة مباشرةثم اضغط علي حفظ ومبروك عليك الاضافة
<style>
#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/AVvXsEj2yMF2edQeic4ywWLBRdKT27JwlK0Wm22nsVOommXZhBVri8hqwBIEGH2lpgabuufP9frMCPfbcrwpJ9ayPBgfGX4XIgM0EJu7yXdpe7hXLZxLahP-vhAPOdqtPAxpfLyneSeUoNK72VY/s1600/iOS7Loader.gif') no-repeat 50% 30%;
color: #000;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#page-loader').fadeIn(000).delay(6000).fadeOut(000);
});
//]]>
</script>
ومبروك عليك الاضافة
اذا استفدت من الموضوع اترك تعليق وشجعنا علي الاستمرار
ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان