أضافة تأثير تحميل المدونة على شكل سبنر (عمل Loader انتظار تحميل الصفحة)

قم بالبحث فى قالب مدونتك عن الوسم </head> ثم قم بوضع الكود التالى فوقة

.fidget {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  width: 150px;
  height: 150px;
  overflow: hidden;
  -webkit-animation: rotate .85s linear infinite;
          animation: rotate .85s linear infinite;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0) scale(2);
            transform: translate(-50%, -50%) rotate(0) scale(2);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(2);
            transform: translate(-50%, -50%) rotate(360deg) scale(2);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0) scale(2);
            transform: translate(-50%, -50%) rotate(0) scale(2);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(2);
            transform: translate(-50%, -50%) rotate(360deg) scale(2);
  }
}
.end, .center2 {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: tomato;
}
.end:after, .center:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: #333;
  content: '';
}

.center2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.end {
  z-index: 2;
}
.end:nth-child(1) {
  top: 5px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.end:nth-child(2) {
  bottom: 25px;
  right: 15px;
}
.end:nth-child(3) {
  bottom: 25px;
  left: 15px;
}

.gap {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: tomato;
  z-index: 1;
}
.gap:after {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #333;
  content: '';
}
.gap:nth-child(5) {
  top: 35px;
  left: 26px;
  -webkit-transform: rotate(-21deg);
          transform: rotate(-21deg);
}
.gap:nth-child(5):after {
  top: -15px;
  left: -15px;
}
.gap:nth-child(6) {
  top: 35px;
  right: 26px;
  -webkit-transform: rotate(21deg);
          transform: rotate(21deg);
}
.gap:nth-child(6):after {
  top: -15px;
  right: -15px;
}
.gap:nth-child(7) {
  bottom: 9px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.gap:nth-child(7):after {
  bottom: -15px;
}

@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(1.0)}
40%{-webkit-transform:scale(0.4)}
}
@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0); -webkit-transform:scale(1.0)}
40%{transform:scale(1.0); -webkit-transform:scale(0.4)}
}
 
 
 </style>

قم بالبحث فى قالب مدونتك عن الوسم </body> ثم قم بوضع الكود التالى فوقة

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع

عبدو تكنولوجي - Abdou Technologie 1 يونيو 2017 في 5:07 م

404 بلوجر
add بلوجر
amine raghib بلوجر
analytics بلوجر
background بلوجر
bidvertiser بلوجر
cpanel بلوجر
dfp بلوجر
dns بلوجر
fg v sweden
h2 بلوجر
htaccess بلوجر
html بلوجر
huhu1981ful2 بلوجر
jquery بلوجر
jwplayer بلوجر
keywords بلوجر
label بلوجر
liomagazine بلوجر
nameservers بلوجر
sitemap.xml بلوجر
step 2 بلوجر
th3 professional بلوجر
undefined بلوجر
widget بلوجر
اضافات jquery بلوجر
اضافات بلوجر 1
اضافات بلوجر 2013
اضافات بلوجر 2014
اضافات بلوجر 2015
اضافات بلوجر css
اضافات بلوجر css3
اضافات بلوجر html
اضافات بلوجر javascript
اضافات بلوجر xbmc
اضافة jquery لبلوجر
اضافة lightbox بلوجر
اضافة بلوجر facebook
اكواد بلوجر css
اكواد بلوجر html
بلوجر
بلوجر 2014
بلوجر 2017
بلوجر 9
بلوجر adfly
بلوجر blogger
بلوجر css
بلوجر feed
بلوجر h1
بلوجر iframe
بلوجر meta
بلوجر nofollow
بلوجر pdf
بلوجر php
بلوجر robots.txt
بلوجر rss
بلوجر template
بلوجر th3pro
بلوجر tk
بلوجر traidnt
بلوجر tv
بلوجر wiki
بلوجر اسيا
بلوجر بالعربي
بلوجر سعوديات
بلوجر عربي
بلوجر فاشن
بلوجر قوالب
بلوجر قوالب مجانية
بلوجر قوالب معربة
بلوجر كويتيات
بلوجر ملف robots.txt
بلوجر نهى نبيل
بلوغرانا
تحرير html بلوجر
تحميل قالب بلوجر evident
تحميل قالب بلوجر magicstyle المعرب
تحميل قالب بلوجر myegy المعرب
تحميل قالب بلوجر orangeline المعرب
تحميل قالب بلوجر zenkomagazine
تحميل قالب بلوجر zenkomagazine المعرب
تحميل قوالب بلوجر psd
تحميل قوالب بلوجر xml
تصميم قالب بلوجر artisteer
تعريب قوالب بلوجر v2.0
تعلم بلوجر pdf
تكويد قالب بلوجر psd
تكويد قوالب بلوجر psd
حذف navbar بلوجر
دومين tk بلوجر
قالب videoism بلوجر
قالب بلوجر 2015
قالب بلوجر aflmax
قالب بلوجر ample
قالب بلوجر arthemia
قالب بلوجر bein sport
قالب بلوجر bloom
قالب بلوجر classic
قالب بلوجر css
قالب بلوجر css3
قالب بلوجر dev-point
قالب بلوجر doaib
قالب بلوجر evident
قالب بلوجر facebook
قالب بلوجر filmyegy
قالب بلوجر fitness
قالب بلوجر flat
قالب بلوجر footballsite المعرب
قالب بلوجر free
قالب بلوجر freshlife
قالب بلوجر friv
قالب بلوجر g9g
قالب بلوجر gallery
قالب بلوجر generator
قالب بلوجر iphone
قالب بلوجر jarida
قالب بلوجر live
قالب بلوجر medi1tv
قالب بلوجر metro
قالب بلوجر mp3
قالب بلوجر music
قالب بلوجر myegy
قالب بلوجر news
قالب بلوجر psd
قالب بلوجر radio
قالب بلوجر responsive
قالب بلوجر rss
قالب بلوجر video
قالب بلوجر videobox
قالب بلوجر xml
قالب بلوجر zenko magazine
قالب بلوجر ب3 اعمدة
قالب ويندوز 8 بلوجر
قوالب بلوجر 2013
قوالب بلوجر 2014
قوالب بلوجر 2015
قوالب بلوجر 2015 احترافية
قوالب بلوجر 3 اعمدة
قوالب بلوجر adsense
قوالب بلوجر ample
قوالب بلوجر artisteer
قوالب بلوجر css3
قوالب بلوجر english
قوالب بلوجر gallery
قوالب بلوجر google
قوالب بلوجر html
قوالب بلوجر html5
قوالب بلوجر jquery
قوالب بلوجر mp3
قوالب بلوجر myegy
قوالب بلوجر news
قوالب بلوجر psd
قوالب بلوجر responsive
قوالب بلوجر rifqiy
قوالب بلوجر th3pro
قوالب بلوجر traidnt
قوالب بلوجر video
قوالب بلوجر webmag
قوالب بلوجر xml
قوالب بلوجر yourcolor
كود 404 بلوجر
كود css بلوجر
مدونة بلوجر pdf
مدونة بلوجر rss
ملف بلوجر robots.txt
- غير معرف 1 يونيو 2017 في 5:08 م
  
  404 بلوجر
  add بلوجر
  amine raghib بلوجر
  analytics بلوجر
  background بلوجر
  bidvertiser بلوجر
  cpanel بلوجر
  dfp بلوجر
  dns بلوجر
  fg v sweden
  h2 بلوجر
  htaccess بلوجر
  html بلوجر
  huhu1981ful2 بلوجر
  jquery بلوجر
  jwplayer بلوجر
  keywords بلوجر
  label بلوجر
  liomagazine بلوجر
  nameservers بلوجر
  sitemap.xml بلوجر
  step 2 بلوجر
  th3 professional بلوجر
  undefined بلوجر
  widget بلوجر
  اضافات jquery بلوجر
  اضافات بلوجر 1
  اضافات بلوجر 2013
  اضافات بلوجر 2014
  اضافات بلوجر 2015
  اضافات بلوجر css
  اضافات بلوجر css3
  اضافات بلوجر html
  اضافات بلوجر javascript
  اضافات بلوجر xbmc
  اضافة jquery لبلوجر
  اضافة lightbox بلوجر
  اضافة بلوجر facebook
  اكواد بلوجر css
  اكواد بلوجر html
  بلوجر
  بلوجر 2014
  بلوجر 2017
  بلوجر 9
  بلوجر adfly
  بلوجر blogger
  بلوجر css
  بلوجر feed
  بلوجر h1
  بلوجر iframe
  بلوجر meta
  بلوجر nofollow
  بلوجر pdf
  بلوجر php
  بلوجر robots.txt
  بلوجر rss
  بلوجر template
  بلوجر th3pro
  بلوجر tk
  بلوجر traidnt
  بلوجر tv
  بلوجر wiki
  بلوجر اسيا
  بلوجر بالعربي
  بلوجر سعوديات
  بلوجر عربي
  بلوجر فاشن
  بلوجر قوالب
  بلوجر قوالب مجانية
  بلوجر قوالب معربة
  بلوجر كويتيات
  بلوجر ملف robots.txt
  بلوجر نهى نبيل
  بلوغرانا
  تحرير html بلوجر
  تحميل قالب بلوجر evident
  تحميل قالب بلوجر magicstyle المعرب
  تحميل قالب بلوجر myegy المعرب
  تحميل قالب بلوجر orangeline المعرب
  تحميل قالب بلوجر zenkomagazine
  تحميل قالب بلوجر zenkomagazine المعرب
  تحميل قوالب بلوجر psd
  تحميل قوالب بلوجر xml
  تصميم قالب بلوجر artisteer
  تعريب قوالب بلوجر v2.0
  تعلم بلوجر pdf
  تكويد قالب بلوجر psd
  تكويد قوالب بلوجر psd
  حذف navbar بلوجر
  دومين tk بلوجر
  قالب videoism بلوجر
  قالب بلوجر 2015
  قالب بلوجر aflmax
  قالب بلوجر ample
  قالب بلوجر arthemia
  قالب بلوجر bein sport
  قالب بلوجر bloom
  قالب بلوجر classic
  قالب بلوجر css
  قالب بلوجر css3
  قالب بلوجر dev-point
  قالب بلوجر doaib
  قالب بلوجر evident
  قالب بلوجر facebook
  قالب بلوجر filmyegy
  قالب بلوجر fitness
  قالب بلوجر flat
  قالب بلوجر footballsite المعرب
  قالب بلوجر free
  قالب بلوجر freshlife
  قالب بلوجر friv
  قالب بلوجر g9g
  قالب بلوجر gallery
  قالب بلوجر generator
  قالب بلوجر iphone
  قالب بلوجر jarida
  قالب بلوجر live
  قالب بلوجر medi1tv
  قالب بلوجر metro
  قالب بلوجر mp3
  قالب بلوجر music
  قالب بلوجر myegy
  قالب بلوجر news
  قالب بلوجر psd
  قالب بلوجر radio
  قالب بلوجر responsive
  قالب بلوجر rss
  قالب بلوجر video
  قالب بلوجر videobox
  قالب بلوجر xml
  قالب بلوجر zenko magazine
  قالب بلوجر ب3 اعمدة
  قالب ويندوز 8 بلوجر
  قوالب بلوجر 2013
  قوالب بلوجر 2014
  قوالب بلوجر 2015
  قوالب بلوجر 2015 احترافية
  قوالب بلوجر 3 اعمدة
  قوالب بلوجر adsense
  قوالب بلوجر ample
  قوالب بلوجر artisteer
  قوالب بلوجر css3
  قوالب بلوجر english
  قوالب بلوجر gallery
  قوالب بلوجر google
  قوالب بلوجر html
  قوالب بلوجر html5
  قوالب بلوجر jquery
  قوالب بلوجر mp3
  قوالب بلوجر myegy
  قوالب بلوجر news
  قوالب بلوجر psd
  قوالب بلوجر responsive
  قوالب بلوجر rifqiy
  قوالب بلوجر th3pro
  قوالب بلوجر traidnt
  قوالب بلوجر video
  قوالب بلوجر webmag
  قوالب بلوجر xml
  قوالب بلوجر yourcolor
  كود 404 بلوجر
  كود css بلوجر
  مدونة بلوجر pdf
  مدونة بلوجر rss
  ملف بلوجر robots.txt

غير معرف 15 سبتمبر 2017 في 6:33 ص

أزال أحد مشرفي المدونة هذا التعليق.