راسلنا من خلال النمودج التالي :

الاسم

بريد إلكتروني *

رسالة *

أكتب ما تود البحث عنـه .....

إعلان
إعلان

آخر الأخبار

اضافة متحركة للاشتراك بالفيس بوك رائعة جدا توضع بالسيد بار


اضافة متحركة للاشتراك بالفيس بوك
رائعة جدا توضع بالسيد بار



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

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


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

نذهب الى التخطيط و اضافة اداة جديدة بالسيد بار و اختيار 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>

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


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


و شكرا

hala teck
الكاتب : MAHER

مدون عربي صاحب مدونة هلا تك يهتم بكل جديد بعالم التقنية و المعلومات

شارك الموضوع
تعليقات
إعلان