إضافة أداة تابعنا على الفيسبوك بحلة جديدة

مرحبا متابعي مدونة المحترف إسماعيل للمعلوميات في موضوع جديد و مميز عن كيفية إضافة صفحة الفيسبوك الى مدونة بلوجر لكن هذه المرة بشكل جديد واحترافي .

مثال حي للإضافة:

صفحتنا على الفيسبوك

تابعنا أول بأول

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

1. نتوجه إلى التخطيط
2. ثم اختيار أداة HTML/JavaScript
3. ثم قم بوضع هذا الكود

<style> .bikher { overflow: hidden; } .big-section { color:#FFF; } .rowme { background-color: #425F9C; width: 285px; 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> <br /> <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> <br /> <div class="big-section" id="facebook"> <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-action="like" data-href="https://www.facebook.com/info24tagliout/" data-layout="box_count" data-share="false" data-show-faces="false"> </div> </div>

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

1. غير https://www.facebook.com/info24tagliout/ برابط صفحتك على الفيسبوك
2. ويمكنك أيظا تغيير الكلام بما تريده

•  مبروك عليك الإضافة .
• أتمنى أن تنال الإضافة إعجابكم.
• وهذا كل شئ فى موضوع اليوم اذا واجهتك أي مشكلة فى تركيب الإضافة او تريد التعديل على أي شيء ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع.