رائعة جدا توضع بالسيد بار

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

 

الاضافة التي معنا اضافة جميلة جدا و مهمة و تعطي جمالية للمدونة بحيث تسهل الامور للزائرين

فعندما يريد اي شخص الدخول الى الفيس بوك و الاشتراك بالصفحة سيقوم بالنقر عليها و سيدخل مباشرة للصفحة 

التركيب سهل جدا و بدون اي مشاكل و هي مناسبة لكل القوالب بدون استثناء

  إنتقل إلي موقع بلوجر
  إختر مدونتك وقم بالدخول اليها

نذهب الى التخطيط و اضافة اداة جديدة بالسيد بار و اختيار HTML/JavaScript و نضيف الكود

لتركيب الضافة

<style>
.bikher { overflow: hidden; }
.big-section     { color:#FFF; }
.rowme             { background-color: #425F9C; text-align:center; font-family: droid arabic kufi;}
.flip-bikher { -webkit-perspective: 1000; -webkit-transform-style: preserve-3d; }
.flip-bikher, .front, .back { margin:0 auto; width: 285px; height: 160px; }
.flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; position: relative; }
.front, .back { -webkit-backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; padding-top:20px; padding-bottom:10px; position: absolute; top: 0; left: 0; }
.front  { background:#35528f; z-index: 2; -webkit-transform: rotateY(0deg); }
    .front span     { font-size:80px; margin-top:10px; }
.back   { background:#021f5c;; -webkit-transform: rotateY(-180deg); }
    .flip-bikher:hover .back  { -webkit-transform: rotateY(0deg); }
    .flip-bikher:hover .front { -webkit-transform: rotateY(180deg); }
</style>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=1389892087910588";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="facebook" class="big-section">
  <div class="bikher">
    <div class="rowme">
      <div class="flip-bikher">
        <div class="flipper">
          <div class="front">
            <div>صفحتنا على الفيسبوك</div><br/>
            <span class="fa fa-facebook-square"></span>
          </div>
          <div class="back">
          <br/> تابعنا أول بأول<br/><br/>
            <div class="fb-like" data-href="#" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>
         
          </div>
        </div>
      </div>
    </div>
  </div></div>

تخصيص الاضافة

قم باضافة رابط الصفحة بدلا من  # 


و شكرا

وفي الختام !

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