Trang Trí Đón Tết Nguyên Đán Cho Blogspot

Mùa xuân đã về,tết sắp tới.Không khí xuân tràn ngập mọi phố phường,trong thế giới ảo với những ngôi nhà blogspot chúng ta cũng nên để cho mọi người khi bước chân vào đều cảm nhận được cái không khí xuân đã về.
Sau đây xin hướng dẫn một vài cách thức trang trí đón tết Nguyên Đán cho Blogspot.

Bạn vào trang quản lý blogger tìm đến mục bố cục rồi thêm code bên dưới vào tiện ích bất kỳ nhé

* Demo có tại blog mình rồi nhé  

<div class='banner-tet'>
<style type='text/css'>html{height:auto!important}body{background:none;padding-bottom:130px}</style>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTD_QFR2u0flCcAOM3H0_zvNoNMJNeJHURQaU0Sc2ioYuz5Je90u6B9TSbOhkOgapWuCBEQATUaPG52sR3LkWCCcPApwSOOJglFtoV7nNrrAZkh-j-VhJ5FXBBs_4Z-11j46TUjr3V5N0/s1600/buttom-tet.png' style='position:fixed;z-index:9999;bottom:0px;left:46%'/>
<div style='position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HkNNDs_sjTvG2B4FD_zB8YAdbRdBBaLZQyMLMDORDlnF4gWReT91fUnLZQiEX41i1ZXSa0lMxh6zb5NZuS-4q_Kw_AUl0NGZbpviC7lX_uPxCmby06mngofKmIV4ham90vW2UzzDMe4/s1600/bottom.png) repeat-x bottom left;'></div>
</div>
<style type='text/css">
@media screen and (max-width:800px){.banner-tet{display:none}}
</style>

Trang trí bằng Flash
- Hai dây đèn lồng
Code:

<div style="top: 0px; left: 2px; position: fixed;">
<embed align="middle" allowscriptaccess="always" height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://b4d5bbfe-a-62cb3a1a-s-sites.googlegroups.com/site/flashdautocrazy/cmnm.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<div style="top: 0px; position: fixed; right: 2px;">
<embed align="middle" allowscriptaccess="always" height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://b4d5bbfe-a-62cb3a1a-s-sites.googlegroups.com/site/flashdautocrazy/aktv.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>

- Đèn lồng và pháo
Code:

<div style="top: 0px; left: 2px; position: fixed;">
<embed height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://b4d5bbfe-a-62cb3a1a-s-sites.googlegroups.com/site/flashdautocrazy/phao-mai.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<div style="top: 0px; position: fixed; right: 2px;">
<embed height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://b4d5bbfe-a-62cb3a1a-s-sites.googlegroups.com/site/flashdautocrazy/den-long-phai.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>

Các bạn điiều chỉnh chiều rộng(width) chiều cao(height) của flash cho phù hợp với blogweb của mình.
Chúc thành công!

Xem thêm tại: Tdb

Read More

Chia Sẽ Template Đẹp Tri Ân Độc Giả

Chào các bạn, đây là bài viết thứ 145 trên blog mình. và hiện tại mình đã có gần 2000 Bình luận, một lần nữa mình xin chân thành cảm ơn các bạn đã ủng hộ blog mình trong thời gian qua . Nên hôm nay xin  Chia Sẽ Template Đẹp Tri Ân Độc Giả

DEMO

CÁCH NHẬN TEMPLATE

Các bạn chỉ việc comment địa chỉ Email của bạn.
Mình sẽ tổng hợp lại và gửi template cho bạn

Read More

Công Cụ Thiết Kế Landing Page Đơn Giản

Chào các bạn hôm nay mình xin chia sẽ  Công Cụ Thiết Kế Website Đơn Giản mà bên blog ThuThuatPc4x cũng có share rồi nên hôm nay cũng xin phép share lại cho bạn nào chưa đọc được. Không dài dòng nữa mình vào thẳng vấn đề luôn nhé .

CÔNG CỤDưới đây là giao diện chính của site

Giao diện chính

Các bạn Tìm Mẫu Thích Hợp Như Hình.

Tìm Mẫu Thích Hợp

Chọn mẫu theo ý bạn :) nếu muốn edit code hãy vào mục source và chỉnh nhé

Sau khi chỉnh sữa xong,các bạn xuất ra code rồi bỏ vào website hoặc blog mình nha,

Tham Khảo Tại: ThuThuatPc4x

Read More

Hiển Thị Phần Trăm Khi Cuộn Trang Blogger

Cũng như mọi ngày :) cũng lang thang trên J2TEAM Community thấy có blog bác Nguyễn Nam Hồng , có hiện phần trăm khi cuộn trang , cho nên hôm nay mình sẽ hướng dẫn các bạn để có thanh cuộn trang theo ý muốn.

Đầu tiên , các bạn chép đoạn css sau vào trước thẻ ]]></b:skin> trong template.

#scroll {
display:none;
position:fixed;
top:0;
right:15px;
z-index:500;
padding:3px 8px;
background-color:#369fcf;
color:#fff;
border-radius:3px;
font-size:14px;
}
#scroll:after {
content: " ";
position: absolute;
top:50%;
right:-10px;
height:0;
width:0;
margin-top:-6px;
border:6px solid transparent;
border-left-color:#369fcf;
}

Tiếp theo các bạn tiếp tục dán đoạn html sau vào trước thẻ đóng </head>

<div id='scroll'></div>

Sau đó lại tiếp tục chép đoạn javascript sau và chép nó vào trước thẻ đóng </body> trong template.

<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(600);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut(600);
}, 1000);
});
//]]>
</script>

Bây giờ các bạn save tempale lại nhé

Source Code: KID1412 BLOG'S

Read More

Thay Đổi Màu, Độ Rộng Thanh Cuộn Của Blogger

Chào tất cả các bạn 👋 hôm nay thang thang trên GOOGLE thì thấy bài viết khá hay của Blog Thủ Thuật Công Nghệ  Hình như trang này trước là của Bacsiwindows  và có chia sẽ về cách "Thay Đổi Màu, Độ Rộng Thanh Cuộn Của Blogger" thì mạo muộn mượn về chia sẽ cho anh em nào cần dùng 😄 Thủ thuật đơn giản này chỉ sử dụng CSS thôi nên không ảnh hưởng gì đến tốc độ tải trang đâu nhé.

Bước 1: Đăng nhập ➜ Mẫu ➜ Chỉnh sửa HTML.
Bước 2: Thêm đoạn CSS sau vào trước thẻ ]]></b:skin> trong template.

::-webkit-scrollbar {
width: 8px; height:8px}
::-webkit-scrollbar-track {
background:#FFF}
::-webkit-scrollbar-thumb {
background: #578c80;border-radius:50px}
::-webkit-scrollbar-thumb:window-inactive {
background:#fff}

Bước 3: Lưu template.

Source Code: Blog Thủ Thuật Công Nghệ

Read More

Cách Tạo Sitelinks Cho Trang Web Của Bạn Trên Google

Sitelinks là những liên kết hiển thị phía dưới phần mô tả website của bạn khi ai đó tìm kiếm các từ khóa trên Google. Các liên kết phụ này sẽ trỏ đến những thành phần chính trong trang Web đó. Sitelinks được hiển thị dựa trên sự lựa chọn tự động của Google.

Lợi ích của Site links mang lại là rất tích cực, kết quả của bạn trên trang tìm kiếm sẽ ấn tượng hơn, từ đó sẽ thu hút được khách hàng , tỉ lệ CTR cũng sẽ tăng lên với các từ khóa có hiển thị Site links.

1. Đầu tiên các bạn đăng nhập vào trang quản trị blogger, sau đó các bạn chọn Chủ đề -> Chỉnh sửa
2. Tiếp theo các bạn copy đoạn code dưới đây và dán vào ngay sau thẻ <head>

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "http://www.hungstar.tk",
"potentialAction": {
"@type": "SearchAction",
"target": "http://www.hungstar.tk/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>

• Thay link www.hungstar.tk thành link blog bạn nhé

LƯU ý:

Tính năng Sitelinks này sẽ chỉ hiển thị với những trang web có lưu lượng truy cập lớn và ổn định, tuy nhiên vẫn có một số trường hợp ngoại lệ cho website vừa và nhỏ nhưng chất lượng.

Source Code: Blog Thủ Thuật Công Nghệ

Read More

Làm Sao Để Tối Ưu File Robot.txt Cho Blogspot Chuẩn?

Tối ưu file robot.txt cho blogspot tưởng chừng như không cần thiết nhưng sự thật lại ngược lại, nếu bạn không tối ưu đúng cách thì blog của bạn coi như “vứt đi”. Vậy phải tối ưu ra sao và tối ưu như thế nào? Hãy xem nội dung ở bên dưới dể giải quyết vấn đề này.

Vậy robot.txt là gì?

Robots.txt là dạng tập tin đặc biệt không phải là HTML hay một thể loại khác. Nhiệm vụ của file robots.txt là khai báo cho công cụ tìm kiếm biết rằng những nội dung nào trên blog của bạn cho phép các bot tìm kiếm và lập chỉ mục (index).

Cách tối ưu hóa file robot.txt

Để tối ưu hóa được file robot.txt các bạn có thể làm theo hướng dẫn sau:


Bước 1: Vào Cài đặt > Tùy chọn tìm kiếm (“Robots.txt tùy chỉnh” và “Thẻ tiêu đề robot tùy chỉnh“).

Bước 2: Click vào Chỉnh sửa ở phần Robot.txt tùy chỉnh? rồi chọn Có
Bước 3: Sau đó dán code sau vào và lưu thay đổi.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search?q=
Disallow: /*?updated-max=*
Disallow: *archive.html
Sitemap: http://www.hungstar.tk/sitemap.html

Tag	Ý nghĩa
User-agent: *	Xác định các công cụ tìm kiếm mà quy tắc được áp dụng.
Disallow: /	Báo cho công cụ tìm kiếm biết nó không nên “Lục lọi” ở những file này.
Allow: /	Cho phép công cụ tìm kiếm index đọc tất cả các nội dung.
www.hungstar.tk	Thay thành địa chỉ trang của các Bạn.

Bước 4: Click vào Chỉnh sửa ở phần Thẻ tiêu đề robot tùy chỉnh? rồi chọn Có

Bước 5: Cài đặt như hình sau rồi ấn Lưu

Tag	Ý nghĩa
all	Cho phép công cụ tìm kiếm lập chỉ mục.
noindex	Không hiển thị trang này trong kết quả tìm kiếm.
nofollow	Thông báo cho công cụ tìm kiếm không nên lần theo các liên kết này.
none	Tương tự như nonidex và nofollow.
noarchive	Không hiển thị một liên kết “Cached” trong kết quả tìm kiếm.
nosnippet	Không hiển thị một đoạn mã trong kết quả tìm kiếm cho trang này.
noodp	Không sử dụng dữ liệu từ các dự án Open Directory (DMOZ) cho tiêu đề hoặc đoạn hiển thị cho trang này.
notranslate	Không cung cấp bản dịch của trang này với các ngôn ngữ khác trong kết quả tìm kiếm.
noimageindex	Không lập chỉ mục cho hình ảnh trên trang này.
unavailable_after	Không hiển thị trang này trong kết quả tìm kiếm sau khi ngày/thời gian quy định. Ngày/thời phải được xác định trong các định dạng RCF 850.

Với những cài đặt như trên thì bạn đã tối ưu chuẩn được file robot.txt cho blog của bạn rồi, hãy ghé thăm HƯNG STAR - IT để tìm hiểu những thủ thuật hay khác nhé 😀

Nếu bạn thấy bài viết hữu ích thì hãy chia sẻ nó hoặc theo dõi chúng tôi qua Email để không bỏ lỡ bất kỳ một thủ thuật hay nào nhé! Đừng quên để lại đánh giá của bạn, nó là nguồn động lực vô bờ bến với chúng tôi đấy!

NGUỒN: TOICODE

Read More

Tự Động Chuyển Hướng Tất Cả Liên Kết Khi Đổi Domain

Việc chuyển hướng này thường áp dụng cho những blog đổi sang tên miền mới và không muốn mất nhiều lượng truy cập từ tên miền cũ. có 1 số bạn cũng tính đổi tên miền sang .com .net sài nhưng ngại 1 cái là mất hết lượng truy cập nên hôm nay mình sẽ hướng dẫn  "  Tự Động Chuyển Hướng Tất Cả Liên Kết Khi Đổi Domain"

Các bạn có thể xem DEMO bên dưới

DEMO

- Ví dụ đổi tên miền từ hungstar5052.blogspot.com sang hungstar-it.blogspot.com

Mà tên miền hungstar-it.blogspot.com là tên miền Blog chính của bạn

Đổi tên blog hungstar5052.blogspot.com sang hungstar-it.blogspot.com . Toàn bộ dữ liệu của Blog cũ vẫn được giữ nguyên sau khi bạn chuyển sang Blog mới.

• Tiếp theo bạn vào trang Blogger trang quản lý tên miền mà bạn muốn chuyển hướng
• Rồi vào Chủ đề

• Rồi xóa hết code có trong Blog đó

• Và thay thế template của blog hungstar5052.blogspot.com bằng code bên dưới 

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 &lt;head&gt;
 <b:if cond='data:blog.isMobile'>
 <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
 <b:else/>
 <meta content='width=1100' name='viewport'/>
 </b:if>
 <meta content='' name='description'/>
 <meta content='' name='author'/>
 <!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 <![endif]-->
 <title><data:blog.pageTitle/></title>
 <b:skin><![CDATA[/*
]]></b:skin>
 <style type='text/css'>
h2 {
 font-size: 30px;font-family:Segoe UI, Helvetica, sans-serif
 text-transform: capitalize;
 color: #FF9800;
}
#vaoxem a{
 font-size: 40px;font-family:Segoe UI, Helvetica, sans-serif
 text-transform: capitalize;
 color: blue;text-decoration:none
}
 #error{font-size:60px;font-family:Segoe UI, Helvetica, sans-serif}
h3 {
 font-size: 22px;font-family:Segoe UI, Helvetica, sans-serif
}
</style>
 &lt;/head&gt;
 &lt;body&gt;
<section>
<div style='text-align:center'>
<h2>hungstar5052.blogspot.com</h2>
 <h3><span style='font-size:25px;color:#009688'>hungstar5052.blogspot.com</span> chuyển về tên miền mới <span style='font-size:28px;color:#F44336'>hungstar-it.blogspot.com</span> nhé ...</h3>
<h3> Đợi Xíu Sẽ Chuyển Bạn Đến Bài Viết</h3>
<h1 id='error'>0</h1>
<h2 id='vaoxem'>Vào Xem Ngay!</h2>
</div>
</section>
<!--ADDING THE REQUIRED SCRIPT FILES-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js' type='text/javascript'/>
<!--Initiating the CountUp Script-->
<script type='text/javascript'>//<![CDATA[
function countUp(a,b,c,d,e,f){for(var g=0,h=["webkit","moz","ms","o"],i=0;i<h.length&&!window.requestAnimationFrame;++i)window.requestAnimationFrame=window[h[i]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[h[i]+"CancelAnimationFrame"]||window[h[i]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(a){var c=(new Date).getTime(),d=Math.max(0,16-(c-g)),e=window.setTimeout(function(){a(c+d)},d);return g=c+d,e}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)}),this.options=f||{useEasing:!0,useGrouping:!0,separator:",",decimal:"."},""==this.options.separator&&(this.options.useGrouping=!1),null==this.options.prefix&&(this.options.prefix=""),null==this.options.suffix&&(this.options.suffix="");var j=this;this.d="string"==typeof a?document.getElementById(a):a,this.startVal=Number(b),this.endVal=Number(c),this.countDown=this.startVal>this.endVal?!0:!1,this.startTime=null,this.timestamp=null,this.remaining=null,this.frameVal=this.startVal,this.rAF=null,this.decimals=Math.max(0,d||0),this.dec=Math.pow(10,this.decimals),this.duration=1e3*e||2e3,this.version=function(){return"1.3.2"},this.printValue=function(a){var b=isNaN(a)?"--":j.formatNumber(a);"INPUT"==j.d.tagName?this.d.value=b:"text"==j.d.tagName?this.d.textContent=b:this.d.innerHTML=b},this.easeOutExpo=function(a,b,c,d){return 1024*c*(-Math.pow(2,-10*a/d)+1)/1023+b},this.count=function(a){null===j.startTime&&(j.startTime=a),j.timestamp=a;var b=a-j.startTime;if(j.remaining=j.duration-b,j.options.useEasing)if(j.countDown){var c=j.easeOutExpo(b,0,j.startVal-j.endVal,j.duration);j.frameVal=j.startVal-c}else j.frameVal=j.easeOutExpo(b,j.startVal,j.endVal-j.startVal,j.duration);else if(j.countDown){var c=(j.startVal-j.endVal)*(b/j.duration);j.frameVal=j.startVal-c}else j.frameVal=j.startVal+(j.endVal-j.startVal)*(b/j.duration);j.frameVal=j.countDown?j.frameVal<j.endVal?j.endVal:j.frameVal:j.frameVal>j.endVal?j.endVal:j.frameVal,j.frameVal=Math.round(j.frameVal*j.dec)/j.dec,j.printValue(j.frameVal),b<j.duration?j.rAF=requestAnimationFrame(j.count):null!=j.callback&&j.callback()},this.start=function(a){return j.callback=a,isNaN(j.endVal)||isNaN(j.startVal)?(console.log("countUp error: startVal or endVal is not a number"),j.printValue()):j.rAF=requestAnimationFrame(j.count),!1},this.stop=function(){cancelAnimationFrame(j.rAF)},this.reset=function(){j.startTime=null,j.startVal=b,cancelAnimationFrame(j.rAF),j.printValue(j.startVal)},this.resume=function(){j.stop(),j.startTime=null,j.duration=j.remaining,j.startVal=j.frameVal,requestAnimationFrame(j.count)},this.update=function(a){j.stop(),j.startTime=null,j.startVal=j.endVal,j.endVal=Number(a),j.countDown=j.startVal>j.endVal?!0:!1,j.rAF=requestAnimationFrame(j.count)},this.formatNumber=function(a){a=a.toFixed(j.decimals),a+="";var b,c,d,e;if(b=a.split("."),c=b[0],d=b.length>1?j.options.decimal+b[1]:"",e=/(\d+)(\d{3})/,j.options.useGrouping)for(;e.test(c);)c=c.replace(e,"$1"+j.options.separator+"$2");return j.options.prefix+c+d+j.options.suffix},j.printValue(j.startVal)}
//]]></script>
<script type='text/javascript'>
 &quot;use strict&quot;;
 var count = new countUp(&quot;error&quot;, 0, 100, 0, 3);
 window.onload = function() {
 // fire animation
 count.start();
 }
</script>
<script>
function Redirect()
{
var currentURL = window.location.href;
var url = currentURL .replace(&quot;hungstar5052.blogspot.com&quot;,&quot;hungstar-it.blogspot.com&quot;);
window.location=url;
}
$(document).ready(function(){
var currentURL = window.location.href;
var url = currentURL .replace(&quot;hungstar5052.blogspot.com&quot;,&quot;hungstar-it.blogspot.com&quot;);
$(&quot;#vaoxem&quot;).html(&quot;<a href='&quot;+url+&quot;'>Xem Ngay</a>&quot;);
 setTimeout(&#39;Redirect()&#39;, 3000);
});
</script>
 <b:section class='main' id='main' showaddelement='no'/>
&lt;!--<head/>--&gt;
&lt;!--<body/>--&gt;
&lt;/body&gt;
</html>

 - Tìm và sửa lại tên miền cho phù hợp:

• hungstar5052.blogspot.com là tên miền cũ  
• hungstar-it.blogspot.com là tên miền mới (blog đích muốn chuyển tới)

- Lưu Mẫu lại.

- Cuối cùng, với chế độ Chọn mẫu dành cho điện thoại di động, bạn chọn "Không".

Xem thêm tại Hướng dẫn - Thủ thuật

Read More

CÁCH LÀM KHUNG CHƯA CODE CHO BLOGGER

Đọc tiêu đề bài viết thì bạn đã biết rõ thủ thuật này là gì rồi. mình sẽ hướng dẫn các bạn cách tạo khung chứa code cho blogger/blogspot bằng CSS.

Bước 1: Đăng nhập vào trang quản lý Blogger
Bước 2: Chèn đoạn code dưới đây vào trên thẻ ]]></b:skin> trong template

.post blockquote{
margin:10px 0!important;
border:2px solid #58257b!important;
overflow: auto !important;
text-align: left !important;
max-height: 250px !important;
background: #ddd!important;
background-repeat: no-repeat !important;
padding: 15px 20px 15px 35px !important;
color: #555 !important;
user-select:all
}

Bước 3: Lưu template

Cách sử dụng

Bước 1: Tô đen đoạn code cần cho vào khung
Bước 2: Chọn biểu tượng trích dẫn trong giao diện viết bài của blogger.

Bước 3: Xuất bản!

Source Code: Blog Thủ Thuật Công Nghệ

Read More

TẠO HIỆU ỨNG HOA ĐÀO RƠI TRONG NGÀY TẾT CHO BLOGGER

• Bước 1: Đăng nhập vào Blogger
• Bước 2: Vào chủ đề
• Bước 3: Chỉnh sửa HTML
• Bước 4: Copy toàn bộ code dưới vào trên thẻ <body/>

<!-- Hiệu ứng sao rơi c -->
<script type='text/javascript'>
//<![CDATA[
var snowsrc="https://i.imgur.com/LOQYdbB.png" // Thay Link hình của bạn vào đây
var no = 50; // Số ảnh rơi trên blog
var hidesnowtime =0; // Số giây ảnh biến mất sau khi rơi
var snowdistance = "pageheight"; // Có thể thay đổi giá trị pageheight thành windowheight ///////////Stop Config////////////////////////////////// var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
} var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;


if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
} dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
} function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
} function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}

if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
//]]>
</script>
<!--End hiệu ứng sao rơi -->

• Bước cuối cùng là lưu lại trang vào vào blog bạn xem kết quả. Đừng quên like, share và ghé thăm trang thường xem nhé !
  
  Chúc các bạn thành công.

Read More

Tạo Trang Nén CSS Dành Cho Blogspot

CSS giúp cho website bạn dễ nhìn hơn nếu trang trí hợp lí, giao diện đẹp hơn,... thôi để bài sau mình sẽ giới thiệu về CSS là gì. Còn giờ mình sẽ giới thiệu một công cụ nén và làm đẹp CSS cho blog giúp load nhanh hơn.

DEMO

• Bước 1: Đăng nhập vào Blogger
• Bước 2: Chuyển sang tag Trang
• Bước 3: Thêm trang mới và chuyển qua HTML
• Bước 4: Copy toàn bộ code dưới vào

<article>
<div id="cssminifier">
<style scoped="" type="text/css">
#sidebar-wrapper{display:none}
#cssminifier{background:#00DAB3;position:relative;display:block;clear:both;border-radius:2px;padding:5px}
#cssminifier textarea{width:95%;height:300px;margin:0 auto;display:block;background-color:#fff;padding:5px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:2px 2px 0 0;resize:none}
textarea:focus{background-color:#FFF;color:#303030}
#cssminifier .box{margin:10px auto 10px;color:rgba(255,2255,255,.6)}
#cssminifier .box p{margin:0 0 2px}
#cssminifier button{cursor:pointer}
#cssminifier .col{width:48%;margin:0 auto 30px}
#cssminifier .left{float:left;margin-left:1%}
#cssminifier .right{float:right;margin-right:1%}
#cssminifier .button-group{background:#333;text-align:center;padding:5px 5px 5px 5px;margin:0;border-radius:0 0 2px 2px}
#cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:4px;margin:0 5px;border:0;transition:all .1s}
#cssminifier button:hover,#cssminifier button:active{background:#f1f1f1;color:#333}
#cssminifier button[disabled],#cssminifier button[disabled]:active{background:#fff}
#cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 0 0 10px;vertical-align:middle;border:none;outline:none}
#cssminifier br{display:none}
</style>
<span class="clear"></span>
<textarea autofocus="" id="cssField" placeholder="Dán CSS của bạn vào đây. Sau đó nhấn chọn các chức năng. Nấn Nén css để hoàn tất... Chúc bạn thành công !" spellcheck="false"></textarea>
<br />
<div class="button-group">
<div class="box">
<input class="opt1" id="stripAllComment" type="checkbox" />
<label for="stripAllComment">Bỏ các ghi chú</label>
<input class="opt2" id="superCompact" type="checkbox" />
<label for="superCompact">Siêu nén</label>
<input class="opt3" id="betterIndentation" type="checkbox" />
<label for="betterIndentation">Giữ phần thụt đầu dòng</label>
<input checked="" class="opt4" id="keepLastComma" type="checkbox" />
<label for="keepLastComma">Xóa bỏ phần xuống dòng</label>
</div>
<button onclick="compressCSS(&quot;cssField&quot;);">Nén css</button>
<button onclick="clearField(&quot;cssField&quot;);">Xóa tất cả</button>
<button onclick="selectAll(&quot;cssField&quot;);">Chọn tất cả</button>
</div>
<div class="clear">
</div>
<script type="text/javascript">
function get(e){return document.getElementById(e)}function highlightCode(e){if(hc.checked){var a=e.innerHTML;a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/\'(.*?)\'/g,"<span class='st'>'$1'</span>").replace(/\"(.*?)\"/g,"<span class='st'>\"$1\"</span>").replace(/(\{|\n|;)?(.[^\{]*?):(.[^\{]*?)(;|\})/g,"$1<span class='pr'>$2</span>:<span class='vl'>$3</span>$4").replace(/<span class='pr'>\{/g,"{<span class='pr'>")}),a=a.replace(/&lt;(.*?)('|")(.*?)('|")&gt;/g,function(e){return e.replace(/'(.*?)'/g,"<span class='vl'>'$1'</span>").replace(/"(.*?)"/g,"<span class='vl'>\"$1\"</span>")}),a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/([\(\)\{\}\[\]\:\;\,]+)/g,"<span class='pn'>$1</span>").replace(/\!important/gi,"<span class='im'>!important</span>")}),a=a.replace(/\/\*([\w\W]+?)\*\//gm,"<span class='cm'>/*$1*/</span>"),e.innerHTML="<code>"+a+"</code>",hr.style.display="block",rt.style.display="block"}else hr.style.display="none",rt.style.display="none"}function compressCSS(e){var a=get(e),c=/@(media|-w|-m|-o|keyframes|page)(.*?)\{([\s\S]+?)?\}\}/gi,n=a.value,t=n.length;n=sa.checked||sc.checked?n.replace(/\/\*[\w\W]*?\*\//gm,""):n.replace(/(\n+)?(\/\*[\w\W]*?\*\/)(\n+)?/gm,"\n$2\n"),n=n.replace(/([\n\r\t\s ]+)?([\,\:\;\{\}]+?)([\n\r\t\s ]+)?/g,"$2"),n=sc.checked?n:n.replace(/\}(?!\})/g,"}\n"),n=bi.checked?n.replace(c,function(e){return e.replace(/\n+/g,"\n  ")}):n.replace(c,function(e){return e.replace(/\n+/g,"")}),n=bi.checked&&!sc.checked?n.replace(/\}\}/g,"}\n}"):n,n=bi.checked&&!sc.checked?n.replace(/@(media|-w|-m|-o|keyframes)(.*?)\{/g,"@$1$2{\n  "):n,n=cm.checked?n.replace(/;\}/g,"}"):n.replace(/\}/g,";}").replace(/;+\}/g,";}").replace(/\};\}/g,"}}"),n=n.replace(/\:0(px|em|pt)/gi,":0"),n=n.replace(/ 0(px|em|pt)/gi," 0"),n=n.replace(/\s+\!important/gi,"!important"),n=n.replace(/(^\n+|\n+$)/,""),a.value=n,hr.innerHTML="/* "+(t-n.length)+" of "+t+" unused characters has been removed. */\n"+n.replace(/</g,"&lt;").replace(/>/g,"&gt;"),highlightCode(hr)}function clearField(e){var a=get(e);a.value="",a.focus()}function selectAll(e){get(e).focus(),get(e).select()}var hc=get("highlightCode"),sa=get("stripAllComment"),sc=get("superCompact"),cm=get("keepLastComma"),bi=get("betterIndentation"),bs=get("breakSelector"),tt=get("toTab"),to=get("tabOpt").getElementsByTagName("input"),sb=get("spaceBetween"),ip=get("inlineSingleProp"),rs=get("removeLastSemicolon"),il=get("inlineLayout"),si=get("singleBreak"),hr=get("highlightedResult"),rt=document.getElementsByTagName("h2")[1];
</script>
</div>
</article>

Bước cuối cùng là lưu lại trang vào vào blog bạn xem kết quả. Đừng quên like, share và ghé thăm trang thường xem nhé ! Chúc các bạn thành công.

Source Code: Thủ Thuật Windows

Read More

HƯỚNG DẪN TẠO BẢNG MÃ ICON BÌNH LUẬN CHO BLOGGER

Xin chào tất cả các bạn . Hôm nay mình sẽ hưỡng dẫn các bạn tạo bảng icon cho blogger nha!

Bước 1:  Bạn chị cần copy đoạn code dưới đây rồi chèn nơi bạn muốn chèn

<div class='comment_emo_list'>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/H7SWQsD.png'/><span> :)</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/QydiDcj.png'/><span> :))</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/4QpUJ7T.png'/><span> :D</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/chVQI19.png'/><span> =))</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/IUBKZFX.png'/><span> :(</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/wYq3V4m.png'/><span> :((</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/zfqEdJh.png'/><span> :o</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/ktlACZO.png'/><span> ^_^</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/OIechYl.png'/><span> ^-^</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/bEMACZ2.png'/><span>/f</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/9UL3vL5.png'/><span>^.^</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/QmDOjvi.png'/><span>/g</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/oxuCxpe.png'/><span>;)</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/sHjwi1T.png'/><span> -_-</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/uncDMT1.png'/><span> ==</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/Hasg5Sz.png'/><span> /r</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/h4xKlpM.png'/><span> -.-</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/UWXDll8.png'/><span> :p</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/RyqEJmV.png'/><span> /o</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/IFRpPun.png'/><span> /hi</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/avVQxI0.png'/><span> /ok</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/4gZgLxa.png'/><span> /clap</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/hCxEamY.png'/><span> (y)</span>
</div>
<div class='item'><img class='comment_emo' src='https://i.imgur.com/tVPSoZY.png'/><span> (3)</span>
</div>
</div>

 Bước 2: Tìm đến thẻ </body> và thêm đoạn code này vào phía sau nó.

<!-- // emoticon begin // -->
<script>
//<![CDATA[
var copyright="Emoticons & Multimedia for Thread Comment by http://duypham.info",smileys=[
{text:"/-hi",img:"https://i.imgur.com/IFRpPun.png"},{text:"=_=",img:"https://i.imgur.com/uncDMT1.png"},{text:"/-ok",img:"https://i.imgur.com/4QpUJ7T.png"},{text:"/-g",img:"https://i.imgur.com/chVQI19.png"},{text:";)",img:"https://i.imgur.com/oxuCxpe.png"},{text:"^.^",img:"https://i.imgur.com/9UL3vL5.png"},{text:"/-f",img:"https://i.imgur.com/bEMACZ2.png"},{text:"/-r",img:"https://i.imgur.com/Hasg5Sz.png"},{text:"^-^",img:"https://i.imgur.com/OIechYl.png"},{text:"/-clap",img:"https://i.imgur.com/4gZgLxa.png"},{text:"-.-",img:"https://i.imgur.com/h4xKlpM.png"},{text:"/-o",img:"https://i.imgur.com/RyqEJmV.png"},{text:":))",img:"https://i.imgur.com/QydiDcj.png"},{text:":)",img:"https://i.imgur.com/H7SWQsD.png"},{text:":((",img:"https://i.imgur.com/wYq3V4m.png"},{text:":(",img:"https://i.imgur.com/IUBKZFX.png"},{text:":D",img:"https://i.imgur.com/4QpUJ7T.png"},{text:"=))",img:"https://i.imgur.com/chVQI19.png"},{text:":o",img:"https://i.imgur.com/zfqEdJh.png"},{text:"^_^",img:"https://i.imgur.com/ktlACZO.png"},{text:"-_-",img:"https://i.imgur.com/sHjwi1T.png"},{text:"(y)",img:"https://i.imgur.com/hCxEamY.png"},{text:"(3)",img:"https://i.imgur.com/tVPSoZY.png"},{text:":3",img:"https://i.imgur.com/P9wwFyS.png"},{text:":v",img:"https://i.imgur.com/JP7idnE.png"},{text:":V",img:"https://i.imgur.com/JP7idnE.png"},
{text:":p",img:"https://i.imgur.com/UWXDll8.png"}],type_img=["png","PNG","jpg","JPG","jpeg","JPEG","gif","GIF","bmp","BMP"],dp=['Q a=["\\1b\\m\\w\\b\\q\\t\\w\\z\\u\\r\\1r\\r\\1c\\F\\s\\b\\q\\m\\h\\C\\q\\k\\r\\O\\w\\l\\r\\1e\\o\\l\\h\\k\\C\\r\\1H\\w\\m\\m\\h\\z\\b\\r\\E\\N\\r\\o\\b\\b\\B\\R\\n\\n","\\N\\B","\\q\\z\\O\\w","\\t\\w\\m\\m\\h\\z\\b\\W\\o\\w\\s\\C\\h\\l","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\1v\\N\\1z\\C","\\B","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\u\\1v\\N\\1e\\k\\J\\1W\\k\\m\\h","\\s\\h\\z\\J\\b\\o","","\\q\\z\\z\\h\\l\\1X\\1e\\1c\\1T","\\q\\b\\h\\m","\\o\\b\\b\\B","\\u\\B\\s\\q\\b","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\v\\k\\b\\t\\o\\1d\\1g\\A","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n\\z\\J\\o\\h\\1d","\\M","\\q\\z\\C\\h\\T\\1Z\\O","\\u\\F\\E\\u\\b\\l\\q\\z\\J","\\r","\\H","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\m\\J\\r\\u\\b\\N\\s\\h\\A\\p\\m\\k\\T\\W\\v\\q\\C\\b\\o\\R\\1S\\G\\G\\1R\\p\\r\\u\\l\\t\\A\\p","\\p\\n\\L","\\1r","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\O\\l\\k\\m\\h\\r\\v\\q\\C\\b\\o\\A\\p\\1p\\G\\G\\p\\r\\o\\h\\q\\J\\o\\b\\A\\p\\1f\\1Q\\G\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\h\\m\\E\\h\\C\\n","\\1d\\l\\h\\s\\A\\G\\p\\r\\O\\l\\k\\m\\h\\E\\w\\l\\C\\h\\l\\A\\p\\G\\p\\r\\k\\s\\s\\w\\v\\O\\F\\s\\s\\u\\t\\l\\h\\h\\z\\L\\H\\n\\q\\O\\l\\k\\m\\h\\L","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\h\\m\\E\\h\\C\\r\\u\\b\\N\\s\\h\\A\\p\\v\\q\\C\\b\\o\\R\\1f\\G\\G\\B\\T\\1P\\o\\h\\q\\J\\o\\b\\R","\\1c\\A","\\1f\\G\\G","\\1p\\G\\G","\\B\\T\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n","\\m\\n","\\s\\n","\\p\\r\\O\\s\\k\\u\\o\\1g\\k\\l\\u\\A\\p\\k\\F\\b\\w\\u\\b\\k\\l\\b\\A\\O\\k\\s\\u\\h\\p\\r\\1N\\F\\k\\s\\q\\b\\N\\A\\p\\o\\q\\J\\o\\p\\r\\v\\m\\w\\C\\h\\A\\p\\b\\l\\k\\z\\u\\B\\k\\l\\h\\z\\b\\p\\r\\b\\N\\B\\h\\A\\p\\k\\B\\B\\s\\q\\t\\k\\b\\q\\w\\z\\n\\T\\W\\u\\o\\w\\t\\1D\\v\\k\\1g\\h\\W\\O\\s\\k\\u\\o\\p\\L\\H\\n\\h\\m\\E\\h\\C\\L","\\b\\h\\T\\b","\\H\\q\\m\\J\\r\\u\\l\\t\\A\\p","\\q\\m\\J","\\l\\h\\B\\s\\k\\t\\h","\\C\\F","\\o\\k\\m\\M"];Q V=[];K=[];I=[];1q=a[0];1w=a[1];1u=a[2];1s=1Y[a[4]](a[3]);c=1s[a[6]](a[5]);D(c){U(x=0;x<c[a[7]];x++){Q 1i=a[8];1o=a[8];P=a[8];d=c[a[10]](x)[a[9]];e=d[a[12]](a[11]);f=d[a[12]](a[13]);g=d[a[12]](a[14]);U(Q i=1;i<e[a[7]];i++){U(Q j=0;j<Z[a[7]];j++){1h=e[i][a[16]](a[15]+Z[j]);D(1h!=-1){V[i]=a[11]+e[i][a[17]](0,1h)+a[15]+Z[j];D((V[i][a[16]](a[18])==-1)&&(V[i][a[16]](a[19])==-1)){1i+=a[20]+V[i]+a[21]}}}};U(Q i=1;i<f[a[7]];i++){1a=f[i][a[16]](a[18]);X=f[i][a[16]](a[19]);D(1a!=-1){K[i]=f[i][a[17]](0,1a);Y=K[i][a[16]](a[19]);D(Y!=-1){K[i]=K[i][a[17]](0,Y)}}S{D(X!=-1){K[i]=f[i][a[17]](0,X)}S{D(i==f[a[7]]-1){K[i]=f[i][a[17]](0,d[a[7]])}}};K[i]=K[i][a[12]](a[22]);K[i]=K[i][0];1o+=a[1x]+K[i]+a[1U]};U(Q i=1;i<g[a[7]];i++){1m=g[i][a[16]](a[18]);1n=g[i][a[16]](a[19]);D(1m!=-1){I[i]=g[i][a[17]](0,1m);1j=I[i][a[16]](a[19]);D(1j!=-1){I[i]=I[i][a[17]](0,1j)}}S{D(1n!=-1){I[i]=g[i][a[17]](0,1n)}S{D(i==g[a[7]]-1){I[i]=g[i][a[17]](0,d[a[7]])}}};1k=I[i][a[17]](0,2);I[i]=I[i][a[17]](2,I[i][a[7]]);P+=a[1V];D(1k==a[1t]){P+=a[1O]}S{P+=a[1J]};P+=a[1A];D(1k==a[1t]){P+=a[1y]}S{P+=a[1B]};P+=I[i]+a[1M]};U(Q y=0;y<1l[a[7]];y++){d=d[a[1K]](1l[y][a[1L]],a[1I]+1l[y][a[1E]]+a[21])};D(1G==1q+a[1F]+1w+a[1C]+1u){c[a[10]](x)[a[9]]=d+1i+1o+P}}};',"|","split","||||||||||_0xf28e|x74||||||x65|||x61|x72|x6D|x2F|x68|x22|x69|x20|x6C|x63|x73|x77|x6F|||x6E|x3D|x70|x64|if|x62|x75|x30|x3C|nct|x67|youtube|x3E|x2E|x79|x66|a3|var|x3A|else|x78|for|img|x2D|aft_y2|aft_y3|type_img|||||||||||aft_y1|x45|x4D|x3F|x54|x33|x76|dot_png|a1|aft_nct3|m_l|smileys|aft_nct1|aft_nct2|a2|x34|cbef|x26|cL|26|cbef3|x42|cbef2|23|30|x49|29|31|38|x6B|35|37|copyright|x43|34|28|36|33|32|x71|27|x3B|x32|x25|x31|x4C|24|25|x4E|x48|document|x4F|||","","fromCharCode","replace","\\w+","\\b","g"];eval(function(a,i,o,m,e,p){if(e=function(a){return(i>a?dp[4]:e(parseInt(a/i)))+(35<(a%=i)?String[dp[5]](a+29):a.toString(36))},!dp[4][dp[6]](/^/,String)){for(;o--;)p[e(o)]=m[o]||e(o);m=[function(a){return p[a]}],e=function(){return dp[7]},o=1}for(;o--;)m[o]&&(a=a[dp[6]](RegExp(dp[8]+e(o)+dp[8],dp[9]),m[o]));return a}(dp[0],62,127,dp[3][dp[2]](dp[1]),0,{}));
//]]>
</script>

Nguồn: Hồng Hải Blog
Chúc các bạn thành công!

Read More

Tạo Hiệu Ứng Tuyết Rơi Cho Blogspot Nhân Dịp Giáng Sinh

Thì cũng sắp tới giáng sinh rồi, nên chúng tôi sẽ viết bài tạo hiệu ứng tuyết rơi cho blogspot để đón một mùa giáng sinh vui vẻ. Góp phần cho blogspot đẹp và sinh động hơn. Viết xong bài này rồi nghỉ ôn thi là vừa rồi hihi. Nào cùng nhau làm thôi :))

• Cách thực hiện hết sức đơn giản :))
• Đầu tiên bạn Đăng nhập vào Blogger rồi sau đó đến Chủ đề và nhấn vào chỉnh sửa HTML
• Tiếo theo thì bạn Ctrl F và tìm thẻ </body> rồi copy đoạn mã bên dưới và dán lên bên trên thẻ </body> vừa tìm được

<style type="text/css">
.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%}.snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite}.snow.foreground{background-image:url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");-webkit-animation-duration:15s;animation-duration:10s}.snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s}.snow.middleground{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);-webkit-animation-duration:20s;animation-duration:15s}.snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s}.snow.background{background-image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);-webkit-animation-duration:25s;animation-duration:20s}.snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s}@-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}@keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}</style>
<div class='snow-container'>
<div class='snow foreground'></div>
<div class='snow foreground layered'></div>
<div class='snow middleground'></div>
<div class='snow middleground layered'></div>
<div class='snow background'></div>
<div class='snow background layered'></div>
</div>

Trên đây là 2 Hiệu ứng tuyết rơi dùng để trang trí cho blog mà chúng tôi tổng hợp được. Chúc các bạn thực hiện thành công và có một mùa giáng sinh anh lành và hạnh phúc. À mà đừng quên là phải cố gắng thi cử cho tốt nhé. Fighting !

Read More

Tạo Live Chat Facebook Cho Blogspot

Thêm box gửi tin nhắn, hỗ trợ trực tuyến (live chat) Facebook trên Blogspot. Gọi nó là “Live Chat” kể cũng không thật sự chuẩn xác, nhưng xét về bản chất thì mình không có từ nào tốt hơn. Cũng khá lâu rồi Facebook đã cho phép chúng ta tích hợp phần live chat này giữa Blogspot và Fanpage.

NHƯỢC ĐIỂM:

• Người gửi có thể gửi tin nhắn đi nhưng sẽ không nhận được tin nhắn trả lời ngay trên cửa sổ chat của web.

ƯU ĐIỂM

• Hoàn toàn miễn phí
• Hỗ trợ trên Mobile (ở bản này mình đã nâng cấp sẽ đưa người dùng qua ứng dụng gửi tin nhắn của Facebook)
• Gọn nhẹ, hoạt động và tích hợp đơn giản.
• Giao diện, hỗ trợ Tiếng Việt.

CÁC BƯỚC THỰC HIỆN:

• Bước 1: Bạn truy cập Blogger.com và chọn Blog cần thay đổi.

• Bước 2: Chọn Bố cục 

• Bước 3: Chọn Thêm tiện ích (có thể chọn nút thêm tiện ích ở bất kỳ vị trí nào)

<style>.fb-livechat, .fb-widget{display: none}.ctrlq.fb-button, .ctrlq.fb-close{position: fixed; right: 24px; cursor: pointer}.ctrlq.fb-button{z-index: 999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff; width: 60px; height: 60px; text-align: center; bottom: 30px; border: 0; outline: 0; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16); -webkit-transition: box-shadow .2s ease; background-size: 80%; transition: all .2s ease-in-out}.ctrlq.fb-button:focus, .ctrlq.fb-button:hover{transform: scale(1.1); box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24)}.fb-widget{background: #fff; z-index: 1000; position: fixed; width: 360px; height: 435px; overflow: hidden; opacity: 0; bottom: 0; right: 24px; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)}.fb-credit{text-align: center; margin-top: 8px}.fb-credit a{transition: none; color: #bec2c9; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: none; border: 0; font-weight: 400}.ctrlq.fb-overlay{z-index: 0; position: fixed; height: 100vh; width: 100vw; -webkit-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; top: 0; left: 0; background: rgba(0, 0, 0, .05); display: none}.ctrlq.fb-close{z-index: 4; padding: 0 6px; background: #365899; font-weight: 700; font-size: 11px; color: #fff; margin: 8px; border-radius: 3px}.ctrlq.fb-close::after{content: "X"; font-family: sans-serif}.bubble{width: 20px; height: 20px; background: #c00; color: #fff; position: absolute; z-index: 999999999; text-align: center; vertical-align: middle; top: -2px; left: -5px; border-radius: 50%;}.bubble-msg{width: 120px; left: -140px; top: 5px; position: relative; background: rgba(59, 89, 152, .8); color: #fff; padding: 5px 8px; border-radius: 8px; text-align: center; font-size: 13px;}</style><div class="fb-livechat"> <div class="ctrlq fb-overlay"></div><div class="fb-widget"> <div class="ctrlq fb-close"></div><div class="fb-page" data-href="https://www.facebook.com/Hello.DVH" data-tabs="messages" data-width="360" data-height="400" data-small-header="true" data-hide-cover="true" data-show-facepile="false"> </div><div class="fb-credit"> <a href="http://www.hungstar.tk" target="_blank">Powered by ĐVH</a> </div><div id="fb-root"></div></div><a href="https://m.me/Hello.DVH" title="Gửi tin nhắn cho chúng tôi qua Facebook" class="ctrlq fb-button"> <div class="bubble">1</div><div class="bubble-msg">Bạn cần hỗ trợ?</div></a></div><script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script>$(document).ready(function(){function detectmob(){if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){return true;}else{return false;}}var t={delay: 125, overlay: $(".fb-overlay"), widget: $(".fb-widget"), button: $(".fb-button")}; setTimeout(function(){$("div.fb-livechat").fadeIn()}, 8 * t.delay); if(!detectmob()){$(".ctrlq").on("click", function(e){e.preventDefault(), t.overlay.is(":visible") ? (t.overlay.fadeOut(t.delay), t.widget.stop().animate({bottom: 0, opacity: 0}, 2 * t.delay, function(){$(this).hide("slow"), t.button.show()})) : t.button.fadeOut("medium", function(){t.widget.stop().show().animate({bottom: "30px", opacity: 1}, 2 * t.delay), t.overlay.fadeIn(t.delay)})})}});</script>

• Bước 4: Dán code trên và dán vào nội dung của thuộc tính này sau đó nhấn Lưu

Thay link Facebook https://m.me/Hello.DVH
Thành Link Facebook của bạn nhé

Vậy là xong, hãy quay lại trang Blogspot của bạn và tận hưởng kết quả.

Xem thêm tại: Tú Cao Blog

Read More