أخر المقالات
تحميل...

إضافة فوتر إحترافي مع أزرار مواقع التواصل الإجتماعي أسفل كل مدونة بلوجر

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

فوتر بلوجر footer blogger

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

مميزات الفوتر:


  • شكل إحترافي منسق تماماً
  • أزرار مواقع التواصل الإجتماعي مع تأثيرات خاصة
  • متوافق مع جميع الأجهزة اللوحية, المكتبية, المحمولة




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

أولا توجه إلى لوحة التحكم في مدونتك أختر القالب ثم أنقر على زر   
  بعد ذلك قم بالبحث عن الرمز ]]></b:skin> الآن أضف الكود التالي فوقه مباشرةً:

#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: www.madad2.com */
  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;
  }
}

الخطوة الأخيرة قم بالبحث عن الرمز <footer>
أو <footer أو أسفل حقوق القالب قم بمسح جميع الروابط أسفل مدونتك ثم أستبدلها بالفوتر الجديد مع الكود التالي:

<footer id='footerr'>

  <div class='inner-wrapper' id='footer-container'>
    <div id='copyright'>
 
      <span class='site-name'>جميع الحقوق محفوظة</span>
      &#169; 2014 | <a href='#'>سياسة الخصوصية</a>
    </div>
    
    <ul class='social-menu'>
      <li title='Facebook'>
        <a href='#'><img alt='Facebook' height='34' src='http://4.bp.blogspot.com/-Pnz9nqqx9F4/VZQF4cCw-iI/AAAAAAAAgVY/r_sDkBgx2ec/s1600/facebook.png' target='_blank' width='34'/></a>
      </li>
      <li title='Twitter'>
        <a href='#'><img alt='Twitter' height='34' src='http://1.bp.blogspot.com/-U8iAD34pcCo/VZQF2y831ZI/AAAAAAAAgVQ/AR7kaLx51nw/s1600/twitter.png' target='_blank' width='34'/></a>
      </li>
      <li title='Feed'>
        <a href='#'><img alt='Feed' height='34' src='http://3.bp.blogspot.com/-sSwG9n9St4I/VZQF6XqlrPI/AAAAAAAAgVg/LGGDOaqlCHM/s1600/feed.png' target='_blank' width='34'/></a>
      </li>
      <li title='Google+'>
        <a href='#'><img alt='Google+' height='34' src='http://1.bp.blogspot.com/-iM-faMqPcnE/VZQF6eFql2I/AAAAAAAAgVk/pQtmt84oXsM/s1600/google.png' target='_blank' width='34'/></a>
      </li>
    </ul>
    
    <div class='clear'/>
  </div>
</footer>
ضع رابط سياسة الخصوصية أو نموذج الأتصال بدلاً من إشارة المربع #
ولا تنسى أيضا إضافة روابط صفحاتك على مواقع التواصل الإجتماعي بدلا من المربع # فيدبرز, فيس بوك, تويتر, جوجل بلس

بعد أن تنتهي إضغط حفظ القالب.

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


14 تعليق على " إضافة فوتر إحترافي مع أزرار مواقع التواصل الإجتماعي أسفل كل مدونة بلوجر "

مشكووووور وبارك الله بيك

موضوع رائع

عاشت الايادي

العفو, شاكر مرورك العطر على الموضوع

السلام عليكم ، اود معرفة كيف اضع اعلانات ربحية اسفل التدوينة مثل الموجودة فى المدونة خاصتكم ، اعلانات اد كاش او yllix او propellerads او gateads ؟

وعليكم السلام, تفضل بإستخدام هذا الموضوع http://www.madad2.com/2013/10/blog-post_8.html

العفو اخي العزيز شكرا لمرورك

المدونه لايوجد بها ولا كود من الاكواد السابقه الخاصه بال footer

www.wd-cydia.com

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

لم يجلب اسم المدونه بعد جميع الحقوق محفوظه

يمكنك إضافتها بشكل يدوي في المكان المناسب

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

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

شكرًا لك

×