اضافة فوتر احترافى لمدونات بلوجر

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

معاينة

معاينة  

شرح التركيب

القوتر يتمثل فى كودين فقط كود التنسيق له والكود الثانى الذى يتم وضعه فوق حقوق قالب مدونتك.

1- قم بالبحث عن الوسم ]]>  ثم قم بوضع الكود التالى فوقه.

/*---فوتر---*/
#footer-wrapper {
clear: both;
overflow: hidden;
padding: 20px;
background: #fff;
border: 1px solid #DEDEDE;
text-align: center;
}
.bottom-nav {
text-align: center;
padding: 20px 0 5px;
margin-bottom: 10px;
overflow: hidden;
display: none;
}
#footer-wrapper #column1, #footer-wrapper #column2 {
margin-left: 1.6666667%;
margin-bottom: 10px;
}
#footer-wrapper .footer-column {
float: right;
background-color: #FFFFFF;
}
#footer-wrapper .footer-column {
color: #666;
width: 100%;
margin: 0;
padding: 0;
display: block;
}
.footer-column {
background-color: #324B65;
padding: 30px;
}
.FollowByEmail .widget-content:before {
content: "اشترك بالقائمة البريدية لمدوتنا وتوصل بجديد الدروس و المواضيع التي يتم طرحها مباشرة على بريدك الإلكتروني";
display: block;
color: #2a4057;
font-size: 16px;
margin-bottom: 21px;
}
.FollowByEmail .follow-by-email-inner {
position: relative;
}
.FollowByEmail td {
float: right;
height: 8px;
width: 100%;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
padding-right: 10px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
height: 40px;
border: 1px solid #EEE;
margin-bottom: 5px;
font-size: 12px;
background: #2a4057;
width: 180px;
border-radius: 4px;
margin-bottom: -44px;
color: #FFF;
}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
margin-right: 248px;
margin-top: -29px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
width: 5%;
border-radius: 2px;
height: 38px;
font-size: 12px;
color: #fff;
background-color: #D03F42;
}
div#th3-live {
padding: 30px 40px;
background: #102c46;
color: #fff;
position: relative;
overflow: hidden;
}
.right-live {
z-index: 99999999;
position: relative;
float: right;
}
.right-live img {
width: 149px;
}
.left-live {
text-align: center;
overflow: hidden;
position: absolute;
right: 0;
font-size: 17px;
left: 0;
width: 600px;
top: 66px;
margin: 0 auto;
display: block;
}
.left-live a {
margin-top: 10px;
border-radius: 3px;
transition: 0.2s;
color: #fff;
display: inline-block;
padding: 8px;
border: 2px solid #D03F42;
font-size: 16px;
}
.time-live {
float: left;
text-align: center;
z-index: 99999999;
font-size: 18px;
position: relative;
width: 129px;
font-family: Electrolize,ge_dinar_oneregular;
}
span#saaa {
font-size: 37px;
margin-right: 3px;
margin-left: 71px;
line-height: 46px;
}
span#d9i9a {
font-size: 17px;
margin-right: 39px;
}
span#saaa {
font-size: 37px;
margin-right: 3px;
margin-left: 71px;
line-height: 46px;
}
span#d9i9a {
font-size: 17px;
margin-right: 39px;
}
span#ssss2 {
margin-left: -59px;
margin-right: -56px;
}
.footer-column {
background-color: #324B65;
padding: 30px;
}
.footer-column h2 {
padding-left: 15px;
}
h2.title {
color: #fff;
font-weight: 100;
border-bottom: 1px solid #fff;
font-size: 19px;
padding-bottom: 10px;
text-indent: 5px;
}
.footer-column h2 {
display: inline-block;
font-weight: 700;
font-size: 13px;
color: #fff;
text-transform: uppercase;
}
.widget-item-control {
display: none!important;
}
.widget-item-control {
float: left;
height: 20px;
margin-top: -20px;
position: relative;
z-index: 10;
}
div#gdfdfns {
background: #324B65;
height: 80px;
}
div#footer-buttons {
clear: both;
overflow: hidden;
border-top: 2px solid #fff;
display: block;
padding-top: 8px;
margin-right: 40px;
margin-left: 40px;
}
div#footer-buttons > div {
float: right;
transition: 0.2s;
border: 2px solid #fff;
width: 31.6%;
text-align: center;
margin-right: 1%;
height: 44px;
line-height: 42px;
font-size: 18px;
color: #fff;
}

2- الان الكود الخاص بالفوتر اذا كان لديك فوتر فى مدونتك من قبل يمكنك حذفه اولا قبل وضع هذا اما اذا تريد اضافهم معا لا مشكلة فى ذلك هذا الفوتر يتم وضعه فوق حقوق قالب مدونتك ابحث فى القالب عن حقوق مدونتك ثم قم بوضع الكود التالى فوق.

  


  

  

    
      
        
  

  

    

      

        





        
        
      
    
  
  
    
  

      
    
  



  


البث المباشرة مع رغيب أمين للإجابة على تساؤلاتكم التقنية من الإثنين إلى الخميس.

شاهد الأن !


730

بتوقيت غرينيتش

2230

  بتوقيت مكة المكرمة
  




عن المدونة

المحترف عبارة عن مدونة ضخمة تضم عدد كبير من الفيديوهات المصورة عن طريق حلقات متسلسلة نتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي ، بالإضافة إلى مقالات . مدونة المحترف تأسست سنة 2010 حيث تستقطب الآن عدد كبير من الزوار من كافة ربوع الوطن العربي ، حيث ان مقرها الرئيسي بالمغرب و مديرها امين رغيب ،حاصلة على جائزة افضل مدونة مغربية لسنة 2012 / 2013 ومصنفة ضمن افضل 10 مدونات عربية حسب المركز الدولي للصحفيين ICFJ سنة 2013 وحاصلة على الجائزة الفضية من يوتوب (اول قناة مغربية تحصل على هذه الجائزة من يوتوب ) سنة 2014 وتم تكريم مؤسسها من طرف حاكم دبي بجائزة رواد التواصل الإجتماعي عن فئة التكنولوجيا .سنة 2015 وهو الموقع التقني الاول في المغرب والعالم العربي.




  




















شارك هذا المنشور











اشترك في النشرة الإخبارية