رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 07-29-2012, 07:40 PM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Thumbs up شرح إضافة أداة جاري تحميل الصفحة باحترافية إلى مدونات بلوجر

أنا : admin




بسم الله الرحمن الرحيم
في هذا الموضوع سنتعرف بإذن الله على شرح إضافة أداة "جاري تحميل الصفحة" باحترافية إلى مدونات بلوجر.

أولا مثال على الإضافة :



لمشاهدة مثال حي : مدونة تجريبية


الآن شرح شرح إضافة أداة جاري تحميل الصفحة باحترافية إلى مدونات بلوجر :

إذهب إلى تصميم ثم تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم :

1- ابحث عن ]]></b:skin> وأضف قبلها مباشرة :

كود:
#loading { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: #333333 url(https://lh4.googleusercontent.com/-q6q1DIKHlOQ/T3OTAgcOjnI/AAAAAAAAAR0/XMzN3w6bs8w/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(http://i1258.photobucket.com/albums/ii536/bloggerexp/Loading.png) no-repeat center 25%; height: 100%; display: block;}
غير الرابط الأحمر إلى رابط الصورة المراد عرضها في أداة جاري تحميل الصفحة

2- الآن ابحث عن </head> وأضف قبلها مباشرة :


كود:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
    <script>(function($){$(&quot;html&quot;).removeClass(&quot;v2&quot;);$(&quot;#header&quot;).ready(function(){ $(&quot;#progress-bar&quot;).stop().animate({ width: &quot;25%&quot; },1500) });$(&quot;#footer&quot;).ready(function(){ $(&quot;#progress-bar&quot;).stop().animate({ width: &quot;75%&quot; },1500) });$(window).load(function(){ $(&quot;#progress-bar&quot;).stop().animate({ width: &quot;100%&quot; },600,function(){ $(&quot;#loading&quot;).fadeOut(&quot;fast&quot;,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>

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 07-29-2012, 08:06 PM   #2
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: شرح إضافة أداة جاري تحميل الصفحة باحترافية إلى مدونات بلوجر

أنا : REDA




جميل جدا اخى عثمان ... سؤال :هل هى تعمل على بطئ المدونة ام لا ؟؟:)

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 07-29-2012, 08:27 PM   #3
yosefssss
مدون نشيط
 
الصورة الرمزية yosefssss
 
تاريخ التسجيل: Apr 2012
الدولة: mecca
المشاركات: 253
افتراضي رد: شرح إضافة أداة جاري تحميل الصفحة باحترافية إلى مدونات بلوجر

أنا : yosefssss




إضافة رائعة تستحق الإعجاب
__________________
مدونة تهتم بآخر البرامج الكاملة و الألعاب و التطبيقات و أجمل العروض الحصرية
http://flash-techno.blogspot.com
من مواضيع yosefssss

الدعم العربي

yosefssss غير متواجد حالياً   رد مع اقتباس
قديم 07-29-2012, 10:47 PM   #4
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح إضافة أداة جاري تحميل الصفحة باحترافية إلى مدونات بلوجر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة REDA مشاهدة المشاركة
جميل جدا اخى عثمان ... سؤال :هل هى تعمل على بطئ المدونة ام لا ؟؟:)
عندما كنت مركبها على مدونة قالوا لي أنها تبطئ من سرعتها والله أعلم
اقتباس:
المشاركة الأصلية كتبت بواسطة yosefssss مشاهدة المشاركة
إضافة رائعة تستحق الإعجاب
ممكن يكون الاعجاب على الفيسبوك

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدليلية (Tags)
أداة, blogger, بلوجر, تحميل الصفحة, جاري تحميل الصفحة, شرح, إضافة


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG]متاحة
كود HTML معطلة



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
إضافة ابتسامات ياهوو إلى مدونات بلوجر عماد عادل إضافات وأدوات بلوجر 21 08-23-2013 05:36 PM
إضافة تعليقات الفيسبوك إلى مدونات بلوجر hema dvd طلبات الدعم الفني 0 03-30-2013 11:03 AM
شرح طريقة إضافة الميتا تاج إلى مدونات بلوجر 2013 saheralialy إضافات وأدوات بلوجر 1 03-01-2013 07:28 PM
شرح إضافة أداة مواضيع ذات صلة (بشكل صوري) لتقوية الروابط الداخلية على بلوحر admin إضافات وأدوات بلوجر 4 08-02-2012 02:34 AM
شرح إضافة أداة مواضيع ذات صلة (بشكل نصي) لتقوية الروابط الداخلية على بلوحر admin إضافات وأدوات بلوجر 4 07-29-2012 12:48 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 05:31 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)