Show Comments: OR
100 100 100

إضافة صندوق الإعجاب فيس بوك 2013

مرحبا بكم زوار اضافات بلوجر 



اليوم اقدم لكم اداة بلوجر خاصة بصندوق فيس بوك بشكل جديد وانيق !!

شكل خاص لـ 2013

فقط على اضافات بلوجر 



وتم تطبيقها على مدونتي

تتميز الاداة بسهولة التركيب + خفيفة وسريعة 



اترككم مع الصورة









شرح التركيب

1- ادخل لوحة تحكم المدونة

2- اضغط على تخطيط >> اضافة اداة

3- اختار 
HTML/Javascript

4- ضع الكود + تعديل على الكود




الكود



<center><style>.helperbloggerFB { 
width: 300px; 
height: 150px; 
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/additions.blogger" data-width="300" 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%3A%2F%2Fwww.facebook.com%2Fadditions.blogger&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>





التعديل ( عدل على كلمة  additions.blogger )



باللون الاحمر الى عنوان صفحتك

مثل
https://www.facebook.com/additions.blogger


باللون الاحمر هذا هوة رابط الصفحة على الفيس بوك




دمتم بود


لا تبخل بكلمة شكر ..
معلومات عن التدوينة الكاتب : rimon nizar بتاريخ : الخميس، 27 يونيو، 2013
المشاهدات :
للإبلاغ عن رابط معطوب اضغط هنا
قالب خيال ..إبداع ويب .