Tạo đồng hồ cho Blog

Có rất nhiều trang hỗ trợ đồng hồ chèn vào Blog của bạn. Hôm nay mình hướng dẫn các bạn một trang nha.Các trang khác làm tương tự nhé.

Đầu tiên bạn truy cập vào [You must be registered and logged in to see this link.]

-Nhấn Gallery
Tại đây bạn có để điều chỉnh cho chiếc đồng hồ với ý thích của bạn.Nhớ là mục TimeZone nhớ để là ThaiLan nhé,vì Việt Nam và Thái Lan cùng múi giờ( nếu bạn muốn để giờ VN).

Sau đó bạn chọn kích thước,nếu bạn để ở Module kích thước bên cạnh thì nên để chiều rộng là 140px.Rồi copy cái đoạn code phía dưới về chèn vào Module,hoặc trong bài viết (check html trước khi chèn).

Code CSS làm tuyết rời cho Blog 360 Plus

- Làm tuyết rơi trên nền Blog :

Các bạn dùng Code sau nhé :

Code:
HTML Code:

Mã:
#head{background:transparent url(https://2img.net/r/ihimizer/img200/8838/snowe.gif) center bottom;}
#bd{background:transparent url(https://2img.net/r/ihimizer/img200/8838/snowe.gif) center bottom;}
2 - Thay tuyết rơi bằng các nền động khác :
Ngoài tuyết, ta có thể thay bằng các ảnh có nền trong suốt khác, như mưa,
lá rơi .... bằng Code sau, chỉ cần thay link ảnh vào thôi :

HTML Code:

Mã:
#head{background:transparent url(Link ảnh) center bottom;}
#bd{background:transparent url(Link Ảnh) center bottom;}
Dưới đây là một số nền về tuyết các bạn chỉ việc thay link ảnh bên dưới

[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.]

Lâu nay ta đánh giá cao Việt Anh về Blog quả ko sai. hehe. nè ông biết blog Google ko??? bầy tôi mấy chiêu với... Blog tôi nhìn mộc mạc phát chán...

trời lằng nhằng ri,ko rảnh mần mấy cấy ni

Tạo chức năng “Read more – Đọc tiếp” cho Blogspot


Vào Template - Edit HTML, Expand widget, tìm đến thẻ <[You must be registered and logged in to see this link.]>
và thay nó bằng đoạn code sau:

createSummaryAndThumb("summary");


[You must be registered and logged in to see this link.]




Ngoài ra bạn còn phải cho đoạn code dưới đây vào phần HEAD ( ... ) của [You must be registered and logged in to see this link.]:

var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120;

//function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;iif(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '';
summ = summary_img;
}
var summary = imgtag + '

' + removeHtmlTag(div.innerHTML,summ) + '

';
div.innerHTML = summary;
}
//]]>

Tạo hiệu ứng Cuộn góc Peel cho Blogspot
1. Đăng nhập vào [You must be registered and logged in to see this link.] –> [You must be registered and logged in to see this link.] –> [You must be registered and logged in to see this link.]–>[You must be registered and logged in to see this link.]
2.Click vào tuỳ chọn "[You must be registered and logged in to see this link.]"
3.Tìm (Ctrl+F) thẻ tag và dán đoạn mã dưới lên phía trên nó.

img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}




$(document).ready(function(){

//Page Flip on hover

$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});


});

4. Tìm (Ctrl+F) thẻ tag và dán vào dưới nó đoạn mã sau:

Hiển thị thời gian tải trang cho blogspot

Bước 1: Đăng nhập vào blogger –>Thiết kế–>Chỉnh sửa HTML ( đánh dấu check vào Mở rộng Mẫu Tiện ích ), sau đó tìm kiếm ( Ctrl + F ) với . Copy đoạn code bên dưới và paste vào phía dưới thẻ

Trích dẫn :

var d = new Date();

var starttime = d.getTime();

Bước 2: Tìm đến thẻ và copy đ0ạn code bên dưới vào trước thẻ

Trích dẫn :

var d2 = new Date();

var endtime = d2.getTime();

var totaltime = (endtime - starttime)/1000;

var result = Math.round(totaltime*100)/100;

document.getElementById("loadtime").innerHTML = "Page loaded in: "+ result +" seconds";

Vậy là đã gần xong, click vào Lưu Mẫu
Bậy giờ các bạn vào Phần tử trang –>Thêm tiện tích loại HTML/JavaScript và copy code bên dưới vào.

mothuthuat.com

OK ok. Spam ở đâu vậy? chỉ điểm ae vào coi với để thử luôn mới đc. Thank Owen nha

vao chiplove.biz ay. trang 9x nay cung hay do

quả là mở rộng tầm mắt. thế mà Owen ko lên tiếng sớm. keke

cái này biết lâu rồi, nhưng mà lớp mình ít người chơi blog quá.
mà hiện giờ mọi người toàn tham gia facebook hết @@

hihi, cũng hay đó. thanks Anh lìn nhá!!!!!!!

Mã CSS làm theme cho plus:

Ảnh nền toàn blog bất động:
BODY.blog_my {BACKGROUND:url(link ảnh here) #000000 fixed;}

Ảnh nền Top - Bottom như 360 cũ:
#blast A, #blast A:hover{
COLOR: #;
}
body{
background:/*Màu background*/;}

#doc2, #doc{
background:/*Màu background*/ url( Link ảnh Top) no-repeat center top;}

#bd{
background:transparent url( Link ảnh Bottom) no-repeat center bottom;}

(Bạn có thể lấy link ảnh từ search google hoặc cũng có thể upload ảnh lên web)

Chèn hình nền cho cái module thông tin cá nhân (module chứa avatar):
#profile_highlight_module .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module fiendlist:
#friendlist_module .rc_bd {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Bài Mới:
#article_new .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Thư Mục Riêng:
#folder .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Comment mới:
#comment_new .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Thống Kê của plus
#statistic .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}


Chèn hình nền cho module Blog yêu thích
#subscribe_highlight .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}


Chèn hình nền cho module tự tạo, gồm 10 module từ 10001 => 10010, thay số tương ứng với module tự tạo mà bạn muốn thay nền:
#user_mod_10001 .rc_bd .rc_bc{background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình nền cho module Lịch
#calendar .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Đoạn code này làm cho hình trái tim xuất hiện khi chuột rê vào các link trên blog:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(Link ảnh here);}
Chọn 1 trong các mẫu ưng ý dưới đây mà bạn thích để thêm vào "Link ảnh here", khi rê chuột vào sẽ hiện hình đó:

Tất cả các đoạn code này bạn copy và paste theo mẫu sau : Thiết kế ->Theme->Chế độ tự chỉnh sửa->Tiếp->paste vào khung CSS->xong