الاضافة التي معنا اضافة جميلة جدا و مهمة و تعطي جمالية للمدونة بحيث تسهل الامور للزائرين
فعندما يريد اي شخص الدخول الى الفيس بوك و الاشتراك بالصفحة سيقوم بالنقر عليها و سيدخل مباشرة للصفحة
التركيب سهل جدا و بدون اي مشاكل و هي مناسبة لكل القوالب بدون استثناء
إنتقل إلي موقع بلوجر
إختر مدونتك وقم بالدخول اليها
نذهب الى التخطيط و اضافة اداة جديدة بالسيد بار و اختيار 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>
تخصيص الاضافة
قم باضافة رابط الصفحة بدلا من #
و شكرا
و شكرا
شكرًا لوقتكم واهتمامكم بقراءة موضوع اضافة متحركة للاشتراك بالفيس بوك توضع بالسيد بار . إذا صادفتكم أي مشكلة أثناء استخدام الكود أو كان لديكم أي استفسار، فلا تترددوا في طرحه ضمن التعليقات أو التواصل معنا عبر صفحة الاتصال بنا . ولا تنسوا الانضمام إلى متابعي مدونة هلا تك ليصلكم كل ما هو جديد.

