اضافة صندوق اعجاب الفيس بوك متحرك مع الصفحة 2014

السلام عليكم ورحمه الله وبركاته  

مرحبا بكم  اضافة صندوق اعجاب الفيس بوك متحرك مع الصفحة 2014الاضافة لن تجدها الي في التلميذ للمعلوميات ،الاضافة عبر عن صندوق منبثق متحرك مع الصفحة وشكل الصندوق جذاب جدا واحترافي، زود عدد المعجبين بصفحتك علي الفيس بوك باضافة هذا الصندوق الجميل جدا  

اضافة صندوق اعجاب الفيس بوك متحرك مع الصفحة 2014

صورة من الاضافة 

لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واختار التخطيط  ثم بعد ذلك اختار اضافة اداة

 بعد ذلك اختار  html /javascript والصق الكود في المربع

<style>
#ptftopbar {
border-radius: 10px;
height:30px;
width:auto;
background: #005094 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#fbground {
border-radius: 10px;
border: 3px ;
height:600;
margin:0 auto;
width: 160px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}

#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#660000;
padding:1px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="ptftopbar">
<img align="left" style="padding-right:2px;" src="http://i50.tinypic.com/34p1d6u.png" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">ادعمناعلي الفيس بوك </span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.facebook.com/hh5050?ref=hl" target="_blank" onclick="getValue()">Close</a></span>
</div>

<div id="fbground">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fhh5050?ref=hl&amp;width=200&amp;height=200&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false&amp;appId=221777087880548" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:140px; height:258px;" allowtransparency="true"></iframe>
</div>
<br/></div>

ملاحظة هامة غير مابلون الاحمر الي حسابك في الفيس بوك