Thứ Bảy, 27 tháng 4, 2013

Theo kinh nghiệm của mình khi đưa hệ thống AMALINK (chuyên làm đồng phục) lên Top 10 Google thì mình làm theo những bước sau:
Ma trận hệ thống Website AMALINK.vn

1. Nghiên cứu thị trường:

 - Tìm hiểu thị trường và chọn sản phẩm: 
     + Thị trường đang có xu hướng gì? 
     + Những cơ hội nào cho bạn?

  - Nghiên cứu đối thủ cạnh tranh:
    + Họ đang làm gì?
    + SEO "List Từ Khóa" nào?
    + Chiến lược SEO của họ là gì?



2. Lựa chọn từ khóa:

 - Khách hàng tiềm kiếm từ khóa nào trên Google (dùng google gợi ý)
 - Chọn từ khóa SEO cho hệ thống Site của bạn? (dùng google keyword tool)



3. Xây dựng ma trận hệ thống site:

 - Chọn tên miền thương hiệu và tên miền ngách để chiếm lĩnh thị trường nhanh chóng
 - Xây dựng ma trận website để đối thủ không thể vượt qua bạn



4. Tối ưu trên ma trận website (On-page  & On-site)

 - Tối ưu tổng thể website.
 - Tối ưu các yếu tố bên trong từng trang web.



5. Tối ưu bên ngoài website (Off-site & Off-page)

 - Xây dựng liên kết bên trong website.
 - Xây dựng liên kết với thế giới bên ngoài.
 - Social Links - Liên kết từ mạng xã hội



6. Do lường, đánh giá và điều chỉnh

 - Đo lường hiệu quả kinh doanh
 - Lượng truy cập tăng hay giảm
 - Thứ hạng từ khóa trên google
 - Xếp hạng alexa, số lượng liên kết, nguồn đặt liên kết, 
 - Xu hướng từ khóa, đối thủ có các thay đổi gì... 

==> Từ đó bạn sẽ đưa ra những điều chỉnh cho phù hợp.





Bước đầu tiên là quan trọng nhất vì nó ảnh hưởng đến hiệu quả cuối cùng của chiến dịch SEO. Quy trình được lặp lại liên tục trong suốt quá trình SEO.  Từ khóa có thể thay đổi tùy theo thị trường. Cách làm có thể thay đổi tùy theo mức độ hiệu quả bạn đánh giá.

Lưu ý: SEO chỉ là công cụ giúp bạn đạt được mục tiêu kinh doanh

Nếu bạn bắt đầu con đường kinh doanh Internet và xây dựng ma trận website. Mình đã xuất bản cuốn sách "Thiết Kế Website Chỉ Bằng Vài Click Chuột". Hi vọng cuốn sách này sẽ giúp ích cho bạn.




Biên tập: BillQuy

Chủ Nhật, 21 tháng 4, 2013

Chúng ta thường thấy ngoài trang chủ các template blogspot hay có những slide bài viết đẹp và được trang trí với một thanh trượt nhằm mục đích làm đẹp và mượt blog. Hôm nay share123.vn giới thiệu một dạng slide khá phổ biến mà các bạn thường thấy

Demo: http://thaoduocchuabenh.blogspot.com/
Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
.

Thứ Bảy, 20 tháng 4, 2013

Cuốn sách THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT



Đọc và Download cuốn sách tại đây:
Trong quá trình làm Website bằng blogger. Chắc chắn sẽ có rất nhiều thắc mắc cần được giải đáp, bạn cập nhập những thắc mắc tại Comment bên dưới. Bill sẽ giải đáp cho bạn nếu có thể. Trước khi comment bạn đăng nhập Gmail trước nhé.



Mình hi vọng các bạn sẽ học được thật nhiều tại Ebook này. Nếu bạn nào chưa nhận được Ebook thì điền thông tin vào bên dưới mình sẽ gởi trực tiếp cho các bạn nhé...

Thiết kế xong website là một chuyện làm cách nào để kiếm tiền trên website đó là chuyện khác,  điều đặc biệt nếu bạn dùng thế mạnh Internet để xây dựng thương hiệu DOANH NGHIỆP và thương hiệu CÁ NHÂN thì sẽ giúp bạn nhanh chóng đạt được nhiều kết quả hơn.

GIVE MORE THAN.... Triết lí cho là nhận...

Đọc cuốn sách trực tuyến và download tại Slideshare cá nhân của BillQuy tại đây:

Thứ Sáu, 19 tháng 4, 2013

Tấm gương Bác Hồ về cần kiệm liêm chính chí công vô tư

Rèn luyện và tu dưỡng đạo đức là vấn đề quan tâm hàng đầu của Chủ tịch Hồ Chí Minh. Theo Người:
“Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc.
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời,
Thiếu một phương, thì không thành đất.
Thiếu một đức, thì không thành người” 1
.

Thứ Tư, 17 tháng 4, 2013

Đây là giao diện đầy đủ của Templates này:



Giao diện này giao diện của 1 trong những website công ty Đồng Phục Đà Nẵng (www.aodongphucdanang.com)


Link Download.
http://www.mediafire.com/?zn51cbaek6z5jvr

Thứ Năm, 4 tháng 4, 2013

1. Chỉnh sữa lỗi Font chữ MENU

Các bạn vào chỉnh sữa HTML tìm đến mã code sau:

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

Sau đó thay font của bạn vào vị trí như chữ Oswald (được bôi màu đỏ). 

==> Xem lại và lưu lại mẫu nếu như đúng với mong muốn của bạn. 

Lưu Ý: Bạn nên thay bằng font ARIAL




2. Chỉnh sữa lồi Font chữ tiêu đề bài đăng:

 ương tự đang ở trong trình chỉnh sửa HTML bạn tìm đến khóa ]]> </ b: skin>

Sau đó dán đoạn code này vào vị trí trước nó:

h3.post-title {font-family: 'CustomFontName', serif;}

Bây giờ ta chỉ việc thay font Serif bằng font bạn muốn. 

==> Xem và lưu lại.


Nguồn: www.amalink.vn

Thứ Hai, 1 tháng 4, 2013


Tiện ích (widget) này bao gồm các liên kết đến các mạng xã hội nổi tiếng hiện nay như: Facebook, Twiter, Google+, Pinterest, Youtobe và có một liên kết rss feed giúp độc giả theo dõi các bài viết của bạn. 

Bình thường tiện ích này ẩn chỉ hiện các button của các mạng xã hội, và các liên kết sẽ hiện ra từ từ khi ta di chuột vào các icon đó. 

Để giảm thiểu tối đa việc sử dụng các file javascrip do vậy namkna sẽ sử dụng các mã CSS và hiệu ứng css spriter với một hình ảnh icon duy nhấtcho các mạng xã hội để giảm requet  kết hợp với thư viện Jquery do cậy rất mượn mà không gấy ảnh hưởng đến mức độ tương tác của trang web.

Các bạn có thể xem ảnh minh họa hoặc blog demo để thấy rõ hơn.

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Thêm đoạn mã bên dưới vào trước thẻ ]]></b:skin>:
.social-buttons {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0hS7L14BRw_wExR71eyW7hh546Zw5SDwhLoTYbvp80919VMATbhrAne7E4-FiOIVRpMdSUi3DN_LmSgfqXwP7Rrhchk8BaQKyQCbyQJE29l_T00qZccPwLCEAqtgQovths1BDAJqMudt/s1600/mas-icons-namkna-blogspot-com.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}

5. THêm đoạn mã bên dưới vào trước thẻ </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
$(window).load(function(){
$(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
$(this).stop();
$(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
$(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
$(this).stop();
$(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
});
</script>


- Nếu blog của bạn đã có thư viện jquery rồi thì hãy xóa file màu xanh đi.



6. THêm mã bên dưới vào trước thẻ đóng </body>

<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
</div>

- Thay các phàn màu xanh thành các id của bạn tương ứng.

7. Lưu lại là oke.

Nguồn: http://namkna.blogspot.com

Những cách đơn giản đưa hệ thống site bạn lên top 10 google

Theo kinh nghiệm của mình khi đưa hệ thống AMALINK (chuyên làm đồng phục) lên Top 10 Google thì mình làm theo những bước sau:
Ma trận hệ thống Website AMALINK.vn

1. Nghiên cứu thị trường:

 - Tìm hiểu thị trường và chọn sản phẩm: 
     + Thị trường đang có xu hướng gì? 
     + Những cơ hội nào cho bạn?

  - Nghiên cứu đối thủ cạnh tranh:
    + Họ đang làm gì?
    + SEO "List Từ Khóa" nào?
    + Chiến lược SEO của họ là gì?



2. Lựa chọn từ khóa:

 - Khách hàng tiềm kiếm từ khóa nào trên Google (dùng google gợi ý)
 - Chọn từ khóa SEO cho hệ thống Site của bạn? (dùng google keyword tool)



3. Xây dựng ma trận hệ thống site:

 - Chọn tên miền thương hiệu và tên miền ngách để chiếm lĩnh thị trường nhanh chóng
 - Xây dựng ma trận website để đối thủ không thể vượt qua bạn



4. Tối ưu trên ma trận website (On-page  & On-site)

 - Tối ưu tổng thể website.
 - Tối ưu các yếu tố bên trong từng trang web.



5. Tối ưu bên ngoài website (Off-site & Off-page)

 - Xây dựng liên kết bên trong website.
 - Xây dựng liên kết với thế giới bên ngoài.
 - Social Links - Liên kết từ mạng xã hội



6. Do lường, đánh giá và điều chỉnh

 - Đo lường hiệu quả kinh doanh
 - Lượng truy cập tăng hay giảm
 - Thứ hạng từ khóa trên google
 - Xếp hạng alexa, số lượng liên kết, nguồn đặt liên kết, 
 - Xu hướng từ khóa, đối thủ có các thay đổi gì... 

==> Từ đó bạn sẽ đưa ra những điều chỉnh cho phù hợp.





Bước đầu tiên là quan trọng nhất vì nó ảnh hưởng đến hiệu quả cuối cùng của chiến dịch SEO. Quy trình được lặp lại liên tục trong suốt quá trình SEO.  Từ khóa có thể thay đổi tùy theo thị trường. Cách làm có thể thay đổi tùy theo mức độ hiệu quả bạn đánh giá.

Lưu ý: SEO chỉ là công cụ giúp bạn đạt được mục tiêu kinh doanh

Nếu bạn bắt đầu con đường kinh doanh Internet và xây dựng ma trận website. Mình đã xuất bản cuốn sách "Thiết Kế Website Chỉ Bằng Vài Click Chuột". Hi vọng cuốn sách này sẽ giúp ích cho bạn.




Biên tập: BillQuy

Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot

Chúng ta thường thấy ngoài trang chủ các template blogspot hay có những slide bài viết đẹp và được trang trí với một thanh trượt nhằm mục đích làm đẹp và mượt blog. Hôm nay share123.vn giới thiệu một dạng slide khá phổ biến mà các bạn thường thấy

Demo: http://thaoduocchuabenh.blogspot.com/
Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
.

Cuốn sách THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT

Cuốn sách THIẾT KẾ WEBSITE CHỈ BẰNG VÀI CLICK CHUỘT



Đọc và Download cuốn sách tại đây:
Trong quá trình làm Website bằng blogger. Chắc chắn sẽ có rất nhiều thắc mắc cần được giải đáp, bạn cập nhập những thắc mắc tại Comment bên dưới. Bill sẽ giải đáp cho bạn nếu có thể. Trước khi comment bạn đăng nhập Gmail trước nhé.



Mình hi vọng các bạn sẽ học được thật nhiều tại Ebook này. Nếu bạn nào chưa nhận được Ebook thì điền thông tin vào bên dưới mình sẽ gởi trực tiếp cho các bạn nhé...

Thiết kế xong website là một chuyện làm cách nào để kiếm tiền trên website đó là chuyện khác,  điều đặc biệt nếu bạn dùng thế mạnh Internet để xây dựng thương hiệu DOANH NGHIỆP và thương hiệu CÁ NHÂN thì sẽ giúp bạn nhanh chóng đạt được nhiều kết quả hơn.

GIVE MORE THAN.... Triết lí cho là nhận...

Đọc cuốn sách trực tuyến và download tại Slideshare cá nhân của BillQuy tại đây:

Học tập làm theo Tấm gương đạo đức Bác

Tấm gương Bác Hồ về cần kiệm liêm chính chí công vô tư

Rèn luyện và tu dưỡng đạo đức là vấn đề quan tâm hàng đầu của Chủ tịch Hồ Chí Minh. Theo Người:
“Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc.
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời,
Thiếu một phương, thì không thành đất.
Thiếu một đức, thì không thành người” 1
.

Templates mẫu cho ebook “Thiết kế website chỉ bằng vài click chuột”

Đây là giao diện đầy đủ của Templates này:



Giao diện này giao diện của 1 trong những website công ty Đồng Phục Đà Nẵng (www.aodongphucdanang.com)


Link Download.
http://www.mediafire.com/?zn51cbaek6z5jvr

Chỉnh sữa lỗi font chữ menu và tiêu đề bài đăng Blogger

1. Chỉnh sữa lỗi Font chữ MENU

Các bạn vào chỉnh sữa HTML tìm đến mã code sau:

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

Sau đó thay font của bạn vào vị trí như chữ Oswald (được bôi màu đỏ). 

==> Xem lại và lưu lại mẫu nếu như đúng với mong muốn của bạn. 

Lưu Ý: Bạn nên thay bằng font ARIAL




2. Chỉnh sữa lồi Font chữ tiêu đề bài đăng:

 ương tự đang ở trong trình chỉnh sửa HTML bạn tìm đến khóa ]]> </ b: skin>

Sau đó dán đoạn code này vào vị trí trước nó:

h3.post-title {font-family: 'CustomFontName', serif;}

Bây giờ ta chỉ việc thay font Serif bằng font bạn muốn. 

==> Xem và lưu lại.


Nguồn: www.amalink.vn

Floating Social Bookmark trượt đẹp cho blogspot


Tiện ích (widget) này bao gồm các liên kết đến các mạng xã hội nổi tiếng hiện nay như: Facebook, Twiter, Google+, Pinterest, Youtobe và có một liên kết rss feed giúp độc giả theo dõi các bài viết của bạn. 

Bình thường tiện ích này ẩn chỉ hiện các button của các mạng xã hội, và các liên kết sẽ hiện ra từ từ khi ta di chuột vào các icon đó. 

Để giảm thiểu tối đa việc sử dụng các file javascrip do vậy namkna sẽ sử dụng các mã CSS và hiệu ứng css spriter với một hình ảnh icon duy nhấtcho các mạng xã hội để giảm requet  kết hợp với thư viện Jquery do cậy rất mượn mà không gấy ảnh hưởng đến mức độ tương tác của trang web.

Các bạn có thể xem ảnh minh họa hoặc blog demo để thấy rõ hơn.

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Thêm đoạn mã bên dưới vào trước thẻ ]]></b:skin>:
.social-buttons {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio0hS7L14BRw_wExR71eyW7hh546Zw5SDwhLoTYbvp80919VMATbhrAne7E4-FiOIVRpMdSUi3DN_LmSgfqXwP7Rrhchk8BaQKyQCbyQJE29l_T00qZccPwLCEAqtgQovths1BDAJqMudt/s1600/mas-icons-namkna-blogspot-com.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}

5. THêm đoạn mã bên dưới vào trước thẻ </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
$(window).load(function(){
$(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
$(this).stop();
$(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
$(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
$(this).stop();
$(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
});
});
</script>


- Nếu blog của bạn đã có thư viện jquery rồi thì hãy xóa file màu xanh đi.



6. THêm mã bên dưới vào trước thẻ đóng </body>

<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
</div>

- Thay các phàn màu xanh thành các id của bạn tương ứng.

7. Lưu lại là oke.

Nguồn: http://namkna.blogspot.com

Subscribe to RSS Feed Follow me on Twitter!