اضافة صندوق اعجاب الفيس بوك متحرك مع الصفحة 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/3alamihtiraf" 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%2F3alamihtiraf&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>

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

ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان

اد اعجبتك التدوينة فساعدنا في نشرها