أضف ستايل' تحميل الصفحة' رائع لمدونات بلوجر
هذا الهاك يعتبر من أحسن الهاكات التي يمكنك تطبيقها في مدونتك ,بحيث يعطي هدا الهاك جمالية واحترافية لمدونتك ,كيف يعمل ؟ عند ما يضغط زائر ما على رابط أو يفتح صفحة جديدة في مدونتك لاتظهر له الصفحة البيضاء بانتظار أن يتم تحميلها بل يظهر له له مثل ما في هده الصورة ,بانتضار أن يتم تحميل الصفحة كاملة
طريقة التركيب
</head>
وضع فوقه مباشرة الكود التالي:
وضع تحته مياشرة الكود التالي
اذا أردت أن تظهر الاضافة فقط في الصفحة الرئيسية استعمل فقط الكود التالي الكود التالي
ثم قم بحفض القالب
طريقة التركيب
ثم قم بالضغط على ctrl + f ثم قم بالبحث على الكود التالي
</head>
وضع فوقه مباشرة الكود التالي:
<style>
/* e loading effect www.chamelcool.blogspot.com */
#cc-loading {
position: fixed;
z-index: 50;
top: 0; left: 0;
width: 100%; height: 100%;
background: #FDFEF8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx6kXan82p2T_CaPtXzNQlE98JN1-OKcXvwRa_VE828xL9CKbInj7joj8pwgDGPnOVKHS1pXrDmSxjAK6u2zrPZwdQYQOze5ClJKyTrzdFLO4RjUO1h2_F53H0K636IIkFqj0ZXDewgtrs/s1600/CC-Lodding.gif) no-repeat center;
line-height: 350px;
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.CC #cc-loading { display: none; }
@media only screen and (device-width: 768px) {
#loading {
position:absolute;
width:1040px;
min-height:768px;
}
}
#cc-progress-bar {
position: absolute;
top: 0; left: 0;
background: #de1301;
opacity: 0.8;
width: 0;
height: 18px;
}
#cc-loader {
height: 100%;
display: none;
}
</style>
<script>
(function($){
$("html").removeClass("CC");
$("#header").ready(function(){ $("#cc-progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#cc-progress-bar").stop().animate({ width: "75%" },1500) });
$(window).load(function(){
$("#cc-progress-bar").stop().animate({ width: "100%" },600,function(){
$("#cc-loading").fadeOut("fast",function(){ $(this).remove(); });
});
});
})(jQuery);
</script>
/* e loading effect www.chamelcool.blogspot.com */
#cc-loading {
position: fixed;
z-index: 50;
top: 0; left: 0;
width: 100%; height: 100%;
background: #FDFEF8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx6kXan82p2T_CaPtXzNQlE98JN1-OKcXvwRa_VE828xL9CKbInj7joj8pwgDGPnOVKHS1pXrDmSxjAK6u2zrPZwdQYQOze5ClJKyTrzdFLO4RjUO1h2_F53H0K636IIkFqj0ZXDewgtrs/s1600/CC-Lodding.gif) no-repeat center;
line-height: 350px;
text-align: center;
font-size: 36px;
color: #353231;
text-indent: -9999px;
}
.CC #cc-loading { display: none; }
@media only screen and (device-width: 768px) {
#loading {
position:absolute;
width:1040px;
min-height:768px;
}
}
#cc-progress-bar {
position: absolute;
top: 0; left: 0;
background: #de1301;
opacity: 0.8;
width: 0;
height: 18px;
}
#cc-loader {
height: 100%;
display: none;
}
</style>
<script>
(function($){
$("html").removeClass("CC");
$("#header").ready(function(){ $("#cc-progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#cc-progress-bar").stop().animate({ width: "75%" },1500) });
$(window).load(function(){
$("#cc-progress-bar").stop().animate({ width: "100%" },600,function(){
$("#cc-loading").fadeOut("fast",function(){ $(this).remove(); });
});
});
})(jQuery);
</script>
- ثم قم بالبحث عن هدا الكود
وضع تحته مياشرة الكود التالي
<div id='cc-loading'><div id='cc-progress-bar'></div><div id='cc-loader'>loading...</div></div>
ملاحضة:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='cc-loading'><div id='cc-progress-bar'></div><div id='cc-loader'>Loading...</div></div></b:if>
ثم قم بحفض القالب
- اشياء يمكنك التغير عليها في الكود الأول :
- يمكنك تغير صورة العداد https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx6kXan82p2T_CaPtXzNQlE98JN1-OKcXvwRa_VE828xL9CKbInj7joj8pwgDGPnOVKHS1pXrDmSxjAK6u2zrPZwdQYQOze5ClJKyTrzdFLO4RjUO1h2_F53H0K636IIkFqj0ZXDewgtrs/s1600/CC-Lodding.gif بصورة من اختيارك ,وقد وضعت بعض الصور والتي يمكنك الاختيار بينها
- يمكنك تغير خلفية الصفحة الى أي لون تريد فقط بدل كود هدا اللون #FDFEF8 الى أي كود تريد أو استعمل محرر أكواد مدونة شامل كول
osama abid alreda
اسامة عبد الرضا : من الجمهورية العراقية, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحة وواضبة على ما أحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته ,لدي إهتمامات اخرى منها الرياضة ، ألعاب الفيديو ، والتصميم بحد ذاته ومدونة ويب نايت تعبر عما أهواه .
