مجموعة خلفيات لمدونة بلوجر بتقنية CSS

السلام عليكم ورحمة الله وبركاته

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

لن أطيل عليكم نبدأ على بركاته الله .

- طريقة التركيب :

1- ادخل إلى مدونتك | ثم أختر تحرير قالب .

2- إبحث عن الوسم : ]]></b:skin>

3- ضع كود الخلفية فوقه .

الخلفية الأولى :

الكود

body{
background:white;
background: radial-gradient(black 15%, transparent 16%),
radial-gradient(black 15%, transparent 16%);
background: -moz-radial-gradient(black 15%, transparent 16%),
-moz-radial-gradient(black 15%, transparent 16%);
background: -o-radial-gradient(black 15%, transparent 16%),
-o-radial-gradient(black 15%, transparent 16%);
background: -webkit-radial-gradient(black 15%, transparent 16%),
-webkit-radial-gradient(black 15%, transparent 16%);
background-size:30px 30px;
background-position: 0 0, 15px 15px;
}

الخلفية الثانية :

body{
background: #ABD4EC;
background: linear-gradient(#ABD4EC 50%, white 50%);
background:-o-linear-gradient(#ABD4EC 50%, white 50%);
background: -moz-linear-gradient(#ABD4EC 50%, white 50%);
background: -webkit-linear-gradient(#ABD4EC 50%, white 50%);
background-size: 10px 10px;
}

الخلفية الثالثة :

body{
background: black;
background: linear-gradient(black 50%, white 50%);
background: -o-linear-gradient(black 50%, white 50%);
background: -moz-linear-gradient(black 50%, white 50%);
background: -webkit-linear-gradient(black 50%, white 50%);
background-size: 10px 10px;
}

الخلفية الرابعة :

body{
color: white;
background: repeating-linear-gradient(
45deg,
#606dbc,
#606dbc 10px,
#465298 10px,
#465298 20px
);
}

الخلفية الخامسة : 

body{
color: black;
background: repeating-linear-gradient(
to right,
#F3E2E2,
#F3E2E2 10px,
#FAFAFA 10px,
#FAFAFA 20px
);
}

الخلفية السادسة :

body{
color: white;
background: repeating-radial-gradient(
circle,
#800080,
#800080 10px,
#4b026f 10px,
#4b026f 20px
);
}

الخلفية السابعة :

body{
color: white;
  background: linear-gradient(
45deg,
#5d9634,
#5d9634 50%,
#538c2b 50%,
#538c2b
 );
 background-size: 20px 10px;
}

الخلفية الثامنة :

body{
background: radial-gradient(
circle,
purple,
purple 50%,
#FAFAFA 50%,
#FAFAFA
);
 background-size: 20px 20px;
}

الخلفية التاسعة :

body{
background: repeating-linear-gradient(
-55deg,
#333 1px,
violet 2px,
violet 11px,
#333 12px,
#333 20px
 );
}

الخلفية العاشرة :

body{

background: repeating-linear-gradient(

-55deg,

#F9F9F9 1px,

#FFFFFF 2px,

#EEEEEE 5px,

#FAFAFA 6px,

#FAFAFA 8px

);

}

وأخيراً أترككم برعاية الله وتوفيقه

كتب بواسطة Expert Blogger

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