إضافة صندوق الفيس بوك في بلوجر بشكل إحترافي

www.alkhaber.cf كتب:

]]></b:skin>

www.alkhaber.cf كتب:

._1dro ._1drp
{direction: rtl!important; }
#open-fb{background-color: #FFFFFF;
border: 4px solid rgb(210, 210, 210);
bottom: 0; border-bottom: 0; float:left;
height: auto; margin-bottom: 0;
margin-right: 5px; position: fixed;
right: 0; width: auto; z-index: 10;}
.close-fb{color: #333!important;
position: absolute; top: 1px;
right: 1px; width: 20px; height: 20px; line-height: 20px;
text-align: center; font-size: 11px;} .slideUp{ animation-name: slideUp;
-webkit-animation-name: slideUp; animation-duration: 1s;
-webkit-animation-duration: 1s; animation-timing-function: ease;
-webkit-animation-timing-function: ease; visibility: visible !important; }
@keyframes slideUp { 0% { transform: translateY(100%); }
50%{ transform: translateY(-8%); }
65%{ transform: translateY(4%); }
80%{ transform: translateY(-4%); }
95%{ transform: translateY(2%); }
100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); }
50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); }
80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); }
100% { -webkit-transform: translateY(0%); } }

www.alkhaber.cf كتب:

</body>

www.alkhaber.cf كتب:

<div class='slideUp' id='open-fb'>
<a class='close-fb' href='#close-fb-like-box' onclick='hide(&apos;open-fb&apos;)' title='اغلاق'><i class='fa fa-times'/></a>
<div class='fb-like-box ' data-header='false' data-height='62'
data-href='هنا ضع رابط صفحتك على الفيس بوك' data-show-faces='true'
data-.....تمنع روابط التحميل الغير قانوني......='false'
data-width='187'><span style='height: 62px; width: 187px; '>
<iframe allowTransparency='true' frameborder='0' scrolling='no'
src='https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F2olhas7&amp;
width=187&amp;height=62&amp;
show_faces=false&amp;colorscheme=light&amp;.....تمنع روابط التحميل الغير قانوني......=false&amp;border_color&amp;header=true'
style='border:none; overflow:hidden; width:187px; height:62px;'/>
</span></div></div>
<script type='text/javascript'>
function show(target) {
document.getElementById(target).style.display = 'block';
}
function hide(target) {
document.getElementById(target).style.display = 'none';
}
</script>