4 cách tạo nút share cho blogspot

<br /> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ec6641b474dc578"></script><br /> <script type='text/javascript'> document.doAT = function(cl) { var myclass = new RegExp('hentry'); var myTitleContainer = new RegExp('post-title'); var myPostContent = new RegExp('post-footer'); var elem = this.getElementsByTagName('div'); for (var i = 0; i < elem.length; i++) { var classes = elem[i].className; if (myclass.test(classes)) { var container = elem[i]; for (var b = 0; b < container.childNodes.length; b++) { var item = container.childNodes[b].className; if (myTitleContainer.test(item)) { var link = container.childNodes[b].getElementsByTagName('a'); if (typeof(link[0]) != 'undefined') { var url = link[0].href; var title = link[0].innerHTML; } else { var url = document.url; var title = container.childNodes[b].innerHTML; } if (typeof(url) == 'undefined'|| url == 'undefined' ){ url = window.location.href; } var singleq = new RegExp("'", 'g'); var doubleq = new RegExp('"', 'g'); title = title.replace(singleq, ''', 'gi'); title = title.replace(doubleq, '"', 'gi'); } if (myPostContent.test(item)) { var footer = container.childNodes[b]; } } var n = document.createElement('div'); var at = "<div class='addthis_toolbox addthis_default_style ' addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' > <a class='addthis_button_preferred_1'></a> <a class='addthis_button_preferred_2'></a> <a class='addthis_button_preferred_3'></a> <a class='addthis_button_preferred_4'></a> <a class='addthis_button_compact'></a> <a class='addthis_counter addthis_bubble_style'></a> </div>"; n.innerHTML = at; container.insertBefore(n , footer); } } return true; }; document.doAT('hentry'); </script><br />


    [ Luat1x1 ] - Nút share là thứ được khá nhiều blogger quan tâm. Nhờ nó mà người đọc blog bạn có thể chia sẻ hay gửi cho bạn bè khá dễ dàng. Mình cũng đã từng viết bài về cách tạo nút share như bài NÀY, nhưng các bài đó thì nút share thường phải đụng đến sửa template. Hôm nay mình xin giới thiệu cho các bạn nút share chỉ cần bấm nút là có. Các bạn xem DEMO để chọn được nút share cho ưng ý rồi bấm vào nút Add to blogger bên dưới nó.



       Share 1:   DEMO



       Share 2:   DEMO



      Share 3:    DEMO



    Share 4:   DEMO

<br /> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ec66b79171b25fb"></script><script type='text/javascript'> document.doAT = function(cl) { var myclass = new RegExp('hentry'); var myTitleContainer = new RegExp('post-title'); var myPostContent = new RegExp('post-footer'); var elem = this.getElementsByTagName('div'); for (var i = 0; i < elem.length; i++) { var classes = elem[i].className; if (myclass.test(classes)) { var container = elem[i]; for (var b = 0; b < container.childNodes.length; b++) { var item = container.childNodes[b].className; if (myTitleContainer.test(item)) { var link = container.childNodes[b].getElementsByTagName('a'); if (typeof(link[0]) != 'undefined') { var url = link[0].href; var title = link[0].innerHTML; } else { var url = document.url; var title = container.childNodes[b].innerHTML; } if (typeof(url) == 'undefined'|| url == 'undefined' ){ url = window.location.href; } var singleq = new RegExp("'", 'g'); var doubleq = new RegExp('"', 'g'); title = title.replace(singleq, ''', 'gi'); title = title.replace(doubleq, '"', 'gi'); } if (myPostContent.test(item)) { var footer = container.childNodes[b]; } } var n = document.createElement('div'); var at = "<div><a addthis:title='"+title+"' addthis:url='"+encodeURI(url)+"' class='addthis_button'><img src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' width='125' height='16' alt='Bookmark and Share' style='border:0'/></a>"; n.innerHTML = at; container.insertBefore(n , footer); } } return true; }; document.doAT('hentry'); </script><br />



        Đó là 4 nút share mình mới làm xong, mong các bạn thích và ủng hộ. Mình sẽ cung cấp thêm nữa, các bạn đón đọc nhé.