Test

SEOer những lúc mệt mỏi nên làm gì?

Tran ba Dat January 18, 2016 8 SEO , tin-tuc

Bạn có phải là một SEOer và đang cảm thấy mệt mỏi sau một thời gian làm việc liên tục và căng thẳng? Sau 1 thời gian dài thì bạn cảm thấy mình ngán ngẫm, hết sức sống, không còn hứng thú tiếp tục làm việc và chỉ muốn nghỉ ngơi một thời gian.

Lời khuyên của mình là: OK, nghỉ ngơi đi! Đừng suy nghĩ nhiều nữa, nghỉ một vài hôm thì không đến nổi bay hết top đâu. Không biến động nếu bạn đã làm chắc hay biến động đôi chút nếu có quá nhiều đối thủ.

Bạn đang quá mệt mỏi với công việc

Leo top là khó, công nhận vậy, nhưng có 1 điều khó và quan trọng hơn mà ai cũng biết là mất đi sẽ khó mà lấy lại được, đó là mất đi "lòng nhiệt huyết và sức khỏe", những yếu tố đã đưa bạn đến con đường này và cũng là yếu tố để giúp bạn bước tiếp trên con đường của mình. Hãy nghỉ một vài hôm, và lấy lại sức khỏe, lòng yêu nghề và nhiệt huyết của chính bản thân!

Vậy đối với những con người 18/24h chỉ ngồi máy tính như SEOer thì nên làm gì để giải khuây lúc mệt mỏi? Dưới đây sẽ là một số gợi ý cho bạn:

Rời khỏi màn hình và đọc sách

Đọc sách là ý tưởng hay

Ngồi máy tính với đôi mắt cứ dán chặt vào màn hình không phải là một ý kiến tốt. Chính vì thế, dù bạn đã sở hữu rất nhiều những cuốn ebook hay, nhưng hãy tạm bỏ qua nó, và tìm những cuốn sách hay khác mà đọc. Có thể là sách về Online Marketing, sách về văn học, tự truyện của người khác...

Đọc để mở rộng kiến thức, đọc để hiểu hơn về cảm xúc của mọi người, đọc để biết là bên ngoài kia vẫn còn những cuốn sách đáng đọc.

Ra ngoài đi dạo và làm vài shot ảnh

Ảnh mình chụp bằng điện thoại

Đây là ý kiến không tồi, ngoài SEO hay nói chung là ngoài công việc ra, thì mỗi cá nhân SEOer nên chọn cho mình ít nhất 1 thú vui để giải khuây những lúc mệt mỏi. Chụp ảnh là một thú vui như vậy.

Bắt một khoảng khắc đáng yêu của trẻ, chụp những cảnh thành phố lung linh buổi tối, lang thang những con đường và chọn những góc chụp thật đẹp, đầy cảm xúc. Những bức ảnh này sẽ là những bức ảnh mang đến cảm xúc cho bạn khi nhìn lại và còn để khoe bạn bè xem nữa chứ. SEOer những lúc mệt mỏi nên làm gì?

. Và lưu ý là, không cần phải trang bị một máy ảnh đâu!

Ngủ một giấc dài

Giấc ngủ chưa bao giờ là thừa với SEOer, các bạn ngày đêm phải nhìn máy tính, tay thì gõ phím liên tục, đầu thì lúc nào cũng "nặn" cho ra các dòng chữ. Ôi, một cơ thể mệt mỏi! Lúc này, giấc ngủ dài sẽ giúp bạn hồi phục năng lượng để làm việc cho những ngày tiếp theo.

Rủ "người ấy" đi ăn, xem phim, dạo phố

Hâm nóng tình yêu thôi!

Nói tới "người ấy" thì chắc lắm SEOer cũng hồi tưởng về những kỹ niệm không mấy tốt đẹp của mình. Không ít bạn vì quá tập trung vào công việc của mình mà "lơ là" người yêu, không dành nhiều thời gian chăm sóc tình cảm. Cuối cùng chuyện gì đến rồi cũng sẽ đến!

Vậy thì những lúc mệt mỏi, thay vì tiếp tục với công việc, hãy nghĩ về một nơi mà bạn có thể đến, hãy nghĩ về một người mà có thể trải lòng và là một người mà mình nên dành thời gian nhiều hơn nữa. Rủ "người ấy" đi dạo phố, đi xem phim, đi ăn... chưa bao giờ là một ý tưởng tồi. SEOer những lúc mệt mỏi nên làm gì?

"Làm ấm và mở rộng" các mối quan hệ

Mệt mỏi thì ngồi máy tính làm gì nữa SEOer ơi? Ra ngoài đi, rủ bạn bè cafe, nói chuyện, tâm tình để gần gũi hơn với mọi người, làm ấm các mối quan hệ đã có của mình. Hay đây cũng là một cơ hội để bắt đầu và tìm kiếm những mối quan hệ khác, những bạn bè mới, những người chung sở thích, đam mê, hay có thể là để tìm kiếm những đối tác, những đồng nghiệp tương lai của mình.

Kết: Mỗi người có thể chọn cho mình một cách giải khuây hợp lý, phù hợp hơn với bản thân và hoàn cảnh của mình. Nhưng nhớ là "hãy nghỉ ngơi khi cảm thấy mệt mỏi", đừng cố gắng quá, người ta hay nói "cố quá" là "quá cố" đó. Cuộc chiến của SEO là cuộc chiến của những cái đầu và hành động, hãy bình tĩnh...và từ từ thưởng thức! SEOer những lúc mệt mỏi nên làm gì?

Cách SEO từ khóa lên top 1x trong 3 tuần

Tran ba Dat January 07, 2016 6 SEO , seo-blogspot

Có phải bạn đang thắc mắc tại sao lại có bài viết Cách SEO từ khóa lên top 1x trong 3 tuần phải không? Bởi SEO từ khóa lên trang 2 trong 3 tuần thì quá đơn giản rồi. Nhưng... nó chỉ đơn giản với những từ khóa thật dài và không có sự cạnh tranh nhiều thôi.

Cách SEO từ khóa lên top trong 3 tuần

Ở đây, _CTPG_ dùng chính kinh nghiệm của mình, để hướng dẫn các bạn SEO từ khóa có độ cạnh tranh trung bình (Khoảng dưới 15 trang web đang SEO mạnh và rất nhiều web khác đang me giành top) lên top 1x trong vòng 3 tuần khi nhận website. Và có 1 lưu ý ở đây, là cách này lên còn chậm, bởi vì để đạt top như thế này mình chỉ sử dụng tối ưu Onpage, Content (Nội dung), Internal links (Liên kết nội bộ) và Traffic (Người dùng); mà không sử dụng đến Backlink, vì quá trình SEO mình không xây dựng liên kết (Đúng hơn là do làm biếng).

Chú ý nhé: Chỉ có Onpage, Content, Internal links và Traffic. Không backlink, và nếu các bạn áp dụng, mình khuyên nên làm kết hợp với backlink sẽ đạt kết quả tốt hơn.

Nên đọc: Danh sách website lấy backlink bình luận cực chất

Hướng dẫn SEO từ khóa lên top 1x trong 3 tuần

Giờ thì vào hướng dẫn, mình sẽ chia theo những yêu cầu về onpage, content, traffic và internal links để các bạn dễ theo dõi. Nhớ đọc cho kỹ nhé:

Onpage

Khỏi phải nói, một website muốn lên top mạnh mẽ và vững bền (Như ngôi nhà) thì onpage chính là cái móng của ngôi nhà đó. Chính vì thế, 1 tuần đầu tiên bạn phải nhanh chóng tối ưu Onpage hoàn toàn website:

Tối ưu các thẻ H1, H2, H3 cho trang đích
Tối ưu Title và Description cho trang đích
Thêm vào Analytics, Webmaster Tools, chèn sitemaps, robots.txt
Tối ưu hình ảnh
...

Content và Internal links

Song song với Onpage, đồng thời trong 3 tuần đầu tiên này, mỗi ngày phải có ít nhất 1 bài viết cho website (Tùy time các bạn có mà viết nhiều hay ít, nhưng ít nhất phải 1 bài), cứ viết xong submit luôn cho Google cho nhanh. Đồng thời, lưu ý đến Internal links, có một số lưu ý sau đây:

Internal links có sức mạnh như một backlink, nhưng lại là backlink trên chính trang web của bạn. Chính vì thế, internal links càng mạnh thì site càng bền vững.
Internal links phải có chất lượng, tức anchortext đặt internal links phải trùng với nội dung của bài viết. Ví dụ: _CTPG_ thực hiện SEO cho trang đích với từ khóa "cách vào facebook" (Từ khóa này ví dụ chứ không phải từ khóa mình SEO nhé), thì các bài viết của website phải xoay quanh từ khóa này, "cách vào facebook dễ dàng với Cốc Cốc" chẳng hạn, trong bài viết này, đặt 1 anchortext "cách vào facebook" trỏ về trang đích cần SEO.

Traffic

Quan trọng, cực kỳ quan trọng. Buộc phải có traffic vào website (Trang đích hoặc các bài viết, sản phẩm) từ các nguồn khác nhau, như mạng xã hội: FB, G+, Pinterest, Twitter... VÀ TRAFFIC PHẢI THÔNG QUA CÁC ANCHORTEXT TRONG BÀI VIẾT VỀ TRANG ĐÍCH. Nghĩa là bạn phải điều hướng được traffic click vào các anchortext trong bài viết, điều này tương tự backlink, khi có click thì liên kết đó sẽ được đánh giá cao hơn, và nó sẽ trở thành 1 internal links chất lượng.

Và để nhanh lên top, ngay từ đầu, bạn phải làm cho lượng traffic vào website theo chủ đích càng lớn càng tốt (Khoảng trên 300 phiên 1 ngày chẳng hạn), và duy trì đều lượng traffic này. (Các bạn hỏi mình là làm sao để có, thì 1 là tìm cách kéo traffic từ mạng xã hội vào, 2 là dùng tools có chủ đích).

Tham khảo thêm: Cách phân tích và lựa chọn từ khóa SEO

Việc onpage đã kết thúc ngay tuần đầu tiên, việc còn lại của bạn chỉ là duy trì Content, Traffic, Internal links trong những tuần tiếp theo (Chính xác hơn là trong mỗi ngày). Và chỉ cần duy trì như vậy trong 3 tuần, bạn sẽ thấy thứ hạng website mình thay đổi mạnh mẽ, như cá nhân _CTPG_ thì chỉ trong 3 tuần đã bay thẳng lên top 15 (Sau đó 1 tuần mình kết hợp thêm 1 lượng backlink lớn và chất cũng như duy trì SEO như cũ thì đã vào top 10).
Như đã lưu ý ở đầu bài viết, để SEO từ khóa lên top 1x trong 3 tuần với các từ khóa cạnh tranh trung bình như mình thì các bạn chỉ cần 4 yếu tố là Onpage, content, traffic và internal links là đủ. Nhưng lời khuyên cho các bạn là nên kết hợp cả backlink nhé, đừng làm biếng như mình, sẽ hiệu quả hơn rất nhiều.

Cảm ơn các bạn đã đọc!

Nếu có thấy gần giống 1 bài trên IDVS cũng đừng thắc mắc, là mình đó! ^_^

Hướng dẫn tạo pháo hoa mừng năm mới cho Blogspot

Tran ba Dat December 30, 2015 1 Blogspot , Thủ thuật Blogspot

Hôm nay là ngày 30-12-2015 rồi, 1 ngày nữa là sang năm mới tức là tết tây; ngoài ra nay cũng đã là cuối tháng 11 âm, còn hơn 1 tháng nữa là tới Tết của người Việt chúng ta. Không khí tết rộn ràng thì ai cũng thích, và cũng là lúc mọi người tranh thủ thời gian đi ngắm pháo hoa tại các địa điểm trên cả nước.

Hướng dẫn tạo pháo hoa mừng năm mới cho Blogspot

Cách tạo pháo hoa cho Blogspot

Nghĩ đến pháo hoa, tại sao lại không tạo pháo hoa mừng năm mới trang hoàng cho các trang blog, web, mà cụ thể ở đây là cho Blogspot của mình chứ. Chính vì ý tưởng này, hôm nay mình sẽ hướng dẫn các bạn cách tạo pháo hoa cho Blogspot để chào mừng năm mới. Cũng như cho trang blog, web của các bạn đẹp hơn, có không khí năm mới hơn.

Hướng dẫn tạo pháo hoa cho Blogspot

Đơn giản, dễ làm và ai cũng làm được, đó là tất cả những gì cần nói về thủ thuật tạo pháo hoa cho Blogspot này. Cùng theo dõi nhé:

- Truy cập vào trang quản trị blog của các bạn.

Nên đọc: Cách tạo hộp thoại theo dõi qua email cho Blogspot

- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)

- Sau đó click vào vùng code, và bấm Ctrl + F để mở hộp tìm kiếm, sau đó tìm đến thẻ này:

</head>

- Thêm đoạn code sau vào ngay bên trên nó, đây chính là đoạn code để tạo ra pháo hoa:

<script type="text/javascript">
// <![CDATA[
var bits=80;
var speed=40; // Tốc độ như thế nào, càng nhỏ càng nhanh
var bangs=10; // Số pháo hoa có thể xuất hiện cùng lúc (Nhiều quá sẽ có thể gây lag cho trình duyệt)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
// Xanh Đỏ Xanh lá Tía Xanh cyan Cam Hồng
var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;
window.onload=function() { if (document.getElementById) {
var i;
boddie=document.createElement("div");
boddie.style.position="fixed";
boddie.style.top="0px";
boddie.style.left="0px";
boddie.style.overflow="visible";
boddie.style.width="1px";
boddie.style.height="1px";
boddie.style.backgroundColor="transparent";
document.body.appendChild(boddie);
set_width();
for (i=0; i<bangs; i++) {
write_fire(i);
launch(i);
setInterval('stepthrough('+i+')', speed);
}
}}
function write_fire(N) {
var i, rlef, rdow;
stars[N+'r']=createDiv('|', 12);
boddie.appendChild(stars[N+'r']);
for (i=bits*N; i<bits+bits*N; i++) {
stars[i]=createDiv('*', 13);
boddie.appendChild(stars[i]);
}
}
function createDiv(char, size) {
var div=document.createElement("div");
div.style.font=size+"px monospace";
div.style.position="absolute";
div.style.backgroundColor="transparent";
div.appendChild(document.createTextNode(char));
return (div);
}
function launch(N) {
colour[N]=Math.floor(Math.random()*colours.length);
Xpos[N+"r"]=swide*0.5;
Ypos[N+"r"]=shigh-5;
bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
else stars[N+"r"].firstChild.nodeValue="|";
stars[N+"r"].style.color=colours[colour[N]];
}
function bang(N) {
var i, Z, A=0;
for (i=bits*N; i<bits+bits*N; i++) {
Z=stars[i].style;
Z.left=Xpos[i]+"px";
Z.top=Ypos[i]+"px";
if (decay[i]) decay[i]--;
else A++;
if (decay[i]==15) Z.fontSize="7px";
else if (decay[i]==7) Z.fontSize="2px";
else if (decay[i]==1) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
}
if (A!=bits) setTimeout("bang("+N+")", speed);
}
function stepthrough(N) {
var i, M, Z;
var oldx=Xpos[N+"r"];
var oldy=Ypos[N+"r"];
Xpos[N+"r"]+=dX[N+"r"];
Ypos[N+"r"]-=4;
if (Ypos[N+"r"]<bangheight[N]) {
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*bits; i<bits+bits*N; i++) {
Xpos[i]=Xpos[N+"r"];
Ypos[i]=Ypos[N+"r"];
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i];
if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
else if (M<2*colours.length) Z.style.color=colours[colour[N]];
else Z.style.color=colours[i%colours.length];
Z.style.fontSize="13px";
Z.style.visibility="visible";
}
bang(N);
launch(N);
}
stars[N+"r"].style.left=oldx+"px";
stars[N+"r"].style.top=oldy+"px";
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
// ]]>
</script>

Sau khi thêm vào thẻ <head> và tùy chỉnh các thông số như mong muốn rồi thì có thể lưu lại rồi. Tận hưởng thành quả!

Như thế là chỉ với vài bước ngắn gọn là đã có thể tạo pháo hoa cho Blogspot để mừng năm mới đến cũng như để trang trí thêm cho Blogspot. Chúc các bạn thành công và nhớ theo dõi để nhận những thủ thuật Blogger mới nhé.

Cách chụp ảnh màn hình điện thoại Windows 10 Mobile

Tran ba Dat December 27, 2015 1 Thủ thuật Windows , Windows , Windows 10 Mobile

Bài viết hướng dẫn cách chụp màn hình điện thoại Windows 10 Mobile hay Windows Phone cho các điện thoại Lumia 520, 525, 535, 630, 640XL, 730, 735, 830, 920, 925, 930, 950, 950XL, 1020, 1320, 1520 rất đơn giản bằng tổ hợp phím chức năng có sẵn trên điện thoại.

Cách chụp ảnh màn hình điện thoại Lumia chạy Windows 10 Mobile, Windows Phone

Với tất cả các sản phẩm điện thoại chạy hệ điều hành Windows Phone 8, Windows Phone 8.1 hay Windows 10 Mobile thì việc chụp ảnh màn hình đều giống nhau và cùng sử dụng một thao tác chụp ảnh như sau:

Bấm cùng lúc phím nguồn và phím tăng âm lượng, màn hình sẽ nháy 1 cái và có thông báo đang lưu ảnh chụp màn hình. Thế là xong!

Cách chụp ảnh màn hình điện thoại Lumia sử dụng Windows 10 Mobile, Windows Phone 8.1

Cách chụp ảnh màn hình điện thoại Windows 10 Mobile

Để kiểm tra ảnh chụp màn hình trên điện thoại Windows Phone, thì các bạn có thể sử dụng ứng dụng File Explorer, truy cập vào Pictures -> Screenshots. Ảnh sau khi chụp sẽ được lưu lại trong này, sau khi chụp ảnh màn hình điện thoại Lumia xong thì bạn có thể dùng để chèn vào Facebook hay mail, hay gửi qua máy tính để sử dụng.

Nên đọc: Cách chụp màn hình máy tính Windows

Tạo giàn chuông Giáng sinh trang trí cho Blogspot

Tran ba Dat December 21, 2015 Blogspot , Thủ thuật Blogspot

Ngày càng đến gần ngày Noel, không khí ngày càng lạnh. Thành phố Hồ Chí Minh nay trời âm u cả ngày, ra đường se se lạnh mang cho con người ta cảm giác Giáng sinh đang đến gần.

Tạo giàn chuông Giáng sinh trang trí cho Blogspot

Tiếp tục tiết mục trang trí Giáng sinh đầy độc đáo và màu sắc cho Blogspot, sau khi đã giới thiệu với các bạn cách làm ông già Noel chạy tung tăng trong blog của mình và cách làm tuyết rơi, thì hôm nay, _CTPG_ sẽ hướng dẫn các bạn làm một dàn chuông Giáng sinh có âm thanh khi rê chuột vào treo trên cùng của web (Như blog của mình chẳng hạn). Không quá rườm rà, lại cực kỳ độc đáo. Cùng theo dõi nhé:

Xem thêm: Cách tạo ông già Noel trang trí Giáng sinh

Hướng dẫn trang trí Giáng sinh với dàn chuông độc đáo

- Như thường lệ ở các bài viết thủ thuật Blogspot mà _CTPG_ đã giới thiệu, đầu tiên luôn là truy cập vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML).

- Sau đó, hãy thêm đoạn code này vào phía trên thẻ </head> (Mình đề nghị: Để tối ưu nhất thì nên đặt ngay bên dưới thẻ đóng </b:skin>):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script src="https://dl.dropboxusercontent.com/u/29848934/holiday_bells/holiday_bells.js"></script>
<script src="https://dl.dropboxusercontent.com/u/29848934/holiday_bells/swfobject.min.js"></script>
<style type='text/css'>
/* HOLIDAY BELLS */
.b-page__content { min-height:60px; }
.b-head-decor { display:none; }
.b-page_newyear .b-head-decor { position:absolute; top:0; left:0; display:block; height:115px; width:100%; overflow:hidden; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEJPIRhomKBqCVDvHuAqVjjLfgAT6Th5XR6Cr3TBD1qM7qbSZef1laN-pv8FWNbG7iJ05pStpJIwree2L79D6jHAKvI65mdFKsArxQteHJ83EtzP6qcTGrkEKz_Z73O5fOmKJz3glEgPzC/s1600/giang-sinh.png') repeat-x 0 0; }
.b-page_newyear .b-head-decor__inner { position:absolute; top:0; left:0; height:115px; display:block; width:373px; }
.b-page_newyear .b-head-decor::before { content:''; display:block; position:absolute; top:-115px; left:0; z-index:3; height:115px; display:block; width:100%; }
.b-page_newyear .b-head-decor__inner_n2 { left:373px; }
.b-page_newyear .b-head-decor__inner_n3 { left:746px; }
.b-page_newyear .b-head-decor__inner_n4 { left:1119px; }
.b-page_newyear .b-head-decor__inner_n5 { left:1492px; }
.b-page_newyear .b-head-decor__inner_n6 { left:1865px; }
.b-page_newyear .b-head-decor__inner_n7 { left:2238px; }
.b-ball { position:absolute; }
.b-ball_n1 { top:0; left:3px; width:59px; height:83px; }
.b-ball_n2 { top:-19px; left:51px; width:55px; height:70px; }
.b-ball_n3 { top:9px; left:88px; width:49px; height:67px; }
.b-ball_n4 { top:0; left:133px; width:57px; height:102px; }
.b-ball_n5 { top:0; left:166px; width:49px; height:57px; }
.b-ball_n6 { top:6px; left:200px; width:54px; height:70px; }
.b-ball_n7 { top:0; left:240px; width:56px; height:67px; }
.b-ball_n8 { top:0; left:283px; width:54px; height:53px; }
.b-ball_n9 { top:10px; left:321px; width:49px; height:66px; }
.b-ball_n1 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1quc3SENFdE9vHtJbS61CnLek7vPo-1RFkNRdpUt73fZqScg1EQoaWBGmXaE7_1v1hg4lrqUEmwVPnH8jATHfOiES4hmKFgP3cwaU37t-qLgO4VpYPw69xfk4iFeH4UFD5337KhqnsUU/s1600/b-ball_n1.png') no-repeat; }
.b-ball_n2 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UjRadE80UMnqoJ19WuDSkPNSq0B-i5CchO0_81pmZ6B2WO5h1mQELXNJFPyJK9N5Hgvsqf4ZO9SOl50kC-iHpmfxpNrwQLVE4EGD-QflhB3yuDi0EkKdUYAWZooWpB53UmkqGE-Rcbc/s1600/b-ball_n2.png') no-repeat; }
.b-ball_n3 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnZUPaisr4y99Fk-F_FDZX4Ua_pWpkH3Oy6QWcuzHdgpGj0XbzPyQuK0wWg0SDISs3_w_yIhfzBPvBFWRzxMFMUF926LiuXsAiwZBPhJp_GPvsu3MPHo8KU0u30uVLJLPkfzV6Q_llXCY/s1600/b-ball_n3.png') no-repeat; }
.b-ball_n4 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6M7QJ9tG5Vl2pQ_RkwbnCQcU7gu35w6AW_7Ota3rvyXIBhQMBy8pdJbkUZmPHuoI4co-7Jl-RGJg46WuxOXrVPCgatMOqDZiPPQMEiadWS9Yjgfs63p30gPO71fj4H-E2weyvaw4Gv18/s1600/b-ball_n4.png') no-repeat; }
.b-ball_n5 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzQP13KqmBdX9qeWXOLB3208Jr_JMGhSSGWGpbv24TdKSPWs1gl3RrKF39Vu-x8Dx1CQMEBILUnEbdp1gptexz55PUdggkH7iq5Ith4H1t_h76GdXD2IEfEsu4wRa-iQ9j8RJsunb6Gvs/s1600/b-ball_n5.png') no-repeat; }
.b-ball_n6 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdrp7XRtYZgLzwAHyRLCtIfhBuLQ4FT4DkEy7zINS_dS_eVCmgFdXDXNRgeLNyXaWy8WIdTv7sHFMaoxVlVqCdx2ef9sgWW2wXKxZVXgB4PTaRm6RTCP6EuBn1_PhbyTF1qQcA1Rem5w/s1600/b-ball_n6.png') no-repeat; }
.b-ball_n7 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXF6IW-zBU1ohg5CUku72_8_LeO4zpX56Xqku92G1MdWOva-YHWJEPtZECHx8GvL7pyUmTeabihUBKeDHtBDRr_9oCx3n6Q6fh-prvrHTQCT1MHLYGDt6gZbpfUN0bMfyPWVRvhXUuDc/s1600/b-ball_n7.png') no-repeat; }
.b-ball_n8 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5UQ9Kq9zhtKj3rEnJiBhyphenhyphenAgTogEGg5FQc1-BHsIAP9TOPgwpBVRIzwq1mS6e0NrikzoI7jZRgypznlckcGOiw_7gE_2BSRw_tD7wsidGSR1y1_36eXR7D6ro_YcFH30uxU1ciuNi2-1o/s1600/b-ball_n8.png') no-repeat; }
.b-ball_n9 .b-ball__i { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSv7Vfrx7yvpoXp9TWS1CLx7f09_wCeXuqQ8PM97cUtd2-GP_EJXbiLHP1_Dj5mj4HbS1RwEnC6idcRw4OktIeidi9OaQWQkujZ4QpvtjIWtXhOJHFLIAtSV9zWdyWUrtQltSRQm_kxo/s1600/b-ball_n9.png') no-repeat; }
.b-ball_i1 .b-ball__i { background:url('https://lh6.googleusercontent.com/-QhhDd1SE_V0/UMB0PA61nFI/AAAAAAAACzg/CXvrLe3CRjI/b-ball_i1.png') no-repeat; }
.b-ball_i2 .b-ball__i { background:url('https://lh4.googleusercontent.com/-9XMuFc_Yp5c/UMB0QBkDNuI/AAAAAAAACzk/bKiU8K3vgXU/s61/b-ball_i2.png') no-repeat; }
.b-ball_i3 .b-ball__i { background:url('https://lh3.googleusercontent.com/-j6E5yxK2u-Y/UMB0PGXq-2I/AAAAAAAACzc/j1vsaU11xvc/b-ball_i3.png') no-repeat; }
.b-ball_i4 .b-ball__i { background:url('https://lh6.googleusercontent.com/-o2OZuJyWj4s/UMB0QoPX2KI/AAAAAAAACz4/JQIHqmVrhS8/b-ball_i4.png') no-repeat; }
.b-ball_i5 .b-ball__i { background:url('https://lh5.googleusercontent.com/-kG7U9F_tEx4/UMB0QYsHNLI/AAAAAAAACzw/3QInJrJIIfA/b-ball_i5.png') no-repeat; }
.b-ball_i6 .b-ball__i { background:url('https://lh4.googleusercontent.com/-TWr-kxeQTSc/UMB0UdruXgI/AAAAAAAAC0E/CS9sAXVQ_9E/b-ball_i6.png') no-repeat; }
.b-ball_i1{top:0; left:0; width:25px; height:71px; }
.b-ball_i2{top:0; left:25px; width:61px; height:27px; }
.b-ball_i3{top:0; left:176px; width:29px; height:31px; }
.b-ball_i4{top:0; left:205px; width:50px; height:51px; }
.b-ball_i5{top:0; left:289px; width:78px; height:28px; }
.b-ball_i6{top:0; left:367px; width:6px; height:69px; }
.b-ball__i { position:absolute; width:100%; height:100%; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; pointer-events:none; }
.b-ball_bounce .b-ball__right{position:absolute; top:0; right:0; left:50%; bottom:0; z-index:9; }
.b-ball_bounce:hover .b-ball__right{ display:none; }
.b-ball_bounce .b-ball__right:hover{ left:0; display:block!important; }
.b-ball_bounce.bounce>.b-ball__i{ -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -o-transform:rotate(-9deg); transform:rotate(-9deg); }
.b-ball_bounce .b-ball__right.bounce+.b-ball__i { -webkit-transform:rotate(9deg); -moz-transform:rotate(9deg); -o-transform:rotate(9deg); transform:rotate(9deg); }
.b-ball_bounce.bounce1>.b-ball__i {-webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); }
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i {-webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); transform:rotate(-6deg); }
.b-ball_bounce.bounce2>.b-ball__i{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); }
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{ -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
.b-ball_bounce.bounce3>.b-ball__i {-webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); }
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i { -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); }
</style>

Trong đó:

<script src="http://blogthietke.googlecode.com/files/btk_holiday_bells.js"></script> và <script src="http://blogthietke.googlecode.com/files/btk_swfobject.min.js"></script> là 2 đoạn js chứa hiệu ứng rung chuông và hiệu ứng âm thanh, các bạn có thể tải về và lưu trên host của mình.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> là đoạn code Jquery, không được thay thế đoạn code này bằng đoạn code Jquery khác, vì theo mình trải nghiệm thì chỉ có đoạn code này mới giúp 2 đoạn code js chứa hiệu ứng rung chuông và âm thanh hoạt động.
Và nếu blog bạn đã có 1 đoạn code Jquery khác, thì nên xóa nó tạm đi để tránh bị xung đột, và nhớ là luôn để cho đoạn Jquery 1.7.2 này nằm phía trên 1 đoạn Jquery khác nếu bạn không xóa đoạn Jquery khác đó đi.

- Sau đó thêm đoạn code này vào ngay bên dưới thẻ <body> (Mục đích là để dàn chuông Giáng sinh này xuất hiện ở phần trên cùng của web):

<div class='b-page_newyear'>
<div class='b-page__content'>
<i class='b-head-decor'>
<i class='b-head-decor__inner b-head-decor__inner_n1'>
<div class='b-ball b-ball_n1 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n2 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n3 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n4 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n5 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n6 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n7 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n8 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n9 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i1'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i2'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i3'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i4'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i5'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i6'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n2'>
<div class='b-ball b-ball_n1 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n2 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n3 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n4 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n5 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n6 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n7 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n8 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n9 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i1'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i2'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i3'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i4'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i5'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i6'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n3'>
<div class='b-ball b-ball_n1 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n2 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n3 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n4 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n5 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n6 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n7 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n8 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n9 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i1'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i2'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i3'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i4'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i5'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i6'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n4'>
<div class='b-ball b-ball_n1 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n2 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n3 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n4 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n5 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n6 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n7 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n8 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n9 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i1'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i2'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i3'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i4'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i5'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i6'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n5'>
<div class='b-ball b-ball_n1 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n2 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n3 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n4 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n5 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n6 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n7 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n8 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n9 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i1'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i2'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i3'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i4'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i5'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i6'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n6'>
<div class='b-ball b-ball_n1 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n2 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n3 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n4 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n5 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n6 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n7 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n8 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n9 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i1'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i2'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i3'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i4'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i5'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i6'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
</i>
<i class='b-head-decor__inner b-head-decor__inner_n7'>
<div class='b-ball b-ball_n1 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n2 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n3 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n4 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n5 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n6 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n7 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n8 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_n9 b-ball_bounce'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i1'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i2'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i3'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i4'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i5'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
<div class='b-ball b-ball_i6'>
<div class='b-ball__right'/>
<div class='b-ball__i'/>
</div>
</i>
</i>
</div>
</div>

- Sau khi xong các bước trên thì lưu template lại, và kiểm tra lại thử có hiệu ứng rung chuông và phát ra âm thanh khi rê chuột vào không nhé.

Xem thêm: Cách tạo tuyết rơi cho Blogspot

Nếu có vấn đề gì khi tạo dàn chuông trang trí Giáng sinh này thì các bạn cmt ở bên dưới để mình giúp xử lý vấn đề nhé. Chúc các bạn thành công!

Trang trí giáng sinh với Ông già Noel cho Blogspot

Tran ba Dat December 18, 2015 Blogspot , Thủ thuật Blogspot

Trời dần chuyển lạnh như đang chào đón những ngày Noel sắp đến. Chúng ta đã dần cảm thấy cuộc sống xung quanh như đang chuẩn bị chào đón ngày Giáng sinh này. Các bạn có thể thấy ở rất nhiều cửa hàng, trung tâm thương mại đã trang hoàng để chào đón giáng sinh. Đó là ở bên ngoài, bước lên mạng internet, sẽ không có gì lạ khi bắt gặp những trang web đã thay đổi một giao diện tràn ngập giáng sinh. Vậy những Blogger như chúng ta cũng phải theo cho kịp xu thế chứ?

Trang trí giáng sinh với Ông già Noel cho Blogspot

Tạo ông già Noel bay trong Blogspot

Vì vậy hôm nay, _CTPG_ sẽ hướng dẫn các bạn cách tạo Ông già Noel bay trên trang Blogspot của mình để góp phần trang trí website chào đón ngày Giáng sinh sắp đến. Cách thực hiện vô cùng đơn giản, chẳng tốn nhiều công sức hay gây khó khăn cho bất kỳ Blogger nào. Cùng theo dõi nhé:

Hướng dẫn tạo Ông già Noel cho Blogspot

- Truy cập vào trang quản trị Blogger, tiếp tục vào Mẫu (Template), chọn Chỉnh sửa HTML (Edit HTML)

- Click vào vùng code, tìm đoạn code sau:

</body>

- Sau đó thêm đoạn code này vào ngay bên trên nó, đây chính là đoạn code tạo Ông già Noel với đàn tuần lộc bay qua bay lại trên blog của các bạn:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$('html').append('<img id="halo" title="Happy Noel" style="cursor:pointer;position:fixed;z-index:99999" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSqVEaGdFkGZs5XBm80DmZ_i32mynvztU8K-VhHfd1JPiFRb5q8QaT97vQTffC3bZ3Sb62m8jBi8o5PAvDBw7iCoD1VPX235yn2guXNV20Ml5yxhzsoUQHNF_8rJWEsSEqF7XWAEuQsA/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif"/>')
setInterval(function(){
var $X=Math.ceil(Math.random()*$(window).width())
var $Y=Math.ceil(Math.random()*$(window).height())
$('img#halo').animate({'left':$X,'top':$Y},5000)
},5000)
$('img#halo').click(function(){
window.open('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPSqVEaGdFkGZs5XBm80DmZ_i32mynvztU8K-VhHfd1JPiFRb5q8QaT97vQTffC3bZ3Sb62m8jBi8o5PAvDBw7iCoD1VPX235yn2guXNV20Ml5yxhzsoUQHNF_8rJWEsSEqF7XWAEuQsA/s1600/tuan_loc_cho_qua_cua_ong_gia_noel_anh.gif','')
})
})
//]]>
</script>

Chú ý, nếu blog của bạn đã có 1 đoạn js tương tự (không cần giống phiên bản 1.10.2) thì bạn nên bỏ đoạn js màu xanh của mình đi.

- Lưu lại
Cũng trong chủ đề giáng sinh, ở bài viết trước mình đã hướng dẫn cách tạo tuyết rơi rồi, kết hợp với bài viết tạo Ông già Noel này thì cơ bản chúng ta đã có một số thay đổi chào đón giáng sinh rồi đó. Sắp tới mình sẽ hướng dẫn cách tạo dàn trang trang trí Noel cùng với nhạc và hiệu ứng như phần trên cùng của mình nhé, nhớ đón đọc nha! ^_^

Bài nên đọc: Template Giáng sinh tuyệt đẹp cho Blogspot

Cách tắt thông báo góc màn hình của Facebook trên trình duyệt

Tran ba Dat December 16, 2015 2 Facebook , Thủ thuật - VIP

Gần đây, Facebook tung ra một tính năng mới mà trước đây chỉ áp dụng ở một ít tài khoản, là tính năng thông báo các hoạt động Facebook ở trên trình duyệt dù đã tắt cửa sổ Facebook.

Tính năng mới này của Facebook khá thuận tiện cho những tín đồ của mạng xã hội lớn nhất hành tinh này. Với tính năng này, thì dù bạn có tắt hẳn cửa sổ trình duyệt Facebook của mình thì mỗi khi có hoạt động liên quan đến tài khoản Facebook của bạn sẽ đều có 1 thông báo ở góc màn hình trên trình duyệt để bạn có thể "phản ứng kịp thời".

Cách tắt thông báo của Facebook trên trình duyệt

Tuy nhiên, không hẳn ai cũng thích điều này, bởi rất nhiều người dùng của mạng xã hội Facebook này không thích lúc nào cũng vào Facebook, và nhất là những người đang làm việc. Cứ đang làm việc mà có cái thông báo nhảy ra hoài cũng mang đến cảm giác phiền phức cho chính họ. _CTPG_ cũng vậy ^_^
May sao, Facebook cũng đã cung cấp tùy chọn để chúng ta tắt thông báo này đi nếu cảm thấy bị làm phiền. Cùng theo dõi các tắt nhé:

Hướng dẫn tắt thông báo của Facebook trên trình duyệt

- Để tắt thông báo này, bạn truy cập vào Settings (Cài đặt) của Facebook:

Cài đặt Facebook

- Sau đó tiếp tục vào phần Notifications (Thông báo) của Facebook, nơi đây chính là khu vực quản lý các tùy chỉnh về thông báo được cung cấp cho người dùng:

Tùy chọn cài đặt thông báo

- Tiếp tục tùy chọn Desktop and Mobile (Máy tính để bàn và điện thoại di động), tại đây bạn sẽ thấy có nhiều tùy chọn, nhưng chỉ cần quan tâm tùy chọn đầu tiên thôi:

Tắt thông báo

Đó là tùy chọn để tắt thông báo trên trình duyệt, chỉ cần Tắt (Turn off) đi là được (Như ảnh trên thì nghĩa là đang tắt)

Xem thêm:
Cách vào facebook mới nhất 2015
Tổng hợp các icon facebook độc đáo nhất

- Xong, thế là đã tắt được thông báo của Facebook trên trình duyệt rồi. Từ nay sẽ không còn bị Facebook làm phiền khi đang làm việc nữa.

Chúc các bạn thành công! ^_^

Cách tạo tuyết rơi cho Blogspot đón mừng Giáng sinh

Tran ba Dat December 12, 2015 Blogspot , Thủ thuật Blogspot

Giáng sinh cũng sắp đến rồi, không khí Noel cũng tràn ngập các con đường ở những thành phố lớn. Và cũng rất nhiều website, đã thay đổi để tạo nên một không khí noel hòa cùng với cuộc sống. Dù sự thay đổi đó là lớn như thay đổi hoàn toàn giao diện web, hay chỉ nhỏ và đơn giản như tạo tuyết rơi.

Vì thế, cũng nên hưởng ứng Giáng sinh, nhưng ở cấp độ nhỏ hơn, chỉ là tạo tuyết rơi trên chính Blogspot của các bạn. Vì thế, hôm nay mình sẽ hướng dẫn các bạn cách tạo tuyết rơi cho blog của mình để chào đón mùa Noel sắp đến. Cùng theo dõi nhé:

Cách tạo tuyết rơi cho Blogspot

_CTPG_ sẽ đưa ra nhiều định dạng tuyết rơi khác nhau cho các bạn tùy ý lựa chọn. Thích cái nào thì chọn cái đó.

Hiệu ứng tuyết rơi 1

Hiệu ứng tuyết rơi này khá đơn giản, chỉ là những cục tuyết rơi nhỏ không góc cạnh, nhìn như chấm tròn màu trắng vậy đó.

- Thêm đoạn code js sau vào bên trong thẻ <head>:

<script src='http://static.tumblr.com/2w7y46r/xtmlvfnoc/snowstorm.js'/>

Và lưu lại, chỉ đơn giản như vậy là bạn đã có tuyết rơi trên web của mình rồi đó.
- Ngoài ra, nếu muốn tùy chỉnh nhiều hơn thì các bạn có thể thêm đoạn code nhỏ bên dưới đây vào sau nó và tùy chỉnh theo ý muốn:

<script type="text/javascript">
snowStorm.snowColor = '#fff'; // Màu của tuyết rơi
snowStorm.flakesMaxActive = 96; // Số lượng tuyết tối đa trên màn hình
snowStorm.snowStick = true; // Nếu chuyển thành false thì tuyết sẽ không đọng ở cuối trang web
</script>

Xem thêm: Trang trí giáng sinh với Ông già Noel bay

Hiệu ứng tuyết rơi 2

Đây là hiệu ứng tạo ra tuyết hình sao, tuyết nhỏ, rơi khá chậm và không dày đặc.

- Thêm đoạn code này vào bên trong thẻ <body>:

<SCRIPT type="text/javascript">
//<![CDATA[
// Số bông tuyết (Không khuyến khích nhiều hơn 30-40)
var snowmax=35
// Tùy chọn màu sắc cho tuyết, có thể nhiều màu khác nhau như bên dưới
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
// Thiết lập font chữ để tạo ra tuyết, vì các font chữ khác nhau thì hình dạng dấu * cũng khác nhau
var snowtype=new Array("Times","Arial","Times","Verdana")
// Thiết lập ký tự tạo ra tuyết (Khuyến khích: *)
var snowletter="*"
// Thiết lập tốc độ rơi xuống (Đề nghị trong khoảng 0.3-2)
var sinkspeed=0.6
// Kích thước tối đa của bông tuyết
var snowmaxsize=30
// Kích thước tối thiểu của bông tuyết
var snowminsize=8
// Thiết lập vùng tuyết rơi
// 1 cho toàn bộ trang web, 2 cho phần bên trái
// 3 cho phần trung tâm, 4 cho phần bên phải
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// OK
///////////////////////////////////////////////////////////////////////////
// Không được chỉnh code ở bên dưới
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size+'px';
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].style.zIndex=1000
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx+'px';
snow[i].style.top=snow[i].posy+'px';
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
snow[i].style.top=snow[i].posy+'px';
if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
//]]>
</SCRIPT>

Các thông số các bạn có thể điều chỉnh theo ý thích của mình dựa vào mấy cái chú thích mình ghi trong đoạn code trên nhé.

Xem thêm: Template Giáng sinh cho Blogspot

Hiệu ứng tuyết rơi 3

Đây là hiệu ứng tạo tuyết rơi nhanh, dày đặc và rất to. Có thể thiết lập tự động tắt hiệu ứng sau một thời gian chỉ định. Và có thể tùy ý cấu hình hình dạng của bông tuyết khi rơi xuống.

- Thêm đoạn code bên dưới đây vào thẻ <body>:

<SCRIPT type="text/javascript" language="JavaScript1.2">
//<![CDATA[
//Pre-loads your image/s below
//Thay đổi đường dẫn hình ảnh tuyết nếu bạn muốn tuyết hình khác
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://rainbow.arch.scriptmania.com/scripts/bg/snow1.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://rainbow.arch.scriptmania.com/scripts/bg/snow2.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://rainbow.arch.scriptmania.com/scripts/bg/snow3.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://rainbow.arch.scriptmania.com/scripts/bg/snow4.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://rainbow.arch.scriptmania.com/scripts/bg/snow5.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://rainbow.arch.scriptmania.com/scripts/bg/snow6.gif"
//Smoothness depends on image file size,
//the smaller the size the more you can use!
// Configure below - change number of snow to render
Amount=40;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
var Stop = false;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*5+3;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
if (Stop) { clearSnow(); return; }
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['sn'+i].top=Ypos[i]+hscrll;
}
else if (ns6){
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
}
else{
eval("document.all.si"+i).style.left=Xpos[i];
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',20);
}
window.onload=fall;
// ***** Delay FUNCTION HERE *****
setTimeout("Stop=true", 20000); // ***** Delay 1000 = 1 second *****
function clearSnow(){
for (i=0; i < Amount; i++){
if (ns){
document.layers['sn'+i].display='none';
}
else if (ns6){
document.getElementById("si"+i).style.display='none';
}
else{
eval("document.all.si"+i).style.display='none';
}
}
}
//-->
//]]>
</SCRIPT>

Bạn có thể tùy ý tùy chỉnh hình ảnh của bông tuyết, bằng cách thay ảnh khác vào vị trí các hình ảnh bông tuyết mình để ở trên. Và có thể cài đặt thời gian tắt hiệu ứng bằng cách thay đổi con số 20000 kia, 20000 này là 20s nhé.

Chỉ với một trong 3 cách tạo tuyết rơi cho Blogspot này, bạn đã trang hoàng cho website mình một ít không khí Noel rồi đó. Hãy trang trí một ít cho blog của mình để đón chào Noel nhé.

Hướng dẫn tạo status tâm trạng nhấp nháy trong Skype

Tran ba Dat December 10, 2015 1 Skype , Thủ thuật - VIP

Bạn có bao giờ thấy các tài khoản Skype có dòng status tâm trạng nhấp nháy liên tục hay đầy màu sắc và định dạng chữ chưa? Nếu chưa thì bạn có thể kéo xuống coi video ở cuối bài viết nhé ^_^

Tất cả mấy cái thủ thuật này cũng chỉ nhằm mục đích làm bạn nổi bật và độc đáo so với những người khác cùng dùng Skype thôi. Cũng như nó tạo ra tính cá nhân hóa cho từng người vậy đó. Nhìn bạn bè có dòng status tâm trạng nhấp nháy cũng thích chứ, lại có cả các icon độc đáo khác nữa.

Hướng dẫn tạo status tâm trạng nhấp nháy trong Skype

Nếu cảm thấy hứng thú thì tiếp tục nào. Mình sẽ hướng dẫn chi tiết các làm cũng như các khắc phục lỗi nếu gặp phải trong quá trình sử dụng.

Cách tạo dòng status tâm trạng nhấp nháy trong Skype

Ở đây có một công cụ, có tên là Rich Mood Editor for Skype, đây chính là công cụ giúp chúng ta có thể chèn những dòng tâm trạng đầy màu sắc và nhấp nháy hay có các icon độc đáo khác. Chi tiết cách làm như sau:

- Đầu tiên là tải và cài đặt Rich Mood Editor for Skype tại đây: https://app.box.com/s/ylopk6n1whz62xfcj73iup2rbd42384k

Cứ tải và cài đặt bình thường, chỉ cần Next, next và next thôi là cài xong rồi.

- Cài xong thì mở công cụ này lên, chúng ta sẽ có công cụ sau đây. Và cách sử dụng các công cụ đã được hướng dẫn trong ảnh bên dưới:

Như ảnh trên các bạn đã thấy: Nội dung có thể tùy ý nhập và định dạng. "Blink" là để tạo hiệu ứng chữ nhấp nháy. Và cái icon Skype có mũi tên màu đỏ chính là công cụ giúp thêm đoạn tâm trạng này trực tiếp vào Skype đang mở của chính bạn.

Xem thêm:
Cách định dạng tin nhắn Skype cực kỳ độc đáo
Cách tạo tin nhắn kiểu thông báo hay cho Skype

Sau khi tùy chỉnh xong phần nội dung cho độc đáo thì bạn có thể bấm vào icon Skype có mũi tên đỏ để thêm vào Skype. Tuy nhiên, phiên bản Skype mới nhất đã thay đổi hàm API (Hàm lập trình) khiến cho phần định dạng màu sắc, font chữ không còn hiển thị nữa. Chỉ còn mỗi nhấp nháy là vẫn còn hiển thị tốt.

Như vậy là bạn đã có đoạn tâm trạng độc đáo rồi đó.

Lưu ý: Đôi khi gặp lỗi nút chèn vào Skype bị mờ, ẩn đi thì cách khắc phục là tắt Skype rồi mở lại để Rich Mood Editor kết nối lại với Skype nhé.

Cùng xem qua Video hướng dẫn tạo Status tâm trạng nhấp nháy trong Skype nào:

Tạo widget cố định (Sticky widget) khi cuộn trang cho Blogspot

Tran ba Dat December 09, 2015 10 Blogspot , Google-Adsense , Thủ thuật Blogspot

Bạn tham gia MMO và muốn tìm cách tạo widget cố định khi cuộn trang cho Blogspot của mình để tăng tỉ lệ click? Hay bạn muốn hướng người đọc đến những nội dung nổi bật của website mình bằng cách cố định một phần widget của mình khi cuộn trang nhằm gây chú ý cho người đọc?

Tạo widget cố định (Sticky widget) khi cuộn trang cho Blogspot

Hướng dẫn tạo widget cố định khi cuộn trang

Thực ra mà nói, thì việc cố định một phần widget cho Blogspot hay các website khác sẽ mang đến nhiều lợi ích khác nhau cho website đó, ví dụ như 2 lợi ích trên: Khi muốn tăng tỉ lệ click vào các banner quảng cáo, hay khi muốn làm người dùng chú ý đến những nội dung được cung cấp trên widget.

Với hướng dẫn tạo sticky widget khi cuộn trang ở bài viết này, bạn có thể dễ dàng tùy chỉnh các thông số khoảng cách để quy định khả năng trượt theo của widget cần cố định. Cùng xem nhé.

Cách tạo widget cố định khi cuộn trang

Để tạo được widget như vậy không khó, chỉ với vài bước cơ bản là các bạn đã hoàn thành rồi.

- Đầu tiên là vào trang quản trị Blogger

Xem thêm: Cách tạo thanh menu cố định khi cuộn trang

- Sau đó, vào bố cục, chọn Widget bạn cần cố định, và tiến hành chỉnh sửa.

- Thêm đoạn code này vào trong widget đó, nhớ đưa phần nội dung code ban đầu vào đúng vị trí nhé:

<script>
var $stickyHeight = 460; // chiều cao của banner quảng cáo
var $padding = 5; // khoảng cách top của banner khi dính
var $topOffset = 2560; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 100; // Định vị điểm dừng của banner, tính từ chân lên
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;
$('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');
}else if($(window).scrollTop() + $padding > $topOffset) {
$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
$('#sticky').attr('style', 'position:relative;');
}
}
}
$(window).scroll(function(){
scrollSticky();
});
/* ]]> */
</script>
<div id="sticky">
Đặt code quảng cáo của bạn
</div>

Trong đó, chúng ta có những thông tin được giải thích rõ như khoảng cách từ trên xuống, khoảng cách bao nhiêu thì bắt đầu áp dụng cố định widget, khoảng cách bao nhiêu từ dưới lên sẽ dừng... Các bạn tùy chỉnh cho phù hợp với website mình nhé.

Và phần "Đặt code quảng cáo của bạn" chính là vị trí cần đặt của nội dung nhé.

- Lưu lại và tận hưởng thành quả

Như vậy là chỉ với vài bước đơn giản bạn đã có thể tạo cho mình một widget cố định khi cuộn trang, hy vọng với thủ thuật nhỏ này thì các bạn sẽ tăng được ít nhiều thu nhập của mình.

Chúc các bạn thành công. Nhớ theo dõi chuyên mục "Thủ thuật Blogger" này nhé. :)

Cách tải bản đồ offline về điện thoại Windows 10 Mobile

Tran ba Dat December 05, 2015 Thủ thuật Windows , Windows , Windows 10 Mobile

Windows Phone hay Windows 10 Mobile có một tính năng mà các hệ điều hành khác như Android hay iOS rất thèm khát. Đó chính là bản đồ offline, sử dụng không cần mạng. Nếu bạn là một người đang sử dụng Windows Phone hay Windows 10 Mobile, thì đừng quên tính năng này, giúp bạn có thể tra đường, tìm kiếm địa chỉ hoàn toàn không cần mạng.

Vậy làm thế nào để tải bản đồ offline về điện thoại Windows 10 Mobile?

Để tải bàn đồ offline về điện thoại Windows 10 khá đơn giản nếu bạn tìm hiểu một tí về hệ điều hành này. Ở đây mình xin hướng dẫn cặn kẽ cách tải bản đồ offline của Việt Nam về điện thoại của bạn trong một vài bước như sau:

1. Truy cập vào tùy chọn Offline maps của Windows 10:

Có một số cách truy cập vào tùy chọn này như sau:

- Vào All Settings -> gõ vào thanh tìm kiếm từ khóa "map", lựa chọn Offline maps:

Hướng dẫn tải bản đồ offline về điện thoại Windows 10 Mobile

- Vào All Settings -> System -> Offline maps:

- Vào ứng dụng Bản đồ (Maps) hay Heremaps cũng được, mở thanh menu Hamburger ra, sau đó vào Settings -> Download or update maps:

Xem thêm: Cách tắt/bật rung khi nhận cuộc gọi trên Windows 10 Mobile

2. Tải bản đồ offline:

Tại đây, chúng ta sẽ có những tùy chọn khác nhau, nhưng bạn có thể chỉ cần quan tâm đến phần Bản đồ (Maps) thôi.

- Để tải bản đồ, tap vào tùy chọn dấu + Tải bản đồ (Download maps):

- Sau đó, để tải bản đồ Offline Việt Nam, thì vào lần lượt như sau: Asia ->Vuốt xuống dưới cùng, tap vào Việt Nam. Và đây là bản đồ đang được tải về, nặng khoảng 145MB.

Nhớ để im đừng sử dụng cho đến khi bản đồ được tải xong nhé, vì bạn chuyển sang dùng các ứng dụng khác thì lập tức việc tải bản đồ offline về sẽ bị tạm dừng đó.
Như vậy là xong rồi đó, bạn đã tải bản đồ offline Việt Nam về điện thoại Windows 10 Mobile rồi. Nếu bạn đi du lịch hay sống ở nước khác thì cũng có thể tải bản đồ ở nước đó về, hoàn toàn miễn phí đấy nhé.

Xem thêm: Những thủ thuật hay dành cho Windows 10 Mobile

Cách tạo RSS Feedburner và thêm Feed vào Blogspot

Tran ba Dat December 02, 2015 7 Blogspot , Thủ thuật Blogspot

RSS hay Feedburner là nguồn cấp dữ liệu miễn phí được Google cung cấp giúp các webmaster có thể quảng bá, quảng cáo, tối ưu hóa cũng như kiếm thêm thu nhập từ quảng cáo.

Cùng với đó, RSS hay Feed là rất cần thiết cho một website. Ví dụ, chúng ta có thể sử dụng RSS hay Feed để sử dụng làm một nguồn cấp dữ liệu qua mail cho những người dùng đăng ký. Ở bài viết trước _CTPG_ có hướng dẫn các bạn cách tạo hộp mail để người dùng theo dõi qua email, các bạn có thể xem tại đây. Đó chính là một ứng dụng của RSS - Feed.

Cách tạo RSS Feedburner và thêm Feed vào Blogspot

Một vài công cụ kiểm tra việc tối ưu SEO Onpage cũng đưa Feed vào như một yêu cầu trong onpage, thực hư việc có Feed tác động đến SEO như thế nào thì mình vẫn chưa rõ, nhưng dù sao, có Feed và RSS vẫn còn tốt hơn không. Ví dụ trên chính là một điển hình.

Hướng dẫn tạo RSS Feedburner và thêm Feed vào Blogspot

Ở bài viết này, _CTPG_ sẽ hướng dẫn các bạn sử dụng Feed của Google, cùng với đó là khai báo Feed vào chính Blogspot của các bạn.

Cách tạo Feedburner

- Đầu tiên, truy cập vào đường dẫn sau: https://feedburner.google.com

- Nếu có bắt đăng nhập tài khoản Google thì cứ đăng nhập bình thường thôi nhé. Và chúng ta sẽ có giao diện sau:

Hãy nhập đường dẫn Blogspot của bạn vào tùy chọn Burn a feed right this instant, sau đó bấm Next

Xem thêm: Tổng hợp những thủ thuật hay cho Blogspot

- Sẽ có 3 tùy chọn cho các bạn, ở đây chúng ta đang tạo RSS thì các bạn có thể chọn tùy chọn RSS, rồi bấm Next

- Tại đây, đây chính là tùy chọn cho bạn đặt đường dẫn tùy chỉnh cho RSS của mình, hãy sửa lại cho vừa ý và tiếp tục Next

- Phía trên chính là đường dẫn hoàn chỉnh Feed của bạn, OK rồi thì Next tiếp, các bước tiếp theo các bạn cứ bấm Next:

- Xong, với giao diện thông báo này tức là bạn đã hoàn thành việc tạo RSS - Feed cho blog của mình.

Và đây chính là Feed mà mình vừa tạo, các bạn có thể tham khảo:

http://feeds.feedburner.com/caucavietnam

Hướng dẫn khai báo feed cho Blogspot

Để khai báo Feed cho Blogspot, bạn truy cập vào trang quản trị Blogspot. Sau đó vào Cài đặt (Settings) -> Khác. Sau đó thêm đường dẫn feed vừa tạo vào URL chuyển hướng nguồn cấp dữ liệu bài đăng, sau đó lưu lại là xong.

Như vậy là sau bài hướng dẫn này, các bạn đã tạo RSS Feedburner cho Blogspot của mình, cũng như đã khai báo Feed cho Blogspot của bạn, giúp trang web được index nhanh hơn.

Xem thêm: Hướng dẫn tối ưu SEO Blogspot chuẩn không cần chỉnh

Nếu có khó khăn gì thì cứ cmt bên dưới nhé. Và nhớ theo dõi _CTPG_ để nhận được những bài viết hữu ích nha.

Labels

Head Slideshow [active]

Editorial

Set Options

Technology

Latest Post