U3F1ZWV6ZTM5ODcyMTQzOTA5X0FjdGl2YXRpb240NTE2OTYzNzg1NzM=
recent
أخبار ساخنة

كيفية اضافة خاصية تحميل المدونات بشكل رائع جدا

كيفية اضافة خاصية تحميل المدونات بشكل رائع جدا ، اضافة رائعه جدا سوف تعجبك بكل تأكيد وسوف تساعدك فى جعل من مدونتك أكثر أحترافيه ، ما هى خاصية تحميل المدونات هى عبارة عن اضافة تظهر قبل تحميل قالب مدونتك لتجعل من قالب مدونتك يحمل بشكل طبيعى بدون اى اخطاء تظهر للزوار ، وهذا الأمر ما سوف يجعل من مدونتك تظهر بشكل رائع كل مرة يتم فتح مدونتك او تحديث صفحة بها.

وهذه الاضافة طلبها منى احد متابعى المدونة اليوم اضعها لكم جميع واى شخص يريد اى اضافة يضعها فى تعليق بأذن الله سوف اعمل عليها ، وهذا الإضافة قم وبضع عنها موضوع من قالب على المدونة وكان بأسم اضافة تاثير التحميل لمدونات بلوجر وكان هذا الموضوع به أكثر من شكل ويمكنك تخصيص الإضافة بالشكل الذى تريده يمكنك مراجعة هذا الموضوع نمر الأن لموضوع اليوم.


كيفية اضافة خاصية تحميل المدونة بشكل خرافى جدا 

معاينة وتحميل اكواد الإضافة



صورة من الإضافة


كيفية اضافة خاصية تحميل المدونة بشكل خرافى جدا 


شرح التركيب



  • أولا سوف تبحث عن هذا الوسم]]></b:skin>ثم تقوم بضع الكود التالى فوقه.


#spinner-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:99999}
.spinner{width:70px;text-align:center;position:absolute;top:43%;left:50%}
.spinner span{position:absolute;width:50px;height:50px;border:5px solid #cf4639;border-radius:999px;animation:radar 2s infinite linear;opacity:0}
.spinner span:nth-child(1){animation-delay:0s}
.spinner span:nth-child(2){animation-delay:0.66s}
.spinner span:nth-child(3){animation-delay:1.33s}
@keyframes radar{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:0.5}50%{transform:scale(1);opacity:1}75%{transform:scale(1.5);opacity:0.5}100%{transform:scale(2);opacity:0}}


  • الأن أبحث هذا الوسم</body>وضع فوقه الكود التالى.


<script type='text/javascript'>
/* <![CDATA[ */
$(window).load(function () {
setTimeout(function () {
$('.spinner').fadeOut("slow");
setTimeout(function () {
$('#spinner-loader').fadeOut("slow")
}, 1000)
}, 1000)
});
/* ]]> */
</script>


  • الأن مع اخر كود وسوف تبحث عن هذا الوسم<body>ثم تقوم بوضعه فوقه ، واذا لم تجد هذا الوسم سوف تجده أبحث عنه هكذا<bodyفى مدونتك.


<div id='spinner-loader'>
<div class='spinner'>
<span></span>
<span></span>
<span></span>
</div>
</div>

وهكذا تكون أنتهيت من تركيب الإضافة بالطريقة الأفضل فى تنظيم الأكواد فى مدونتك ، ولكن ايضا توجد طريقة اسهل لتركيب الإضافة بوضع جميع الأكواد فى مكان واحد فقط فى مدونتك واذا تريد هذه الطريقة لم تستخدم الطريقة الأول فى الشرح بل سوف تضع الكود التالى هذا أسفل هذا الوسم<body>ثم تقوم بوضعه فوقه ، واذا لم تجد هذا الوسم سوف تجده أبحث عنه هكذا<bodyفى مدونتك.

<script type='text/javascript'>
/* <![CDATA[ */
$(window).load(function () {
setTimeout(function () {
$('.spinner').fadeOut("slow");
setTimeout(function () {
$('#spinner-loader').fadeOut("slow")
}, 1000)
}, 1000)
});
/* ]]> */
</script>
<style>
#spinner-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:99999}
.spinner{width:70px;text-align:center;position:absolute;top:43%;left:50%}
.spinner span{position:absolute;width:50px;height:50px;border:5px solid #cf4639;border-radius:999px;animation:radar 2s infinite linear;opacity:0}
.spinner span:nth-child(1){animation-delay:0s}
.spinner span:nth-child(2){animation-delay:0.66s}
.spinner span:nth-child(3){animation-delay:1.33s}
@keyframes radar{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:0.5}50%{transform:scale(1);opacity:1}75%{transform:scale(1.5);opacity:0.5}100%{transform:scale(2);opacity:0}}
</style>
<div id='spinner-loader'>
<div class='spinner'>
<span></span>
<span></span>
<span></span>
</div>
</div>

وهذه هى الطريقة الأسهل فى تركيب الإضافة وهى الأسرع ايضا ولكنى أفضل الطريقة الأول لانها الأفضل فى تنظيم الأكواد فى القالب.
هكذا تكون أنتهيت من تركيب الإضافة على مدونتك بشكل كامل على جميع الصفحات الخاص بمدونتك ، ولكن اذا تريد تركيب الإضافة على صفحة محدد أو تريد أن تظهر على صفحة محدده فقط تابع باقى الموضوع.

جعل الإضافة تظهر فقط على صفحات محدده.


ملحوظة : قبل أكمل باقى الموضوع الجزء الباقى من الموضوع سوف يكون عليك التركيز قليل به أولا اذا قم بتركيب الإضافة بالطريقة الأول سوف تقوم أستخدام الكود الأخير فقط فى باقى الموضوع ، أما اذا قمت بأستخدام الطريقة الثانية لتركيب الإضافة فسوف تستخدم الكو كامل كما هو.

لجعل الصفحة تظهر فقط على الصفحة الرئيسية سوف تقوم بوضع الكود الأخيرة فى طريقة التركيب الأوله بين هذين الوسمين.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

ضع الكود هنا

</b:if>

لجعل الإضافة تظهر فقط على صفحات المواضيع سوف تقوم بوضع الكود الأخيرة فى طريقة التركيب الأوله بين هذين الوسمين.

<b:if cond='data:blog.pageType == "item"'>

ضع الكود هنا

</b:if>

لجعل الإضافة تظهر فقط على الصفحات الثابته سوف تقوم بوضع الكود الأخيرة فى طريقة التركيب الأوله بين هذين الوسمين.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

ضع الكود هنا

</b:if>

وبعد أستخدام الكود الذى تريده سوف تقوم بحفظ القالب ومبروك عليك الإضافة والأكواد السابقة هى أهم الكواد لاهم الصفحات على بلوجر.

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .
الاسمبريد إلكترونيرسالة