Tạo nút Share các mạng xã hội cho blog

Ngày nay , mạng xã hội đã thu hút rất đông mọi người tham gia, đó chính là nơi để các bạn quảng bá blog mình trên các trang mạng xã hội. Nhưng làm sao để thực hiện được điều đó. Bài viết hôm nay mình xin giới thiệu cùng các bạn cách tạo nút chia sẻ mạng xã hội cho blog của bạn. Tiện ích này sử dụng CSS và HTML , các bạn đưa vào blog rất dễ dàng. XEMDEMO

* Cách thực hiện:
Bước 1 : Đăng nhập vào blog > Chọn bố cục
Bước 2: Chọn Thêm tiện ích > Chọn HTML/Javascript
Bước 3 : Dán đoạn code phía dưới vào 
 

<style> /* Bloggertrix */ .bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 60px; height:60px; } .bubblewrap li img{ width: 50px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 4px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.8); /*scale up image 1.8x*/ -webkit-transform:scale(1.8); -o-transform:scale(1.8); }</style> <br /> <center> <br /> <ul class="bubblewrap"> <li><a href="http://www.digg.com/buivansum"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnzGcrO9c-uchyUiFChNB_kD3GgujkGaNPQMol8Hap3-050C4Btld-gBsIhbm9jWzY8czW90YiM1rewbvQ8Y29JJQ5oMdurtO0mw2SK8Q_mThTxyudadmcWe0QMDXVBT1z2mHIUmVLKcM/s1600/btrix-small-digg.png" title="Add to Digg" /></a></li> <li><a href="http://www.facebook.com/buivansum1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvtMilhGsMX8s0h4QNHAk-F3WizfKf0c5leVYchsNauR1pMsJ_VafI0xXayAWQNKYksKlFQ9e1rzL2UmdUVV_qAyedFga4Pq_zRs9hB2h4gbl0G-ykjdbh3mHUR8GzvGloytAHlVOCD_8/s1600/btrix-small-facebook.png" title="Add to Facebook" /></a></li> <li><a href="http://www.plus.google.com/buivansum2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTfdRJTjS9DGi_vRWnrkaDY3hwjcbh3cjS9mEgLFwtEGT_5G16GlrDMj5EONxfFN6WuQ51HmvDsrjlJBya7wVZR34EZLeY6tEVmqNCFF3GmzbYpfAnKwjPeEubOY7zXtns56aA6NdMHMM/s1600/btrix-small-google.png" title="Add to Digg" /></a></li> <li><a href="http://www.twitter/buivansum3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFx1GqpPOtPm2LMcPoo3OWpQmNToKrmuTKHt82cng_UDTAMaxVW6pjMRhOPmsn7jZLXwvZivVy_JL_Zg3m5H3ByMfXKv2TPFjUF0s9gWGciASQouT7ek4WFcSt_amgWnTzJV1_uKzLc1g/s1600/btrix-small-twitter.png" title="Add to Twitter" /></a></li> <li><a href="http://feeds2.feedburner.com/buivansum4"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFx9Z8jqT1Uunh8Y3WZ5ja4C5lKR2J3yUtThTM4aSbyn-NQAmiNybTiyaBaVRpa6PtnlQFgwD0hfwPnNTBplYbVC2UUvIZu3jMY0JbFRJCLyLFhy7aEEOqoMQ_l2t0ePOT3Mx0DEAQ-9w/s1600/btrix-small-rss.png" title="Add RSS Feed" /></a></li> </ul> </center>

Cuối cùng bấm lưu lại là xong.
Ở đây các bạn chú ý thay thế tên tài khoản của mình ở buivansum, buivansum1,2,3,4 cho phù hợp với trang mạng xã hội của mình
Chúc các bạn thành công.