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

  • الصفحة غير موجودة ، 404

    الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

    يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

    ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

    أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

    العودة للرئيسية

    السبت، 23 يوليو، 2016

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






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


    معاينة





    شرح التركيب


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

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

    /*---فوتر---*/
    #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- الان الكود الخاص بالفوتر اذا كان لديك فوتر فى مدونتك من قبل يمكنك حذفه اولا قبل وضع هذا اما اذا تريد اضافهم معا لا مشكلة فى ذلك هذا الفوتر يتم وضعه فوق حقوق قالب مدونتك ابحث فى القالب عن حقوق مدونتك ثم قم بوضع الكود التالى فوق.

    <!-- فوتر -->
    <div id='cop44hts'>
    <div id='footer-wrapper'>
      <div class='bottom-nav row'>
    
      </div>
    <!-- Footer -->
      <div class='row' id='footer'>
        <b:section class='footer-column' id='column1' showaddelement='yes'>
          <b:widget id='FollowByEmail02' locked='false' title='Follow by Email' type='FollowByEmail' version='1' visible='true'>
            <b:includable id='main'>
      <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
      <div class='widget-content'>
        <div class='follow-by-email-inner'>
          <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
            <table width='100%'>
              <tr>
                <td>
                  <input class='follow-by-email-address' name='email' placeholder='اأدخل بريدك الإلكتروني' type='text'/>
                </td>
                <td width='64px'>
                  <input class='follow-by-email-submit' type='submit' value='إشترك'/>
                </td>
              </tr>
            </table>
            <input expr:value='data:feedPath' name='uri' type='hidden'/>
            <input name='loc' type='hidden' value='en_US'/>
          </form>
        </div>
      </div>
      <span class='item-control blog-admin'>
        <b:include name='quickedit'/>
      </span>
    </b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>
    <div id='th3-live'>
    <div class='right-live'>
      <img src='http://store2.up-00.com/2016-04/145997310944891.png'/>
    </div>
    <div class='left-live'>
    <div class='lefte'>البث المباشرة مع رغيب أمين للإجابة على تساؤلاتكم التقنية من الإثنين إلى الخميس.
    </div>
    <a href='http://wdbloog.blogspot.com'>شاهد الأن !</a>
    </div>
    <div class='time-live'>
    <span id='saaa'>7</span><span id='d9i9a'>30</span>
    
    <span id='ssss1'>بتوقيت غرينيتش</span>
    
    <span id='saaa'>22</span><span id='d9i9a'>30</span>
    
      <span id='ssss2'>بتوقيت مكة المكرمة</span>
      </div>
    
    </div>
    <div class='footer-column'>
    
    <h2 class='title'>عن المدونة</h2>
    <div class='widget-content'>
    <img src='http://1.bp.blogspot.com/-h7TLgyqX5TY/VVs4XamG6wI/AAAAAAAAEAg/vC4G51_oD_M/s1600/logo-almohtarif.png' style='float: right; padding: 10px; width: 155px;'/><span style='font-family:Tahoma;font-size:14px;color: #FFFFFF;'>المحترف عبارة عن مدونة ضخمة تضم عدد كبير من الفيديوهات المصورة عن طريق حلقات متسلسلة نتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي &#1548; بالإضافة إلى مقالات . مدونة المحترف تأسست سنة 2010 حيث تستقطب الآن عدد كبير من الزوار من كافة ربوع الوطن العربي &#1548; حيث ان مقرها الرئيسي بالمغرب و مديرها امين رغيب &#1548;حاصلة على جائزة افضل مدونة مغربية لسنة 2012 / 2013 ومصنفة ضمن افضل 10 مدونات عربية حسب المركز الدولي للصحفيين ICFJ سنة 2013 وحاصلة على الجائزة الفضية من يوتوب (اول قناة مغربية تحصل على هذه الجائزة من يوتوب ) سنة 2014 وتم تكريم مؤسسها من طرف حاكم دبي بجائزة رواد التواصل الإجتماعي عن فئة التكنولوجيا .سنة 2015 وهو الموقع التقني الاول في المغرب والعالم العربي.</span>
    </div>
    <div class='clear'/>
    <span class='widget-item-control'>
    <span class='item-control blog-admin'>
      <img alt='' height='18' src='//img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
    </span>
    </span>
    <div class='clear'/>
    
    </div>
    <div id='gdfdfns'>
    <div id='footer-buttons'>
    <div class='total-posts'>
    <script style='text/javascript'>function mbhTotalCount(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script>
    <p><script src='http://www.th3professional.com/feeds/posts/default?alt=json-in-script&amp;callback=mbhTotalCount'/>9392 موضوع في المدونة </p>
    </div>
    <div class='call-th3'>
    <a href='http://wdbloog.blogspot.com' style='color: #FFFFFF;'>للإتصال بمدونة المحترف</a>
    </div>
    <div class='privacy-th3'>
    <a href='http://wdbloog.blogspot.com' style='color: #FFFFFF;'> للإتصال بنا:http://wdbloog.blogspot.comt</a>
    </div>
    </div>
    </div>
    </div>

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



    شارك الموضوع ليستفيد الجميع

    مواضيع قد تهمك ايضا

    هناك 7 تعليقات:

    اخي اريد حذف فوتر مدونة المحترف
    للمعاينة
    http://alpro0.blogspot.com

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

    يا اخي عندما اضعالفوتر لا تظهر الكتابة

    ضعرابط مدونتك للمعاينة اخى

    ممكن اخي ان تضع طريقة حدف البت المباشر

    #th3-live {
    display: none;
    }
    قم بوضع هذه الكود فوق الوسم
    ]]></b:skin>

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

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

    Mohon Aktifkan Javascript!Enable JavaScript



    إتصل بنا

    الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
    جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر