How to add a facebook like and share botton to your blogspot ,blogger. like and share botton كيفية إضافة

How to add a facebook like and share botton to your blogspot ,blogger. 
 like and share botton  كيفية إضافة

first put this code on your template
go to  template------edit html----------put above this ]]></b:skin>
this code
template في ]]></b:skin>ضع هدا الكود فوق

<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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

then go to whereever you want these to appear and past the codes below! don't forget to change the red url with yours
ثم انتقل إلى أينما تريد هذه لتظهروضع الكود فيه! لا ننسى لتغيير رابط الأحمر
1.like botton

here is the code (change the red text xith the url you want peaople to like)
(هنا هو رمز (غير النص الأحمر مع عنوان الموقع الذي تريد

<div class="fb-like" data-href="http://stofpro1.blogspot.com/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>


2.share botton 

<div class="fb-share-button" data-href="http://stofpro1.blogspot.com/" data-type="button_count"></div>


3.comment box

<div class="fb-comments" data-href="http://stofpro1.blogspot.com" data-width="600" data-numposts="5" data-colorscheme="light"></div>.


how to add a scroll bar to your blogger,blogpost, blogspot,

How to add a scrollbar scrollbar text , كيف اضيف 

"مثال example"




test
test
test
test



Copy and past  اليكم الكود

<div style="height: 700px; overflow: auto; width: 100%;">your text or whatever نصك او اي شئ اخر</div>