Làm nổi Facebook Livebox trên Blogspot

tuanld · 10/10/13

Việc tích hợp Livebox Facebook vào blogspot hiện nay rất được nhiều blogger quan tâm. Có rất nhiều cách để thực hiện việc này.
Hôm nay tôi xin giới thiệu một cách tích hợp Livebox vào blog của bạn. Nó là một thanh trược được mã hóa ẩn Likebox bên trong và chỉ thấy nó chỉ khi người thăm blog của bạn tác động vào nó.

Xem Live Demo: Infographic

Sau đây là hướng dẫn.

Về Blogger> Bố cục

Bấm vào nút "Thêm Tiện ích"

Chọn HTML / JavaScript Widget

Dán đoạn mã sau bên trong nó

<script type="text/javascript">
//
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Infographic/367055943424486?ref=hl&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://http://infographics-vn.blogspot.com/">Infographics</a></span></div></div>
Nhấn vào đây để mở rộng...

Thay phần chữ đỏ phía trên bằng URL Fanpage của bạn.
Sau đó vào >Mẫu> Chỉnh sữa HTML
Tìm kiếm đoạn <head> và dán đoạn Jquery sau ở phía dưới nó

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

Nhấn vào đây để mở rộng...

Luu lại và xem lại blog của bạn đã xuất hiện Likebox như ý muốn chưa.
Chúc các bạn thành công.

Nguồn: www.seoer.com.vn

tintucmoitruong · 11/10/13

Cám ơn bác nhé, mới test thử trên cái blog của mình xong, tăng được số người like trên blog cho khỏe khỏi phải đi câu like

Tridungvcu194 · 12/6/14

cho e hỏi chèn code vào blog ở phần nào

muoicap91 · 17/6/14

Tridungvcu194 said: ↑

cho e hỏi chèn code vào blog ở phần nào
Nhấn vào đây để mở rộng...

Ai hướng dẫn chèn code cho mình với bạn này dc k (

roseblue · 17/6/14

muoicap91 said: ↑

Ai hướng dẫn chèn code cho mình với bạn này dc k (
Nhấn vào đây để mở rộng...

Bạn vào Mẫu -> Chỉnh sửa HTML nhé!

thutrang1905 · 17/6/14

Bạn thêm code bằng cách vào phần quản trị blogspot, chọn mẫu và chọn HTML, dán code trên vào là ok

thisinhtieptheo123 · 17/6/14

cảm ơn nhiều. đang cần gắn cái ý vào blog đây, may quá đi mất

vinhdn_1108 · 27/6/14

Quan tâm bài viết của bạn, bài viết của bạn có mấy cái tui cần! Có gì còn chưa rõ tui liên hệ nhờ bạn giúp ha! Cảm ơn bạn!

chungcuhanoi · 1/7/14

chỉnh ở chỗ nào vậy?

mcuong · 31/7/14

Cảm ơn bạn vì mình đang quan tâm đến vấn đề này...

vuongdinhvan · 31/7/14

cảm ơn bác chia sẻ, cái này khá thú vị đấy

Đăng nhập hoặc Đăng ký

Làm nổi Facebook Livebox trên Blogspot

tuanld Cựu mod

Xem thêm chủ đề mới nhất cùng chuyên mục:

tintucmoitruong Top 9

Tridungvcu194 Top 9

muoicap91 Top 9

roseblue Top 9

thutrang1905 Seo Newbie

thisinhtieptheo123 Top 9

vinhdn_1108 Top 9

chungcuhanoi Top 9

mcuong Top 9

vuongdinhvan Top 8

Chia sẻ trang này

Giới thiệu

Liên hệ

Đăng nhập hoặc Đăng ký

Làm nổi Facebook Livebox trên Blogspot

tuanld Cựu mod

Xem thêm chủ đề mới nhất cùng chuyên mục:

tintucmoitruong Top 9

Tridungvcu194 Top 9

muoicap91 Top 9

roseblue Top 9

thutrang1905 Seo Newbie

thisinhtieptheo123 Top 9

vinhdn_1108 Top 9

chungcuhanoi Top 9

mcuong Top 9

vuongdinhvan Top 8

Chia sẻ trang này

Tìm kiếm hữu ích