03:18:20PM

  

كود اضافة صندوق الفايسبوك

مرسلة بواسطة روح و ريحان يوم السبت 0 التعليقات

كود اضافة صندوق الفايسبوك

منبثقة و منسدلة



هذه الإضإفة سوف تظهر في الجهة اليمنى لموقعك ، 
ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو : 
الذهاب إلى لوحة تحكم مدونتك، - 
اختر اضافة اداة 
الصق الكود
قم بالحفظ
لمشاهدة الاضافة قبل ان تضيفها لمدونتك 
اضغط على  من هنا 
الصق الكود بالمربع الازرق و سوف تظهر لك النتيجة

 استبدل ما كتب بالاحمر برابط صفحتك

الكود:
<style>
img,a {
   border: 0;
}

#on {
   visibility: visible;
}

#off {
   visibility: hidden;
}

#facebook_div {
   width: 196px;
   height: 340px;
   overflow: hidden;
}

#twitter_div {
   width: 246px;
   height: 353px;
   overflow: hidden;
}

#google_plus_div {
   width: 152px;
   height: 97px;
   overflow: hidden;
   margin-left: 50px;
   margin-top: 10px;
}

#knfeedburner_div {
   width: 300px;
   height: 97px;
   overflow: hidden;
   margin-top: 5px;
   margin-left: -4px;
}

#kakinetwork_div {
   width: 300px;
   height: 97px;
   overflow: hidden;
}/* right side style */#facebook_right {
   z-index: 10005;
   border: 2px solid #3c95d9;
   background-color: #fff;
   width: 196px;
   height: 353px;
   position: fixed;
   right: -200px;
}

#facebook_right img {
   position: absolute;
   top: -2px;
   left: -35px;
}

#facebook_right iframe {
   border: 0px solid #3c95d9;
   overflow: hidden;
   position: static;
   height: 360px;
   left: -2px;
   top: -3px;
}

#twitter_right {
   z-index: 10004;
   border: 2px solid #6CC5FF;
   background-color: #6CC5FF;
   width: 246px;
   height: 353px;
   position: fixed;
   right: -250px;
}

#twitter_right_img {
   position: absolute;
   top: -2px;
   left: -35px;
   border: 0;
}

#google_plus_right {
   z-index: 10003;
   background-color: #F2F2F2;
   border: 2px solid #006ec9;
   border-top: 2px solid #0056a0;
   border-bottom: 2px solid #0056a0;
   border-right: 2px solid #0056a0;
   border-left: hidden;
   width: 152px;
   height: 97px;
   position: fixed;
   right: -154px;
}

#google_plus_right_img {
   position: absolute;
   top: -2px;
   left: -33px;
   border: 0;
}

#feedburner_right {
   z-index: 10003;
   background-color: #fefefe;
   border: 2px solid #5b5b5b;
   border-top: 2px solid #5b5b5b;
   border-bottom: 2px solid #5b5b5b;
   border-right: 2px solid #5b5b5b;
   border-left: hidden;
   width: 300px;
   height: 97px;
   position: fixed;
   right: -303px;
}

#feedburner_right_img {
   position: absolute;
   top: -2px;
   left: -33px;
   border: 0;
}

#kakinetwork_right {
   z-index: 10003;
   border: 2px solid #303030;
   background-color: #fff;
   width: 300px;
   height: 97px;
   position: fixed;
}

#kakinetwork_right img {
   position: absolute;
   top: -2px;
   left: -101px;
}/* left side style */#facebook_left {
   z-index: 10005;
   border: 2px solid #3c95d9;
   background-color: #fff;
   width: 196px;
   height: 353px;
   position: fixed;
   left: -200px;
}

#facebook_left img {
   position: absolute;
   top: -2px;
   right: -35px;
}

#facebook_left iframe {
   border: 0px solid #3c95d9;
   overflow: hidden;
   position: static;
   height: 360px;
   right: -2px;
   top: -3px;
}

#twitter_left {
   z-index: 10004;
   border: 2px solid #6CC5FF;
   background-color: #6CC5FF;
   width: 246px;
   height: 353px;
   position: fixed;
   left: -250px;
}

#twitter_left_img {
   position: absolute;
   top: -2px;
   right: -35px;
   border: 0;
}

#google_plus_left {
   z-index: 10003;
   background-color: #006ec9;
   border: 2px solid #006ec9;
   border-top: 2px solid #0056a0;
   border-bottom: 2px solid #0056a0;
   border-left: 2px solid #0056a0;
   border-right: hidden;
   width: 152px;
   height: 97px;
   position: fixed;
   left: -154px;
}

#google_plus_left_img {
   position: absolute;
   top: -2px;
   right: -33px;
   border: 0;
}

#feedburner_left {
   z-index: 10003;
   background-color: #fefefe;
   border: 2px solid #5b5b5b;
   border-top: 2px solid #5b5b5b;
   border-bottom: 2px solid #5b5b5b;
   border-left: 2px solid #5b5b5b;
   border-right: hidden;
   width: 300px;
   height: 97px;
   position: fixed;
   left: -303px;
}

#feedburner_left_img {
   position: absolute;
   top: -2px;
   right: -33px;
   border: 0;
}

#kakinetwork_left {
   z-index: 10003;
   border: 2px solid #303030;
   background-color: #fff;
   width: 300px;
   height: 97px;
   position: fixed;
}

#kakinetwork_left img {
   position: absolute;
   top: -2px;
   right: -101px;
}

.box-title1 {
   border: 1px solid #ddd;
/*border-radius*/
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
/*box-shadow*/
   -webkit-box-shadow: 5px 5px 5px #CCCCCC;
   -moz-box-shadow: 5px 5px 5px #CCCCCC;
   box-shadow: 5px 5px 5px #CCCCCC;
   padding: 10px;
   margin: 10px 0;
}

.enteryouremail {
   background: #fff !important;
   border: 1px solid #d2d2d2;
   padding: 0px 8px 0px 8px;
   color: #a19999;
   font-size: 12px;
   height: 25px;
   width: 165px;
/*border-radius*/
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 0px;
}

.submitbutton {
   background: #F2F2F2;
   border: 1px solid #F66303;
/*box-shadow*/
   -webkit-box-shadow: 3px 3px 3px #666;
   box-shadow: 3px 3px 3px #666;
   font: bold 12px Arial, sans-serif;
   color: #000000;
   height: 25px;
   padding: 0 12px 0 12px;
   margin: 0 0 0 5px;
/*border-radius*/
   -webkit-border-radius: 5px;
   border-radius: 5px;
   cursor: pointer;
}
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><br />
<br />
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><br />
<br />
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });</script><br />
<br />
<div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieHb9UVM8X1kiwPFwaDfaA2HCOZf9KsadLJb8zU0nfGyzUFykmOmJ8RnPpUsG2LVU5Kg9I_r2sJu9xuG7SB9ZxQb3YbqPHLMeo3SwXXibftRCRDaGgSiYSaMOyFVLAqqI6sRlMC7MOmCw/s1600/helperblogger.com-facebook-icon.png" alt=""/><br />
<br />
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/%D8%B4%D8%A8%D9%83%D8%A9-%D8%A7%D8%A8%D9%88%D9%8A%D9%88%D8%B3%D9%81/485096618283151
&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"><br />
<br />
</iframe><br />
<br />
</div></div></div><br />
<br />

ساهم في نشر الموضوع للفائدة:

شارك الموضوع

التسميات:
شبكةابويوسف

عالم من الثقافة والمعرفة والقصص والعبر الهادفة والخطب و المحاضرات والبرامج و الإضافات و الشروحات و كل ما يفيد ويحافظ على صحتك ومجموعة منتقاة من أضخم وأقوى المواضيع في مجالات متعددة



تعليقات
0 تعليقات

0 التعليقات:

إرسال تعليق