{حصريا} أداة تابعنا عبر الفايسبوك عائمة بجانب التدوينة مع إمكانية تغيير لونها

مرحبا بكم في درس جديد من دروس مدونة ابطر للمعلوميات

سنتعلم في هذا الدرس طريقة وضع تابعنا عبر الفايسبوك بشكل عائم بجانب التدوينة ويسارها ، لكن بطريقة احترافية تجعل لون الإضافة يتاقلم مع لون مدونتك غير اللون الازرق المعتاد.

بعد معاينة الاداة يجب عليك تتبع الخطوات التالية لإضافة مثل هذه الإضافة لقالبك :

1.  ادخل الى لوحة تحكم بلوجر من هنا .
2. ثم بعد ذلك اذهب الى التخطيط ثم اختار اضافة اداة {HTML/JavaScript} واضف هذا الكود :

<!-- Abter.blogspot.com -->
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.fbplbadge {background-color:#3B3B3B;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJsEhJ0bIHIALCi_MPg2hKdC6YVWMztsMUQDZ_rmLguxMtdIB4HZ5YOqhkuQR4vqM6lCQ1eigSxlg2974LPAHtHKw-NKTexC4p92wZ48bzbhWnF8PSlFetLLLIlngR7ICekn2JIGQ7-wE/s1600/md_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;left: 6px;text-align: left;z-index: 99999;}.mdfbplikebox span a{color: #0F83A0;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}
/*]]>*/
</style>
<script src="https://dl.dropboxusercontent.com/s/3gld3u5undb5ogs/Fb-Like-Abter.blogspot.com.JS" type="text/javascript"></script>
<div class="mdfbplikebox">
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FAbterTech&amp;width=250&amp;height=290&amp;colorscheme=#ffffff&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:290px;background:#FFFFFF;" allowtransparency="true"></iframe>
<span>
</span>
</div>
</div>
<!-- Abter.blogspot.com -->>

قم بتغيير AbterTech إلى إسم او ID صفحتك في الفايسبوك .

قم بتغيير #3b3b3b إلى اللون المتناسب مع قالبك ويمكنك الحصول عليه من هنا.