إضافة صندوق الإعجاب فيس بوك 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

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




دمتم بود

لا تبخل بكلمة شكر ..