03:18:20PM

  

كود اضافة صفحة الفايسبوك على مدونتك

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

كود اضافة صفحة الفايسبوك على مدونتك


هذه الإضإفة سوف تظهر في موقعك ، 


ولإضافتها مباشرة إلى مدونتك ما عليك فعله هو : 


الذهاب إلى لوحة تحكم مدونتك، - 


اختر اضافة اداة 


الصق الكود


قم بالحفظ
 

لا تنسى ان تغير ما كتب بالاحمر الى رابط صفحتك

 الشكل الاول 1 




الكود:

<center><style>.helperbloggerFB {     width: 280px;     height: 140px;     border-radius: 3px;     position: relative;     background-color:#f4f4f4;     padding:5px 10px 15px 0;     }     .helperbloggerFB, .helperbloggerFB:before, .helperbloggerFB:after {     background: #f4f4f4;     border: 1px solid #ccc;     }     .helperbloggerFB:before, .helperbloggerFB:after {     content: "";     position: absolute;     bottom: -3px;     left: 2px;     right: 2px;     height: 1px;     border-top: none;     }     .helperbloggerFB:after {     left: 4px;     right: 4px;     bottom: -5px;     box-shadow: 0 0 2px #ccc;     }     </style>      <div class="helperbloggerFB">     <div style="height:155px;overflow:hidden">     <fb:like-box href="https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389" data-width="280" data-height="179" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 179px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Fwww.btsnts.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=179&amp;href=https://www.facebook.com/pages/%D8%B7%D8%B1%D9%8A%D9%82-%D8%A7%D9%84%D8%AE%D9%8A%D8%B1/501221783249389&amp;locale=en_US&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>     </div>     </div>     <div id="fb-root"></div>     <script>(function(d, s, id) {     var js, fjs = d.getElementsByTagName(s)[0];     if (d.getElementById(id)) return;     js = d.createElement(s); js.id = id;     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";     fjs.parentNode.insertBefore(js, fjs);     }(document, 'script', 'facebook-jssdk'));     </script></center>


الشكل الثاني 2  




الكود:

<div dir="ltr" style="text-align: left;" trbidi="on">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/sowarwadikrayat&width=292&colorscheme=light&show_faces =false&border_color&stream=false&header=false&height=62" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Verdana; font-size: 12px; height: 62px; line-height: 19px; overflow-x: hidden; overflow-y: hidden; text-align: -webkit-auto; width: 292px;"></iframe></div>


لمشاهدة الاضافة قبل ان تضيفها لمدونتك من هنا  للمعاينة على الصفحة من هنا


الصق الكود بالمربع الازرق و سوف تظهر لك النتيجة

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

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

شارك الموضوع

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

0 التعليقات:

إرسال تعليق