Thứ Bảy, ngày 21 tháng 5 năm 2016

Share CODE Chèn Plugin FaceBook (Like Share Follow) Đẹp cho Blogspot

Đây chỉ là code chèn plugin facebook vào blogger blogspot bao gồm nút thích - chia sẻ và theo dõi fanpage đẹp dễ nhìn trực quan. Chả là hôm trước có ghé qua hiepb của bác Bùi Đức Hiệp thấy khá hay nên cũng chôm về mà chưa xin phép. Sẵn lên groups Blogger thấy có bạn hỏi nên http://codeseo.net share cho bạn nào thích thì dùng luôn. Thông thường các blogspot hiện tại thường để 3 nút Like - Share - Follow khá xa nhau. Ở bản này mình gộp lại làm 1 vị trí luôn. Như thế sẽ giúp cho khách tiện tương tác với website blogger của các bạn hơn


DEMO hình ảnh (Có thể xem trực tiếp tại http://codeseo.net)

Share CODE Chèn Plugin FaceBook (Like Share Follow) Đẹp Dễ Nhìn cho Blogspot


Các nhấn C trl + F bạn tìm đến đoạn mã này

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Đoạn mã trên có nghĩa là những nội dung hiển thị ở trang bài viết của các bạn. Bạn post code hiển thị plugin ngay bên dưới đoạn mã trên tức là nó sẽ nằm trên cùng giống như CodeSEO

CODE như sau (CODE 1 chèn ở dưới mã bên trên còn code 2 chèn đâu cũng được. Nếu không biết để đâu thì để dưới cùng bên trên thẻ </body>)
<div style='height:50px;width:50px;background-image:url(http://i.imgur.com/BfCrgJG.png);background-size:50px 50px;float:left;margin:0 5px 5px 0'/>

<b><a href='https://www.facebook.com/KenhTinHoc.Net' style='font-size:16px;color:#3B5998;marrgin-top:5px' target='_blank'>CODESEO.NET</a><img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAClklEQVR4AaWUTUtUURjHL0RB7etLuO8z5IeoMVy4CCKoRS3cZLQMIs0GJiWhRaMQQkGRURk4GzezGA2duWO+zBtdU9IaPPeef///XM84cxl14cAz59xzzvM7z9t5PC/xq1RwyQ9wtVzHcKmBOb+OTb+BJmWf4lNmuTe0vo2+ReB8Qr37s1DAhXIDNyjzBIUUrFYtChuxaK417elMsYqUdLoph1+5DVxca+AFDwcUm1+zePXV4uG0xf3XsWiuNe3pDK0N/BrS0u2C6hbBSjWLlYrFdM5iYNTi+rPeor3phfisdAhOty1VzGQ6XQhWtiwyny0Gx3uDOi/QmcwcodShtdvUT2WzOOcpAaU6vssF3Tr4/HSYA+usdKQrRrWKy56yyYVQcTnJzRgSYexDiNsvo3Y4pJP/aUFOyLD1e4elgSkG293ca0yNRkh/Mtj9Z/D7r2GywvZ56dIoyaTHv80iy0EZ7AVya4/fGlR2DCIYrNYM7k0dAUdmLMQg64fHDDVVZyoNp6zxybsQU/MGA2MR7lK5vmsQWoOtwODOpGBHbj+g7hIZdHtPwP0kcGQmxP6BQdMYfFsy2CBEsBot7HTVGeCAtLAF9JMuD78JsegbHISxi3Jzh3Eb/0iLGUsHcmOHy8seK32W5ERSItzKRMguGPxpGpjIYOKLwU267yCdo0sKS2dCZTNE4DFlE+ER3X/6/igBnSDNXdmIwbK55q3X0EeomoHNnqGwxVhVYasFFflszvj0Aj3f1tNTl9DDVtdoNQe+TT2nk16N9lrNgWelQ+vGkeyNvdqXgp1sX1rral/sUrlcon25XiZLy7/YYOOYnt5g1WGOa7AOqjgouMVG2E/wBEthmQnbk2iuNWUzX8KVdsycMsf/scSQl/VZHIMAAAAASUVORK5CYII=' style='margin:-10px 0 -5px 0px;' width='20px'/></b><br/>
<script type='text/javascript'>
//<![CDATA[
var siteurl = window.location.href;
  document.write('<span class="fb-like" data-href="' + siteurl+ '" data-layout="button" data-action="like" data-show-faces="false" data-share="true"></span> ');
//]]>
</script>
 <span class='fb-follow' data-href='https://www.facebook.com/kenhtinhoc.net' data-layout='button' data-show-faces='false'/><br/>
  </div>
  <div style='clear:both'/>
<div id='fb-root'/>
<script>
 //<![CDATA[
 window.fbAsyncInit = function() {
 FB.init({
 appId : '717421821693051',
 status : true, // check login status
 cookie : true, // enable cookies to allow the server to access the session
 xfbml : true // parse XFBML
 });
 };
 (function() {
 var e = document.createElement('script');
 e.src = document.location.protocol + '//connect.facebook.net/vi_VN/all.js';
 e.async = true;
 document.getElementById('fb-root').appendChild(e);
 }());
 //]]>
</script>

CODE trên đã được lấy y nguyên như trên codeseo

Chú thích
http://i.imgur.com/BfCrgJG.png Đoạn này có nghĩa là URL của ảnh đại diện bên trái
https://www.facebook.com/KenhTinHoc.Net Đoạn này tức là link Fanpage của bạn
717421821693051 Đoạn này là id của app facebook bạn tạo cho web blog của bạn

Trong 1 số trường hợp sẽ có lệch lên lệch xuống. Cũng như khi thao khảo ở blog hiepb chèn vào codeseo nó cũng bị lệch do font chữ khác nhau. Vì thế các bạn đem về tùy chỉnh lại chút sao cho phù hợp về font-size về margin v.v.. Chúc các bạn có Blog ngày càng phát triển