Home » Thủ thuật blog
Chèn Chabox Gtalk vào BlogSpot.
Nếu site bạn rất nhiều bạn bè có tài khoản Google, tại sao không thử chèn thêm một ChatBox để tăng tình năng trò chuyện kết bạn cho Blog. Việc đơn giản phải làm là bạn chỉ cần nhúng một iframe của Google cho sẵn.
Các bạn coppy và cài đặt nhé. Và nhớ chỉnh lại CSS. của mình.
Xem DEMO
Các bạn coppy và cài đặt nhé. Và nhớ chỉnh lại CSS. của mình.
<style>
#chat{position:fixed; top:0px; left:1px;}
.bt{background:url('http://cdn1.iconfinder.com/data/icons/androiddevicons/dialog.png') no-repeat; width: 48px; height: 48px;}
#cbody{border-radius: 3px 10px 0px #444;}
</style>
<div id="chat">
<div class="bt" onclick="toggle()" ></div>
<p id="cbody" style="display:none;">
<iframe height="350" frameborder="0" width="300" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay"></iframe>
</p>
</div>
<script>
var $_ = function(x){return document.getElementById(x);}
function toggle(){
var ck = $_("cbody").style.display;
if(ck != "none"){
$_("cbody").style.display = "none";
}
if(ck != "block"){
$_("cbody").style.display = "block";
}
}
</script>
#chat{position:fixed; top:0px; left:1px;}
.bt{background:url('http://cdn1.iconfinder.com/data/icons/androiddevicons/dialog.png') no-repeat; width: 48px; height: 48px;}
#cbody{border-radius: 3px 10px 0px #444;}
</style>
<div id="chat">
<div class="bt" onclick="toggle()" ></div>
<p id="cbody" style="display:none;">
<iframe height="350" frameborder="0" width="300" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay"></iframe>
</p>
</div>
<script>
var $_ = function(x){return document.getElementById(x);}
function toggle(){
var ck = $_("cbody").style.display;
if(ck != "none"){
$_("cbody").style.display = "none";
}
if(ck != "block"){
$_("cbody").style.display = "block";
}
}
</script>
Chúc bạn thành công !

- Hướng dẫn tạo widget "Bài viết hot" (Hot Pots)cho blogspot
- Hiển thị ngày đăng cho các bài viết xuất bản cùng ngày
- Hiệu ứng thay đổi tiêu đề cho blog theo thời gian
- Chèn icon vào trước tiêu đề bài viết theo các nhãn tương ứng
- Ẩn phần comment cho 1 bài viết nhất định
- Mẹo nhỏ cho việc loại bỏ khoảng trống khi ẩn phần date-header (ngày đăng)
- Modify Form Comment : Bài 12 - Một cách đơn giản để trang trí cho khung comment
- Trang trí các widget
- 1 Sript đổi màu background khá hay
- Kỹ thuật tạo bóng đổ cho ảnh hoặc cho các khối nội dung
- Modify Form Comment : Bài 11 - Gắn Tem cho bài comment đầu tiên
- [ Yêu cầu ] : Giới hạn việc xem blog cho trình duyệt IE
Comments[ 0 ]
Đăng nhận xét