اضافة فوتر مدونة المحترف الاحترافي v1 -->
مرحبا بكم متابعينا الاوفياء. مدير ومشرف المدونة غائب هذه الفترة, نعتذر عن عدم نشر مواضيع جديدة لكم والاجابة عن تعليقاتكم
نشكركم على تفهمكم

آخر المواضيع

breaking/مقالات/9
بلوجر

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية


شارك المدونة مع أصدقائك في الفيسبوك ليستفيدو أيظا

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

2:29:00 م

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

شرح طريقة التركيب

  1. أولا نتوجه إلى إلى القالب تم تحرير Html
  2. ثم قم بنسخ هذه الأكواد وضعها فوق الوسم ]]></b:skin>
/*---Footer Nak1ha---*/ #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; }
  1. الكود الأخير ستضعه فوق شريط حقوق القالب بعد حذف الفوتر الأصلي
  2. ويمكنك ايظا اضافتهم معا
<!-- Footer Nak1ha --> <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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnM0gIH9c6LKPFvmsL0qOFeXBml0FvvkwsnuKPH71hJRGrH39xQ3zYi6-OD5BdUygNbhlvzOzsjRjCwc9y-t9gDTqzyLYZQRBDiUMSsZ2MOGPCQbbyovGErMOBe69y4ogzyTKkeeO7jHFb/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'/> موضوع في المدونة </p> </div> <div class='call-th3'> <a href='http://nak1ha.blogspot.com' style='color: #FFFFFF;'>للإتصال بمدونة المحترف</a> </div> <div class='privacy-th3'> <a href='http://nak1ha.blogspot.com' style='color: #FFFFFF;'> للإتصال بنا:http://nak1ha.blogspot.comt</a> </div> </div> </div> </div>
التغييرات الضرورية:
  1. غير http://www.th3professional.com برابط مدونتك لتظهر عدد المشاركات الحقيقية لمدونتك
  2. ويمكنك اضافة النشرة البريدية في اضافة جديدة ستجدها بالتخطيط
  3. ويمكنك ايظا تغيير كل شيء في الفوتر
  4. ومبروك عليك الإضافة

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

مقالات