(Chèn) thêm comment Facebook vào Blogspot (Mới) 100% thành công

Xem video HD: CLICK

Chèn comment Facebook vào Blogspot (Mới) 100% thành công

Bài viết này, mình sẽ hướng dẫn các bạn cách thêm bình luận Facebook vào blog quản lý bằng App.

Ưu điểm: Dễ dàng tiếp nhận cũng như quản lý tất cả các bình luận.

Giao diện quản lý bình luận của Facebook APP

Cách chèn bình luận Facebook vào Blogger và quản lý bằng App

*Tạo ứng dụng Facebook quản lý bình luận, nhận xét:

Bước 1: Tạo app facebook

Đăng nhập Facebook ~> Truy cập https://developers.facebook.com/apps
Vào My Apps ~> Với những tài khoản Facebook chưa Verify (xác thực) thì sẽ hiện "Register as a Developer", bạn vào đây để xem cách xác thực tài khoản trước khi làm tiếp: Hướng dẫn cách xác minh tài khoản Facebook bằng số điện thoại

Khi tài khoản đã được xác thực: Vào My Apps ~> Add a New App

Tiếp theo nhập mã bảo vệ là ta đã tạo xong App.
Khi đã có App, bạn lưu ý copy Mã ứng dụng (App ID) lại để dùng cho bước sau.

Bước 2: Chèn Facebook Comment vào Blogger (Blogspot)

Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm dòng code sau vào thẻ <html... (Thẻ html này nằm ở ngay đầu Mẫu)

xmlns:fb='https://www.facebook.com/2008/fbml'

Như ảnh dưới:

Thêm thẻ meta sau vào trước thẻ </head>

<meta content='Mã ứng dụng' property='fb:app_id'/>
<meta content='Facebook user ID' property='fb:admins'/>

Thay thế Mã ứng dụng của App mà bạn đã copy ở cuối Bước 1
Thay Facebook user ID bằng ID tài khoản Facebook của bạn (Vào http://wallflux.com/facebook_id/ nếu bạn không biết ID mình)
Thêm đoạn code sau vào trước thẻ </body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.3&amp;appId=Mã ứng dụng";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Thay thế Mã ứng dụng của App mà bạn đã copy ở cuối Bước 1

Cuối cùng ta sẽ xác định vị trí để chèn bình luận Facebook. Thường thì ta chèn bình luận Facebook vào cuối bài viết, có 2 cách để thực hiện.

Cách 1: Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='10' data-width='100%' expr:data-href='data:blog.canonicalUrl'/>
</b:if>

Hoặc:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

Cách 2: Thêm đoạn code sau dưới thẻ đóng </div> của thẻ <div class='post-footer'> (Thẻ này nằm trong phần <b:includable id='post' var='post'>)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' numposts='5' width='530'/>
</b:if>

colorscheme='light' : màu của khung bình luận, facebook cung cấp 2 giao diện là light và dark
numposts='5' : số bình luận hiển thị
width='530' : kích thước chiều ngang của khung bình luận
Vậy là xong, ta Lưu Mẫu lại.

Bước 3: Quản lý Facebook Comment

Truy cập https://developers.facebook.com/tools/comments sau đó chọn ứng dụng của bạn để quản lý bình luận facebook trên blog.

Mọi thắc mắc comment ở dưới để mình giải đáp nhé :)

ENJOY!!!

Read More [...]

Posted in bl

TẠO SỐ ĐIỆN THOẠI ẢO BẰNG TEXTPLUS/ NEXTPLUS

Xem video: CLICK

TẠO SỐ ĐIỆN THOẠI ẢO BẰNG TEXTPLUS/ NEXTPLUS

Khi tạo tài khoản facebook, mọi người thường bị yêu cầu xác thực số điện thoại. Để không phải mất tiền mua sim rác, ta có thể sử dụng phần mềm TextPlus/ NextPlus tạo số đt ảo để xác minh.

Read More [...]

Posted in khac

Button Lên Trên - Xuống dưới ẩn hiện với hiệu ứng trượt nhẹ nhàng

Bài viết này mình sẽ hướng dẫn bạn làm cách nào để thêm 2 button Lên trên và Xuống dưới ẩn hiện với hiệu ứng trượt nhẹ nhàng nhờ sử dụng Javascript. Và các button mình không sử dụng hình ảnh như các thủ thuật trước mà thay vào đó các button sẽ được tạo từ CSS. Nếu bạn có hứng thú với tiện ích thú vị này hãy làm theo các bước hướng dẫn đơn giản bên dưới!

Read More [...]

Posted in bl

Auto like Facebook khi click chuột vào vị trí bất kỳ cho blogspot

 

Hiện nay bạn thấy khá nhiều trang trên face có số lượng like rất lớn nhưng thực tế có phải đó là con số thực hay không, Câu trả lời đa số là không. Rất nhiều người đã dùng mẹo để người dùng trở thành viên của họ mà đến người dùng nếu không để ý cũng không hề hay biết chuyện đó. Và chính bản thân KTheme nhiều lúc cũng thấy lạ là tại sao mình không hề like trang đó mà trên time like lại nói mình thích trang đó.

Read More [...]

Posted in bl

Hướng dẫn chèn button chia sẻ mạng xã hội vào blogspot

Có nhiều bạn hỏi cách chèn tiện ích chia sẻ addthis social sharing toolbox sao giống như giao diện Metro Simple mà mình đang dùng. Thực tế thì mình đã cung cấp đoạn code đó tuy nhiên trong bài viết này mình sẽ hướng dẫn các bạn tùy biến tiện ích này đầy đủ và linh động hơn

1. Về trang web Addthis.com

Cách đây ít lâu trang Addthis.com vừa mới thay đổi giao diện mới đồng thời cũng bắt đầu mở rộng các tiện ích ngoài social sharing toolbox được hướng dẫn trong bài viết này còn có follow widget và welcome bar.

Addthis là một dịch vụ rất nổi tiếng tự nhận là nền tảng chia sẻ lớn nhất thế giới. Addthis cung cấp một bộ công cụ chia sẻ (social sharing tools), follow widget và welcome. Addthis giúp các tăng lượng truy cập các trang web bằng sự kết nối thông qua các dịch vụ xã hội như Facebook, Twitter, Pinterest, Google+…. Đối với các thành viên đăng ký Addthis cung cấp công cụ để theo dõi và phân tích nhằm giúp định hướng nội dung và phương thức chia sẻ.

2. Hướng dẫn cách chèn code mặc định

Cách chèn code rất cơ bản bạn vào phần trang Social Sharing Toolbox chỉ cần 3 bước là có thể lấy được code chèn vào bất kỳ trang blog/website nào.

Bước 1: Chọn nền tảng: bạn sử dụng platform nào thì chọn platform ấy, addthis hỗ trợ Blogger, Wordpress, Tumblr, TypePad, Posterous, Joomla, Drupal, Magento…

Read More [...]

Posted in bl

Sửa lỗi không thể chỉnh sửa, di chuyển wiget trong layout blogspot

Với một số mẫu, bạn không thể chỉnh sửa, thay đổi vị trí các tiện ích trong Bố cục của trang, Bài viết này mình sẽ hướng dẫn các bạn khắc phục vấn đề này, bạn có thể thoải mái thêm tiện ích và tùy biến vị trí của các tiện ích trong phần Bố cục (Layout) của mẫu.

Read More [...]

Posted in bl

[Tips] - Nút Facebook share trượt hai bên cho Blogger

Có nhiều bạn thắc mắc và muốn hỏi KTheme là làm một Nút Facebook share trượt hai bên cho Blogger như thế nào, thì hôm nay KTheme sẽ giải đáp các bạn bằng một thủ thuật như yêu cầu. Các làm Nút Facebook share trượt hai bên cho Blogger rất đơn giản. Nó vừa tiện lợi, gọn gàng và cực kỳ chuyên nghiệp.

Thủ thuật tạo Nút Facebook share trượt hai bên cho Blogger tại KTheme

Read More [...]

Posted in bl

[Tips] - 3 cách để Backup dữ liệu của Blogger Blogspot

Hôm nay KTHEME sẽ cho bạn biết một thủ thuật blog làm thế nào bạn có thể dễ dàng sao lưu blog blogger của bạn, với 3 cách khác nhau. Sao lưu một blog là điều mà bất cứ blogger nào cũng phải thực hiện. Mặc dù Blogger là thuộc sở hữu của Google và là một trong những nền tảng an toàn nhất và không thể bị tấn công một cách dễ dàng, nhưng chúng ta không thể đảm bảo rằng nó hoàn toàn an toàn...ví dụ nếu chúng ta mất email và mật khẩu Gmail, và không cài xác minh 2 bước, thì điều tồi tệ có thể sẽ xảy ra.

Một blogger phải sao lưu blog của mình định kỳ và để làm công việc này dễ dàng hơn, tôi sẽ chỉ cho các bạn 3 cách khác nhau để sao lưu blogger của mình.

Phương pháp sao lưu 1 - Phương pháp truyền thống

Cách đơn giản nhất để sao lưu nội dung của blogger của bạn chính là sử dụng phương pháp này, để thực hiện phương pháp này các bạn chỉ cần vào Blogger -> Cài đặt -> Khác -> Công cụ Blog -> Xuất Blog -> Tải xuống Blog. Chọn thư mục và tải xuống là xong. Đây là phương pháp đơn giản nhất và nhiều người thường dùng nhất.

Đây là phương pháp sao lưu blogger phổ biến nhất hiện nay!

Read More [...]

Posted in bl

[Tips] - Khung hộp/box like fanpge trôi nổi dạng Lightbox cho Blogspot Blogger

Để nâng cao trải nghiệm người dùng tốt hơn, hộp chỉ xuất hiện một lần duy nhất khi người dùng vào website và chỉ xuất hiện trở lại khi khởi động lại máy tính!

Hôm nay có một bạn hỏi KTHEME là làm cách nào để tạo một cái khung box like fanpage, trôi nổi trước mặt người dùng khi họ vào website để giúp tăng lượt like cho fanpage facebook? Thì giờ KTHEME sẽ giải đáp cho bạn và hướng dẫn bạn, cùng các bạn khác thủ thuật này đây. Thủ thuật blog này có tên là [Tips] - Khung hộp/box like fanpge trôi nổi dạng Lightbox cho Blogspot Blogger. Cách thực hiện nó vô cùng đơn giản.

Read More [...]

Posted in bl

Tại sao Blogger/Blogspot & Facebook bị chặn tại Việt Nam?

Tại sao blogger hay blogspot, Facebook bị chặn ở Việt nam? Trong khi hiện nay blogger là một trong những mã nguồn mở thiết kế web miễn phí, mà người dùng Việt Nam cũng như thế giới dùng nhiều nhất? Và Facebook là mạng xã hội thông tin, cuộc sống và lan truyền lớn nhất trên thế giới? Tại Việt Nam cũng không ngoại lệ? Cùng KTheme giải mã vấn đề này nhé!

Tại sao blogger bị chặn tại Việt Nam?

Và tại sao Facebook cũng cùng chung số phận đó?

Với nhiều lợi thế mà blogger cung cấp cho người dùng, blogger.com hứa hẹn sẽ phát triển mạnh hơn nữa trong tương lai, Facebook thì có thể là xu hướng, nhưng nó đang có tốc độ phát triển khủng khiếp, chưa có dấu hiệu hạ nhiệt! Nhưng đi kèm với những điều tuyệt vời và lợi thế mà Blogger và Facebook mang lại, đã có những hệ lụy đi theo sau đó xảy ra.

Như các bạn đã biết, Google là chủ quản của Blogger.Com và Facebook là 2 tập đoàn công nghệ hàng đầu,  nếu không muốn nói là số 1 hiện nay trên bản đồ công nghệ thế giới. Cho nên chất lượng, sản phẩm dịch vụ của 2 ông lớn này cũng phải sao cho xứng tầm với vị thế đó. Phải công nhận rằng, ở thời điểm hiện tại, Blogger.Com hay còn gọi là Blogspot là hoàn hảo. Từ trải nghiệm người dùng, khả năng tùy biến thiết kế, cho đến sự ổn định của hệ thống. Trong khi đó Facebook là mạng xã hội có khả năng tương tác và lan truyền khủng khiếp. Có Facebook, làm chúng ta có cảm giác chưa bao giờ xa cách nhau, gần nhau hơn bao giờ hết, kết nối mọi lúc mọi nơi.

Nhưng bạn có biết lý do vì sao mà Blogger và Facebook bị chặn tại Việt nam không? Lý do thì thực sự vô vàn, và cũng chỉ là phỏng đoán ở nhiều khía cạnh, nhưng ở trong trường hợp này, KTheme sẽ chỉ nói đến những vấn đề mấu chốt mà mà lâu nay chúng ta thường nói đến mà thôi.

Đầu tiên nói về trường hợp của Blogger.com hay còn gọi là blogspot, và lý do nó bị chặn tại Việt Nam?

Blogger.Com là của Google, cơ sở hạ tầng của nó hoàn hảo, ổn định và cực kỳ dễ dàng sử dụng. Bạn có tin rằng, chỉ cần một cái tài khoản Email, bạn có thể tạo ra một website ổn định, mượt mà...còn tốt hơn cả hệ thống mà các công ty truyền thông tại Việt Nam đang sở hữu không? Nói riêng về độ bảo mật, một website làm bằng blogspot có khả năng bảo mật tốt hơn cả chục website của VCCorp cộng lại. Các bạn chỉ sợ bị teo website khi bị Google xóa mà thôi. Còn DDOS hay hack vào hệ thống thì xin mời cứ làm, nếu bật bảo mật bằng điện thoại thì là tường thành bất khả xâm phạm.

Vì những lợi thế đó, thực sự blogger rất tiềm năng và có tương lai dài lâu sau này. Chắc chắn nó sẽ là điểm đến cho rất nhiều bạn  muốn xây dựng website và phát triển. Nhưng cũng chính những điểm lợi thế và điểm mạnh đó mà Blogger trở thành một con dao 2 lưỡi. Ở một vài trường hợp, blogger đã trở thành một nơi đăng tải những nội dung đen, người lớn (blogger cho phép điều nay ở một giới hạn nhất định), những nội dung nói xấu, bôi nhọ và xúc phạm người khác mà không có kiểm duyệt. Đặc biệt nó trở thành nơi tuyên truyền và chống phá của các thế lực thù địch với đất nước của ta, nhưng chúng ta không thể quản lý nó...và đó chính là những lý do cơ bản mà blogger bị chặn tại Việt Nam.

Tiếp theo chúng ta nói về Facebook và tại sao nó bị chặn tại Việt Nam?

Cách đây tầm 2 năm, có lẽ vào được Facebook là một điều xa xỉ, phải dùng phần mềm hoặc sử dụng các thủ thuật can thiệp máy tính mới có thể vào được. Ở thời điểm hiện tại nước ta có lẽ sẽ nhẹ nhàng hơn, đã mở hơn, nhưng ở một số nơi facebook vẫn bị chặn. Lý do bị chặn thì ai phân tích sơ cũng sẽ biết, hệ thống facebook có thể gọi là hoàn hảo, thua Google một chút, chúng ta sẽ không bàn vấn đề này nữa. Nhưng chúng ta nói đến lợi ích của facebook, facebook chắc chắn là mạng xã hội lớn nhất thế giới hiện nay, chúng ta không có khoảng cách khi ở trên facebook, mọi người được xích lại gần nhau hơn, trao đổi thông tin và trò chuyện với nhau dễ dàng hơn. Nói đến trao đổi thông tin, facebook có lẽ là nơi lan truyền thông tin, nội dung và tin tức tốt nhất trên thế giới hiện tại. Chỉ cần viết status, share, like...là hàng ngàn, hàng triệu, thậm chí hàng tỷ người có khả năng tiếp cận, một thế giới mở tuyệt vời. 

Nhưng ở Việt Nam, đi kèm những lợi thế, cái tốt mà Facebook mang lại, nó lại trở thành một môi trường tiêm nhiểm những thứ xấu xa nhất của thế giới ngoài kia đến cư dân mạng Việt Nam. Những hình ảnh, video, nội dung, quan điểm, tư tưởng...được đăng tải lên đây không được kiểm soát, vì quan điểm của Facebook là tự do bày tỏ quan điểm của mình. Chỉ những nội dung lừa đảo, ảnh nóng...mới bị xử lý. Thì trong thời điểm hiện tại, Việt Nam chúng ta đang hội nhập, hội nhập thì cần phải có thời gian và khả năng đáp ứng hội nhập đó, nếu chúng ta không hoặc chưa có khả năng đáp ứng được những thay đổi đó, chúng ta sẽ bị sốc, bị tiêm nhiểm, bị ảnh hưởng đến tư tưởng...thì thực sự đó là tai họa. Kiểu một người không biết lái xe tay côn mà leo lên mà rú thì...vụt!...và đó là lý do Facebook bị chặn tại Việt Nam.

Vậy làm sao để có thể vào được blogger và facebook?

Nhưng bị chặn thì chặn, nhu cầu con người là không thể thay đổi, vậy phải làm sao để truy cập vào được blogger và facebook đây? 

Các bạn yên tâm, KTheme sẽ có bài viết hướng dẫn các bạn truy cập vào Blogger và vào Facebook mà không bị chặn. Vừa dành cho người dùng, vừa dành cho quản trị viên, bạn xem video HD nhé:

Tuấn - KTheme.com

Read More [...]

Posted in bl

[Tips] - Sửa lỗi 404 & chuyển hướng website đồng loạt khi vào trang 404

Có một số bạn hỏi KTheme.com về việc website liên tục bị báo lỗi trong Google Webmaster Tool về lỗi không tìm thấy, còn gọi là Lỗi 404, đây là lỗi mà khi người ta truy cập vào 1 trang không tồn tại thì sẽ bị báo lỗi.

[Tips] - Sửa lỗi 404 & chuyển hướng website đồng loạt khi vào trang 404 giúp bạn xử lý nhiều vấn đề, đặc biệt giúp cải thiện SEO cho website của bạn đó!

Lý do truy cập vào 1 trang không tồn tại 404 thường loanh quanh các lỗi như sau:

• Người dùng gõ địa chỉ & đường dẫn liên kết sai
• Truy cập vào một trang không tồn tại trước đó
• Truy cập vào một trang đã tồn tại trước đó, nhưng ở thời điểm truy cập nó đã bị xóa
• Thay đổi cấu trúc website làm đường dẫn liên kết cũng hỏng theo
• Bạn đã chặn người dùng truy cập vào địa chỉ chứa nội dùng bài viết nào đó

Lỗi 404 này nếu ít thì thường sẽ không ảnh hưởng gì nhiều đến website, nhưng nếu nó xuất hiện với tần suất dày đặc thì nó không tốt chút nào, và thường sẽ ảnh hưởng nặng nề đến thứ hạng tìm kiếm của website bạn.

Vậy vì sao lỗi 404 gây ảnh hưởng đến thứ hạng trên kết quả tìm kiếm? Hãy thử đọc các nhận định của KTheme.com sau nhé:

• Khi người dùng vào website bạn, liên kết thường xuyên lỗi, gây trải nghiệm người dùng không tốt, họ thoát ra, chán nản và không trở lại nữa. Chỉ số thoát ra và ở trên trang thấp, dẫn đến Google hạ chỉ số tín nhiệm.
• Khi công cụ tìm kiếm truy cập vào website bạn, các trang 404 xuất hiện nhiều, công cụ tìm kiếm cho rằng, website bạn chưa chuẩn, nội dung sơ sài, trùng lặ nhiều lỗi và không có giá trị với người dùng. Google , Bing, Yahoo...lại hạ chỉ số tín nhiệm.

KTheme.com chỉ nêu ra 2 vấn đề đó thôi, và chừng đó đã đủ để thuyết phục bạn rằng, mình nên xử lý vấn đề 404 của website ngày lập tức.

Hiện tại ở một số mã nguồn mở khác như Wordpress, Joomla, hay Xenforo...thì việc lỗi 404 này đã có cách xử lý là chuyển hướng Htaccess và tạo trang 404. Nhưng ở Blogger hay blogspot hiện nay, chưa có chức năng chuyển hướng đồng loạt như các mã nguồn khác. Tuy đã có chức năng chuyển hướng, nhưng chỉ chuyển ở một số lượng nhỏ,không đáng kể, không thể chuyển hướng lớn được. Và cũng ở blogger, google đã cung cấp tạo trang 404. Nhưng cũng có những hạn chế nhất định. KTheme.com sẽ hướng dẫn chi tiết về việc xây dựng trang 404 và chuyển hướng tùy chỉnh cho blogspot blogger ở một bài viết khác.

Vậy câu hỏi đặt ra là, làm sao để chuyển hướng đồng loạt các trang bị lỗi 404 trong blogger? Nhiều bạn đã hỏi KTheme.com câu hỏi này và giờ KTheme.com sẽ giải quyết nó cho các bạn nhé. Bắt đầu thủ thuật blog [Tips] - Sửa lỗi 404 & chuyển hướng website đồng loạt khi vào trang 404 nào!

Hãy chèn đoạn mã code sau vào trang 404. Nó sẽ chuyển hướng tự động về 1 trang mà bạn chỉ định.

Đầu tiên hãy vào Blogger.Com -> Vào blog của bạn quản lý -> Cài đặt -> Tùy chọn tìm kiếm -> Lỗi và chuyển hướng -> Không tìm thấy trang tùy chỉnh -> Chỉnh sửa -> Copy đoạn mã code sau đây vào và Lưu thay đổi.

<div id="te-container">

<script type='text/javascript'>

//<![CDATA[

document.write('<\/SCR'+'IPT>');

//]]>

</script>

</div>

<script type='text/javascript'>

//<![CDATA[

if (document.getElementById("te-container").clientHeight < 11 || document.getElementById("te-container").style.position == "absolue") {window.location = "http://www.KTheme.com";} 

//]]>

</script>

Ghi chú: Thay http://www.KTheme.com thành địa chỉ mà bạn muốn các trang lỗi chuyển hướng về bạn nhé. Chúc thành công!

Vậy là đã xong thủ thuật blog [Tips] - Sửa lỗi 404 & chuyển hướng website đồng loạt khi vào trang 404 nha. Ví dụ, khi bạn vào trang lỗi như http://www.KTheme.com/404 thì lập tức nó sẽ chuyển hướng về trang chủ http://www.KTheme.com

Tuấn - KTheme.com

Read More [...]

Posted in bl

[Tips] - Hiệu ứng tuyết rơi Noel cho website & blogspot blogger

[Tips] - Hiệu ứng tuyết rơi Noel cho website & blogspot blogger rất phù hợp vời mùa giáng sinh đó nhé!

Hôm nay KTheme.com sẽ giới thiệu đến cả nhà thủ thuật tạo tuyết rơi noel cho website, blogger & wordpress. Thủ thuật này được thiết kế dựa trên cảm hứng của mùa noel sắp đến, không khí lạnh của mùa đông và những bông tuyết trắng xóa đong đưa theo gió, rơi rụng mái nhà ai.

Read More [...]

Posted in bl

[Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger

[Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger rất chuyên nghiệp và hiện đại

Tiếp tục hướng dẫn các bạn thủ thuật tạo các nút mạng xã hội social button. Thủ thuật lần này có tên là [Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger. Thủ thuật này mang phong cách giao diện của Metro phẳng, rất hiện đại, đơn giản, dễ thương và dễ nhìn. Chắc chắn các bạn sẽ hài lòng và thích thú với nó!

Demo như ảnh trên

Thủ thuật blog này được bố cục rất đơn giản, màu sắc rất bắt mắt và dễ lấy được cảm tình của người đọc. Tăng tính tương tác cho website và trải nghiệm người dùng. Và giờ thì cùng KTheme thực hiện thủ thuật blog này bạn nhé!

Chỉ cần chèn đoạn mã sau đây vào HTML của web hoặc vào một Widget HTML/Javascript

Đầu tiên bạn vào Blog Title → Layout → Add Widget → HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.

<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/KTheme.com></a></li>
<li><a class="tw" href=http://twitter.com/KTheme.com></a></li>
<li><a class="gp" href="https://plus.google.com/KTheme.com"></a></li>
<li><a class="pi" href=http://pinterest.com/KTheme.com></a></li>
<li><a class="in" href=https://www.linkedin.com/in/KTheme.com></a></li>
<li><a class="yt" href=http://www.youtube.com/KTheme.com></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/KTheme.com></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4Dhvzx4BaGKTfjrjt-Of2_RvYWnB24aX229Q1Dl3iKjBQZK7MCts5Lkq9a1MCgxLbDdzbCZo0oopUIrHf9L9JE0fMboVJouOnAWRznRQBuA7K0XkNqbkJEAPTVvKymUz0m9016HxMYA6/s200/facebook.png) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVv39di_G9tGHRQJlV-gZxh3Vp5nNlzIW5nrxp2kbNDAaeU_v2IZ3ipX6irO-XLKts0V3Cy2F5KJk8evsnkWztrV8XvFHNNQd1XE6-V4Dc4nRuuQdU_bh0EfqXWzFiopFi63pZ_7oG29N/s74/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNrmjC0aaCSOM82QaobBVCj7Za7Hn-DJrrxjaj6oprivV5YkIRf09iugdQLhhWS197tr0AaarSKIy7vpA6tlIJkxzxVlhFKFqpEDtlKKA_Xxp3neX8HZWSLxF9qqymwKM8glasp9PqOGX/s200/google%252Bplus.png) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhE-YdB5ruJiN6Z8zrA2yaXGK-TppGfdyvDWnFKnZ4VC04XIUHQ5K_sd7hDRj4hYj9y518PqCl5fZfT7PrIqGZbyKG5aDFf4-VxQ1CkSzUQZQ1p0U5WqPihPVdbU9inMa4xosQdJjsPQ/s45/pinterest.png) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_UpGfz8hNK44LRGhbYIPVN6vPUHh_NvLlfeSug8oI-NpEFjpJigVNIdfUrKrf0kWAGBlyG1kcAuLLMwzobZgEXsh-9Y2VoEZ8gmnPVocJ5sXsSHYpMZUd8Szt0R44bMEApgm_ffrI2Y/s45/linkedin.png) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1aJ1FCKCpdmHIB00SV0MX8-4rl8eLx5pq4ww13qgCD4TUN63xLf8ohVVqtMUQPxV21B76TodYCKe_mDlHqK4QWe2k9Mn6vwZcuM0YtTeDJNc1hxng1-JzmzM9LOFM8JCAhGN1ksBbIE/s45/youtube.png) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfLTuc91ehSWLWYMwUgzAFIP6cypAvNp1ae1bguWeBWjaV7hyphenhyphenDjw_0SPaPWlmN17U8CWEMJeLyF-wH6js724mfN87oxqWdqg_c47v-zLnOalVkOOBKFqTzht10hCtd56VLO_lNx8JO1zt0/s45/feed.png) no-repeat center center #e9a01c}
</style>

Vậy là đã xong thủ thuật blog [Tips] - Nút mạng xã hội phong cách Metro cho Blogspot Blogger tại KTheme.com rồi. Chúc các bạn thành công nhé!

Read More [...]

Posted in bl