Chuyển đến nội dung chính

Tạo hộp Like Fanpage FB (ẩn/hiện) dưới góc trái/phải Blogger

Bài viết này mình sẽ chia sẽ các bạn đoạn mã tạo hộp Like Fanpage (Facebook) có nút bấm Hiển thị hoặc Ẩn ở góc dưới giao diện Blogger. Bạn có thể xem demo tại góc phải trang bài viết này.
Hướng dẫn tạo hộp Like Fanpage Facebook góc dưới Blogger
Hướng dẫn:
1. Đăng nhập vào Blogger
2. Vào mục Bố cục » chọn Thêm tiện ích » HTML/Javascripts.
3. Bạn copy 1 trong 2 đoạn code dưới đây tương ứng với hiển thị hộp Like Fanpage ở góc dưới bên phải hoặc góc dưới bên trái Blog, rồi dán vào tiện ích HTML/Javascripts:
- Code hiển thị hộp Like Fanpage nằm góc dưới bên PHẢI Blog:
<script type="text/javascript">
function hide_float_right() {
var content = document.getElementById('float_content_right');
var hide = document.getElementById('hide_float_right');
if (content.style.display == "none")
{content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Ẩn Like Fanpage [X]</a>'; }
else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Hiển thị Like Fanpage</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Ẩn Like Fanpage [X]</a></div>
<div id="float_content_right">
<!-- Start-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/thuphucaphe&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=230" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 230px; width: 250px;background:#fff;"></iframe>
<!-- End-->
</div>
</div>
- Code hiển thị hộp Like Fanpage nằm góc dưới bên TRÁI Blog:
<script type="text/javascript">
function hide_float_left() {
var content = document.getElementById('float_content_left');
var hide = document.getElementById('hide_float_left');
if (content.style.display == "none")
{content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Ẩn Like Fanpage [X]</a>'; }
else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Hiển thị Like Fanpage</a>';
}
}
</script>
<style>
.float-ck { position: fixed; bottom: 0px; z-index: 9000}
* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_left {border: 1px solid #01AEF0;}
#hide_float_left {text-align:left; font-size: 11px;}
#hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="left: 0px" >
<div id="hide_float_left">
<a href="javascript:hide_float_left()">Ẩn Like Fanpage [X]</a></div>
<div id="float_content_left">
<!-- Start-->
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/thuphucaphe&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=200" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 200px; width: 250px;background:#fff;"></iframe>
<!-- End -->
</div>
</div>
4. Bấm Lưu để hoàn thành.

* Lưu ý các vị trí tô màu: (Bạn có thể cân chỉnh cho phù hợp)
https://www.facebook.com/thuphucaphe: Bạn thay đổi lại thành URL trang Fanpage Facebook của bạn.
width: Chiều rộng hộp Like Fanpage (trong code có 2 vị trí)
height: Chiều cao hộp Like Fanpage (trong code có 2 vị trí)




Bài đăng phổ biến từ blog này

Những Status hay và tâm trạng nhất về Tình yêu đơn phương

Tổng hợp những status hay và tâm trạng nhất khi người con trai hay người con gái đang yêu đơn phương.
Yêu đơn phương là một loại tình yêu say đắm hoàn mỹ nhất trên đời này, bởi vì tuyệt đối cũng không bao giờ bị thất tình. Nhưng chỉ có người chân chính từng trải mới biết được: Loại tình yêu không thể nói lên lời này, đó mới là loại tình yêu yếu ớt nhất trên thế giới.

Hình ảnh động đẹp về Hoa Hồng, rực rỡ sắc màu

Dưới đây là tổng hợp ảnh động đẹp về Hoa Hồng với nhiều màu sắc và kiểu dáng khác nhau do chính A4Y sưu tầm và chia sẽ lại.
Hoa Hồng là loài hoa không thể thiếu trong ngày lễ tình nhân 14/2 sắp tới phải không nào?...

Ảnh vui comment facebook khen status hay, người đẹp

Vài tấm ảnh vui, hài hước dùng để nhận xét (bình luận, comment trên facebook) với ý nghĩa khen status viết hay, ảnh đẹp thật là ngưỡng mộ.

Ảnh đẹp mùa Đông với Status hay, tâm trạng và ý nghĩa nhất

Tuyển tập những hình ảnh đẹp nhất về mùa Đông với những dòng Status đầy tâm trạng và ý nghĩa khi những cơn gió mang hơi lạnh của mùa Đông đến.
Ấm áp không phải khi bạn nói "Ấm quá", mà là khi có người thầm thì vào tai bạn "Có lạnh không?". Ấm áp chưa hẳn là khi bạn ôm ai đó thật chặc, mà khi ai đó khoác lên vai bạn thật khẽ. Ấm áp là khi mùa Thu qua, cái lạnh ùa về và có ai đó thầm thì vào tai bạn: "Chúc em một mùa Đông ấm áp".

Hình ảnh đẹp về con đò và bến sông xưa

Tuyển chọn những hình ảnh đẹp về con đò trên bến sông xưa ở Việt Nam. Những hình ảnh này gợi trong ta nỗi nhớ về quê hương, làng quê xưa.

Một số câu niệm Phật và ý nghĩa

Chúng ta khi niệm Phật ít ai thật sự hiểu hết ý nghĩa của lời niệm. Niệm Phật là để ta tưởng nhớ đến Phật, đến công đức mà Ngài vì chúng sanh cứu độ. Khi ta hiểu hết ý nghĩa, tâm ta tự sinh từ bi, tâm ta tự ngộ và ta tự đem sự an lạc, hạnh phúc đến cho tâm ta.

Tùy chỉnh kích thước khổ giấy trong Word 2003

Bạn có thể để khổ giấy văn bản của bạn là một khổ giấy nhất định mỗi khi mở chương trình lên. Thông thường văn bản thường được đặt là khổ giấy A4, đôi khi bạn cần phải thay đổi khổ giấy cho một loại văn bản đòi hỏi có khổ giấy khác.

Hình ảnh đẹp chào đón tháng 12, Hello December!

A4Y xin gửi đến các bạn những hình ảnh đẹp về chủ đề chào mừng tháng 12 đang đến.
Đó là những hình ảnh về tháng mười hai với slogan "Hello December" thật đẹp và ý nghĩa! Xin chúc tất cả chúng ta sẽ gặp nhiều may mắn và thuận lợi trong tháng 12 này nhé!..

Hình ảnh người con trai buồn đầy tâm trạng

Tuyển chọn những hình ảnh đẹp thể hiện tâm trạng buồn về người con trai khi bước vào đường yêu hay khó khăn trong cuộc sống bộn bề.
Xin tặng bộ ảnh này cho các bạn là đàn ông, con trai đang buồn. Chúc các bạn sẽ mau chóng vượt qua nỗi buồn này..