شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

default أضافة صفحة تحميل احترافية لمدونات بلوجر

avatar
JoryAbdallah
 
البلد : السعودية
الجنس : انثى
المساهمات : 1442
نقاط النشاط : 1676
تمت المشاركة في الأحد 29 يناير 2017 - 19:57

أضافة صفحة تحميل احترافية لمدونات بلوجر
أضافة صفحة تحميل احترافية ,حقا هذه الاضافة في غاية الروعه تعطي جمال لمدونتك وخصوصا حين تصفح الزائر لمدونتك اي انها تظهرعند تحميل صفحات مدونتك وتنتهي عندما ينتهي التحميل,اتمنى ان تعجبك 😉
اذا كنت تريد تطبيقها في مدونتك ما عليك الا ان تتابع هذه الشرح البسيط.
1 - قم بالدخول الى تحرير قالب مدونتك وابحث عن هذه الوسم </head> وضع الكود التالي فوقه
كود:
الكود:

<style>#loaderqaisi1web{position:fixed;top:0;left:0;right:0;bottom:0;background: url(http://1.bp.blogspot.com/-byJCWagsj3o/Vp6WsUEEmsI/AAAAAAAAB2Q/-vWrHXqvR6M/s1600/pattern-qaisi1web.png) rgba(23, 38, 47, 0.93);z-index:1000}.balls{width:30px;height:30px;position:absolute;background-color:#ccc;top:45%;border-radius:50%}.balls:nth-child(1){background-color:#FF5460;animation:move 2s infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(2){background-color:#FF9D84;animation:move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(3){background-color:#F0E797;animation:move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(4){background-color:#75B08A;animation:move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23)}@keyframes move{0%{left:0%}100%{left:100%}}
#logo-qaisi1web{ margin:15% auto; width:400px;}
#logo-qaisi1web li.s-home{ display:inline ; font-weight:normal ;position:relative}
#logo-qaisi1web li.s-home a { color: rgba(240, 239, 239, 0.96) ; font-size: 33px ; font-family: GESSTwoLight,Great Vibes}
#logo-qaisi1web li.s-home:hover{background: none}
</style>

قم بوضع الكود التالي أسفل هذه الوسم <body>

الكود:

<div id='loaderqaisi1web'>
    <div class='balls'/>
  <div class='balls'/>
  <div class='balls'/>
  <div class='balls'/>
<div id='logo-qaisi1web'><li class='s-home'>
<a><i class='fa fa-globe' style='color:#fff;padding-right:10px;font-size:24px'/> انتظر ثوان من فضلك..... </a></li></div>
</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/>
<script type='text/javascript'> $(window).load(function () { setTimeout(function () { $(&quot;.balls&quot;).fadeOut(&quot;slow&quot;); setTimeout(function () { $(&quot;#loader&quot;).fadeOut(&quot;slow&quot;) }, 1000) }, 1000) }); </script>


3 - قم بحفظ قالب وشاهد النتيجة ☝
بالتوفيق للجميع . . .




توقيع : JoryAbdallah


ﻻ اله الا انت سبحانك اني كنت من الظالمين
ﻻ اله الا الله محمد رسول الله

default رد: أضافة صفحة تحميل احترافية لمدونات بلوجر

VaMoS AmR
VaMoS AmR
أسطورة الإشهار

البلد : مصر
الجنس : ذكر
المساهمات : 22620
نقاط النشاط : 24228
تمت المشاركة في الخميس 16 فبراير 2017 - 12:16

موضوع ممتاز ومفيد 
جزاك الله الف خير
تحياتى لك
bom 




توقيع : VaMoS AmR


default رد: أضافة صفحة تحميل احترافية لمدونات بلوجر

مصطفى ستيتان
مصطفى ستيتان
 
البلد : فلسطين
الجنس : ذكر
المساهمات : 6269
نقاط النشاط : 6945
تمت المشاركة في الأربعاء 3 أكتوبر 2018 - 16:24

ألف شكر لكم على المجهود الطيب ، 
وجزاكم الله كل خير




توقيع : مصطفى ستيتان


سبحان الله والحمدلله ولا إله إلا الله 
- أدعوكم للمشاركة في ( منتديات سما العرب ) 
https://www.samaarab.com/vb/
أضافة صفحة تحميل احترافية لمدونات بلوجر Do
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى