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

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

11:03 ص | نشره : admin | نشر في: إضافات بلوجر , شرحات بلوجر | 0تعليقات

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

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

على مدونتك بلوجر وهذه الاضافة مدعومة بشرح فيديو مقدم من المحترف 99 للكمبيوتر ارجو ان تستفيدو معنا

شكل الصندوق

الكود

<style type='text/css'>
#haakblogFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#haakblogFBpop a.haakblogclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#haakblogFBpop').animate({top:"150px"}, 1000);
// Widget by www.haakblog.com
$('a.haakblogclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='haakblogFBpop'>

<center>
<b>ادعمنا بضغطة زر لتساعدنا على الاعطاء والابداع</b></center>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F651899814874611&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
</center>

<a class='haakblogclose' href='#'>×</a>
<center style='float:right; margin-right:10px;'>
<span style='font-size:xx-small; color:#000; text-decoration:none;'></span>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" />
</a>

</center>
</div>

الشرح بالفيديو

هل أعجبك الموضوع ؟

بقلم مصطفى

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

مواضيع مشابهة :

التعليقات

0 التعليقات

ليست هناك تعليقات:

إرسال تعليق