اضافة فوتر احترافي

كيفية تركيب الفوتر على مدونة بلوجر:

أولا توجه إلى لوحة التحكم في مدونتك أختر القالب ثم أنقر على زر

بعد ذلك قم بالبحث عن الرمز ]]> الآن أضف الكود التالي فوقه مباشرةً:

#footerr {
background-color: #3E454C;
bottom: 0;
color: #7C8EA1;
font: normal .9em 'Open Sans', sans-serif;
right: 0;
padding: 18px 0;

width: 100%;
}

#footerr a {
color: #7C8EA1;
text-decoration: none;
}

#footerr a:hover {
color: #FFF;
}

.inner-wrapper {
margin: auto;
max-width: 1200px;
width: 90%;
}

#copyright {
display: inline-block;
padding: 10px 0;
}

#footer-logo {
margin: 0 5px 0 0;
vertical-align: middle;
}

.site-name {
font-weight: 600;
color: #FFF;
}

.social-menu {
display: inline-block;
float: left;
/* by: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] */
line-height: 0;
margin: 0;
padding: 0;
}

.social-menu > li {
background-color: #353B41;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 34px;
margin: 3px;
transition: background-color .5s;
width: 34px;
}

.social-menu > li:hover {
background-color: #F2762E;
}

.clear {
clear: both;
}

@media (max-width: 767px) {
#footer-container {
text-align: center;
}

#copyright {
display: block !important;
}

.social-menu {
float: none !important;
}
}