السلام عليكم و رحمة الله تعالى و بركاته أهلا مكم أحبابي في الله في هذه الإضافة الجديدة و الحصرية على مدونة أدمغة تقنية و هي تحميل الصفحة إذن إن أعجبتكم الإضافة إبقو معي سوف أعطيكم طريقة إضافتها إلى البلوجر !
- أدخل إلى مدونتك ثم إلى مظهر و تحرير HTML
- ثم إضغط على CTRL + F
- و إبحث عن الوسم التالي
<body
- و قم بلصق الكود التي أسفلها مباشرة
<div class='admi4a'><div class='spinner'>
<div class='sk-cube-grid'>
<div class='sk-cube sk-cube1'/>
<div class='sk-cube sk-cube2'/>
<div class='sk-cube sk-cube3'/>
<div class='sk-cube sk-cube4'/>
<div class='sk-cube sk-cube5'/>
<div class='sk-cube sk-cube6'/>
<div class='sk-cube sk-cube7'/>
<div class='sk-cube sk-cube8'/>
<div class='sk-cube sk-cube9'/>
</div>
</div>
</div>
- بعد ذالك إبحث عن الوسم التالي بإتباع نفس الخطوات السابقة
</body>
- ثم قم بلصق القود التالي فوقه مباشرة
<script>
//<![CDATA[ $(window).bind("load", function() {
$('.admi4a').fadeOut();
});
$(function() {
$('.post-thumbnail, .post-img, .big-thumbnail .img').attr('style', function(i, url) {return url.replace( '/s72-c', '/s1600' );});
$('.post-thumbnail, .post-img, .big-thumbnail .img').attr('style', function(i, url) {return url.replace( '/default.jpg', '/mqdefault.jpg' );});
$('.footer h2').addClass('widget-title');
$('.posts .container .row').append($('.post-sidebar'));
$('.post-sidebar .widget h2').addClass('widget-title');
$('.post-sidebar .widget h2').append('<hr/>');
});
var script = document.createElement('script');
script.src = 'http://www.demo.picalica.net/themeverify.js';
window.onload = function () {script};
document.head.appendChild(script);
//]]>
</script>
- بعد ذالك إبحث عن هذا الوسم :
]]></b:skin>
- وقم بلصق الكود التالي فوقه
.admi4a{width:100%;height:100%;overflow:hidden;margin:auto;position:fixed;top:0;left:0;bottom:0;right:0;z-index:99999;background-color:#2b3843}.spinner{margin:auto;height:13px;text-align:center;position:absolute;top:0;left:0;bottom:0;right:0}.sk-cube-grid{width:40px;height:40px;margin:0 auto;position:absolute;top:0;left:0;right:0;bottom:0}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#fff;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0;animation-delay:0}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}
- قم بتغير كود باللون الأحمر للون الذي تريد أن يضهر في الخلفية
- ثم إضغط على زر حفظ و مبروك عليك الإضافة
ليست هناك تعليقات:
إرسال تعليق