04/10/2018, 20:17

Mẫu chia sẻ mạng xã hội cực cool bằng jQuery Plugin

Lại một ngày vất vả nữa đã qua và tiếp tục công việc thường ngày là viết những bài chia sẻ về web cho các bạn. Hôm nay mình sẽ mang đến cho các bạn một hiệu ứng khá đẹp dùng cho người dùng tương tác với các mạng xã hội. Trong bài viết này mình có sử dụng file jQuery plugin và file css đính kèm của ...

Lại một ngày vất vả nữa đã qua và tiếp tục công việc thường ngày là viết những bài chia sẻ về web cho các bạn. Hôm nay mình sẽ mang đến cho các bạn một hiệu ứng khá đẹp dùng cho người dùng tương tác với các mạng xã hội. Trong bài viết này mình có sử dụng file jQuery plugin và file css đính kèm của nó, các bạn có thể download những file này trong phần download bên dưới.

Mẫu chia sẻ mạng xã hội cực cool bằng jQuery Plugin

Xem Demo | Download

HTML

Đầu tiên, là chèn các file cần thiết vào bên trong thẻ <head>

<link rel="stylesheet" type="text/css" href="social-plugin.css" media="all" />
<link rel='stylesheet prefetch' href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>

Và tạo một nút bấm để người dùng click chuột và làm xuất hiện các mạng xã hội phổ biến.

<span class="socialShare"></span>

jQuery

Bây giờ các bạn muốn hiển thị mạng xã hội nào thì chỉ việc khai báo trong đoạn script là xong.

<script src="jquery.min.js"></script>
<script src="social-plugin.js"></script>
<script type="text/javascript">
$(function (){

	var url = 'https://www.thuthuatweb.net/javacript/mau-chia-se-mang-xa-hoi-cuc-cool-bang-jquery-plugin.html';

	var options = {

		twitter: {
			text: 'Nút chia sẻ mạng xã hội cực cool nè! ',
			via: 'thuthuatweb.net'
		},

		facebook : true,
		googlePlus : true
	};

	$('.socialShare').shareButtons(url, options);


/*

	// You can also share to pinterest and tumblr:

	var options = {

		// Pinterest requires a image to be "pinned"

		pinterest: {
			media: 'http://example.com/image.jpg',
			description: 'My lovely picture'
		},

		// Tumblr takes a name and a description

		tumblr: {
			name: 'jQuery Social Buttons Plugin!',
			description: 'There is a new article on thuthuatweb.net page! Check out!'
		}
	};

*/

});
</script>   

Chúc các bạn thực hiện thành công và có thể áp dụng vào trong trang web/blog của mình.

Tags: jQuery Plugins mang xa hoi Social Share

Chuyên Mục: Javascript

Bài viết được đăng bởi webmaster

Bài liên quan

Mẫu chia sẻ mạng xã hội cực cool bằng jQuery Plugin

Lại một ngày vất vả nữa đã qua và tiếp tục công việc thường ngày là viết những bài chia sẻ về web cho các bạn. Hôm nay mình sẽ mang đến cho các bạn một hiệu ứng khá đẹp dùng cho người dùng tương tác với các mạng xã hội. Trong bài viết này mình có sử dụng file jQuery plugin và file css đính kèm của ...

Hoàng Hải Đăng viết 20:17 ngày 04/10/2018

Tổng hợp hiệu ứng đẹp cho nút chia sẻ mạng xã hội bằng CSS3

Việc tích hợp những nút chia sẻ bài viết thông qua mạng xã hội là một trong những điều cần phải có cho một website. Có rất nhiều bài viết cũng như thủ thuật giúp các bạn làm điều này, và hôm nay mình xin chia sẻ cho các bạn một cách nữa. Với nút chia sẻ này, các bạn sẽ có rất nhiều hiệu ứng cực kỳ ...

Trần Trung Dũng viết 20:02 ngày 04/10/2018

Top 10 plugin chia sẻ mạng xã hội tốt nhất cho wordpress

Việc gắn chức năng chia sẻ trên các mạng xã hội là việc cần phải làm đối với các blogger khi muốn tăng lượng traffic cho web hay blog của mình. Hôm nay mình xin chia sẻ với các bạn 10 plugin giúp khách viếng thăm web hay blog của bạn có thể chia sẻ cho bạn bè họ những bài viết mà bạn đã dành ...

Bùi Văn Nam viết 19:52 ngày 04/10/2018

Tạo nút chia sẻ mạng xã hội cho blogspot với phong cách cực pro

Mạng xã hội đang ngày càng phát triển, và đặc biệt là Facebook với số lượng thành viên cực kỳ khủng khiếp, vì thế việc chèn các nút chia sẻ mạng xã hội vào blog của bạn là một việc làm không thể thiếu và cực kỳ quan trọng trong việc tăng lượt truy cập khách viếng website của bạn. Hôm nay mình ...

Hoàng Hải Đăng viết 18:18 ngày 04/10/2018

Chia sẻ mạng xã hội trong Joomla với BT Social Share

Hầu hết các website hay blog hiện nay đều tích hợp tính năng chia sẻ mạng xã hội như Facebook, Twitter và Google Plus. Nếu các bạn đang sở hữu một trang web được làm bằng Joomla thì BT Social Share sẽ là lựa chọn tốt nhất cho các bạn tin dùng để tích hợp mạng xã hội vào trang web của mình. ...

Bùi Văn Nam viết 18:08 ngày 04/10/2018
0