Articles by "Thủ thuật CNTT"

Showing posts with label Thủ thuật CNTT. Show all posts

Chúng ta có khá nhiều cách để truy cập Facebook khi bị chặn, trong đó cách sử dụng các phần mềm khá hiệu quả và lại có nhiều phần mềm giúp ta khắc phục vấn đề bị chặn của nhà mạng. Trong đó Hotspot Shield là một lựa chọn tốt.

Cách sử dụng Hotspot Shield để truy cập Facebook

Việc sử dụng các phần mềm giúp truy cập Facebook dễ dàng hơn những cách vào Facebook khác đã được mình trình bày ở bài viết trước. Với Hotspot Shield, bạn chỉ cần bật lên lúc vào Facebook, còn không thì có thể tắt đi. Đơn giản và hiệu quả!

Hướng dẫn cách dùng Hotspot Shield để vào Facebook

- Đầu tiên là tải và cài đặt Hotspot Shield phiên bản mới nhất tại đây: http://www.hotspotshield.com/vi

Quá trình cài đặt như bình thường bạn cài đặt các ứng dụng, phần mềm khác thôi. Nhanh chứ không có gì khó khăn cả.

- Sau khi cài đặt xong bạn sẽ có 1 biểu tượng màu xanh ở bên dưới thanh taskbar, ở khu vực các icon hệ thống:

Bat Hotspot Shield

- Đây là Hotspot Shield đã tự động kích hoạt. Chúng ta có 2 loại biểu tượng:
  • Xanh như trên tức Hotspot Shield đang chạy
  • Màu đỏ như ảnh dưới này tức Hotspot Shield đã được tạm ngưng sử dụng
Tat Hotspot Shield

- Để chuyển đổi giữa bật/tắt Hotspot Shield bạn cần cần chuột phải vào icon Hotspot và chọn Tắt hoặc Bật thôi.

Dung Hotspot Shield de truy cap Facebook

Khi bạn đang Bật Hotspot Shield thì phần mềm sẽ tự động Fake IP để bạn dễ dàng truy cập vào những trang bị chặn, trong đó có cả Facebook. Với cách vào Facebook sử dụng Hotspot Shield thì tốc độ mạng sẽ giảm đi khá đáng kể. Đó chính là nhược điểm của Hotspot Shield.

Bạn có ghét bị những lời mời chơi game, lời mời sử dụng ứng dụng trên Facebook làm phiền? Bạn có lẽ sẽ khá bực mình với nó, tuy nhiên, đừng nóng giận làm gì, vì Facebook cung cấp cho chúng ta những công cụ để giúp bạn chặn những lời mời chơi game, ứng dụng này.

Chặn lời mời chơi game, ứng dụng trên Facebook
Với hướng dẫn chặn lời mời chơi game, ứng dụng trên Facebook ở bài viết này, bạn sẽ không còn bị làm phiền nữa, bạn bè bạn có thể thoải mái chơi mà không còn làm phiền đến bạn, tránh sứt mẻ tình cảm bạn bè, người thân.

Cách chặn lời mời chơi game, ứng dụng trên Facebook

Có 2 cách để chặn các lời mời này:

Cách 1: Chặn thông báo từ các ứng dụng, game trên Facebook

- Khi có thông báo về lời mời ứng dụng, game thì bạn hãy rê chuột vào vị trí thông báo, nhìn phía bên phải sẽ xuất hiện dấu X, hãy click vào nó để ngưng nhận thông báo:

Chặn lời mời chơi game, ứng dụng trên Facebook

- Tiếp theo click vào Tắt (Turn off):

Chặn lời mời chơi game, ứng dụng trên Facebook

Vậy là sau này sẽ không còn nhận thông báo từ ứng dụng này nữa

Chặn lời mời chơi game, ứng dụng trên Facebook

Cách 2: Chặn ứng dụng Facebook

Đây là cách chặn luôn ứng dụng, mọi thông báo đều không xuất hiện, cả những gì bạn bè bạn share lên Facebook cũng không xuất hiện ở News Feed của bạn

- Truy cập vào Cài đặt (Settings):

Chặn lời mời chơi game, ứng dụng trên Facebook

- Vào mục Chặn (Blocking):

Chặn lời mời chơi game, ứng dụng trên Facebook

Tại đây sẽ có rất nhiều lựa chọn tùy chỉnh cho bạn trong việc chặn, từ chặn người dùng, ứng dụng, sự kiện cho đến trang. Hiện chúng ta chỉ quan tâm đến chặn ứng dụng thôi.

- Một số lựa chọn:
  • Chặn lời mời dùng ứng dụng (Block app invites): Tại đây bạn có thể thêm tên bạn bè vào để chặn những lời mời từ người được thêm, chú ý là chỉ chặn lời mời ứng dụng, game từ người này thôi nhé, chứ không chặn hoàn toàn đâu. Nên dùng để chặn những người hay chơi game, ứng dụng Facebook.
  • Chặn lời mời tham gia sự kiện (Block event invites): Như chặn lời mời dùng ứng dụng, phần này để chặn lời mời tham gia sự kiện từ người khác, những người hay mời sự kiện.
  • Chặn ứng dụng (Block apps): Tại đây là nơi các bạn dùng để chặn ứng dụng, chỉ cần thêm tên vào là từ nay ứng dụng đó sẽ bị chặn hoàn toàn.
Chặn lời mời chơi game, ứng dụng trên Facebook

Sau khi sử dụng 2 cách chặn ứng dụng này, thì chắc hẳn Facebook bạn lúc này đã sạch bóng spam, không còn bị phiền nhiễu bởi những lời mời chơi game, ứng dụng nữa. Ôi! Thật sảng khoái khi được yên! ^_^

Các Blogger mấy hôm nay có lẽ vô cùng cực khổ, ngay trước ngày 2/9 nhà mạng FPT ra tay chặn IP của Blogspot, làm hàng loạt trang blog bị hiện tượng không ổn định, lúc load được trang, lúc không. Điều này ảnh hưởng rất lớn đến lượng visit của website cũng như gây ức chế cho người xem lẫn webmaster.

Cách dùng Cloudflare để không bị chặn Blogspot

Sau mấy ngày tìm cách fix, mình nhận được nhiều hỗ trợ của bà con blogger, tuy nhiên hầu hết các hỗ trợ này không có tác dụng mấy, như việc đổi DNS trên máy (Việc này chỉ giúp bạn vào được web chứ không giúp được người khác vào được web của bạn)... Tiếp đến, mình nghĩ đến việc nhà mạng chặn IP, vậy thì phải tìm cách đổi IP cho blog, nhưng việc đổi IP trên trang chủ tên miền không có tác dụng, đây là lúc mình nghĩ đến Cloudflare.

CloudFlare là một dịch vụ proxy trung gian, nghĩa là thay vì tên miền website của bạn sẽ kết nối với máy chủ qua IP của máy chủ thì lại kết nối đến CloudFlare, mỗi lượt truy cập đều kết nối và xử lý tại CloudFlare trước, điều này có nghĩa website của bạn sẽ được thay đổi IP, DNS.
Và sau khi mình sử dụng thủ thuật áp dụng CloudFlare vào website mình khoảng 3 tiếng sau, mọi thứ rất OK, không còn hiện tượng bị gián đoạn, lúc load, lúc không nữa. Dưới đây là hướng dẫn các bạn dùng CloudFlare.

Hướng dẫn dùng CloudFlare để không bị chặn Blogspot


- Bạn hãy truy cập vào website: https://www.cloudflare.com
Click vào sign up để tạo một tài khoản trên CloudFlare, việc tạo tài khoản là miễn phí. Sau khi tạo tài khoản thì đăng nhập vào đi nhé.

- Click vào Add site ở thanh menu trên cùng, và hãy thêm tên miền của bạn vào và bấm Begin scan:

Cách dùng Cloudflare để không bị chặn Blogspot

CloudFlare đang tiến hành quét tên miền của bạn.

Cách dùng Cloudflare để không bị chặn Blogspot

Sau khi scan xong thì tiếp tục bấm Continue Setup

- Tại đây là danh sách DNS records đã được quét, bạn hãy thêm 2 records TXT dưới đây vào nữa:
MARK.NS.CLOUDFLARE.COM
MARY.NS.CLOUDFLARE.COM
Bạn nhớ kiểm tra phần CNAME trong trang quản trị tên miền còn cái records nào chưa được đưa vào chổ này thì tự thêm vào nha, ví dụ như của mình dưới đây là đã thêm đầy đủ, gồm cả subdomain:

Cách dùng Cloudflare để không bị chặn Blogspot

Chú ý, các record CNAME trỏ về tên miền thì bạn chuyển sang đi qua đám mây nhé, chứ mặc định một số records mới thêm vào nó sẽ đi vòng qua đám mây, click vào đó để chuyển sang đi qua đám mây, tức qua CloudFlare trước.
- Sau khi thêm xong, thì bấm Continue, và chọn Free plan nhé, đây là gói miễn phí, tiếp tục Continue:

Cách dùng Cloudflare để không bị chặn Blogspot


 - Tại đây CloudFlare cung cấp cho chúng ta 2 name server, hãy lấy 2 nameserver này thay vào trong trang quản trị tên miền của bạn:

Cách dùng Cloudflare để không bị chặn Blogspot

Hướng dẫn thay Nameservers CloudFlare cho Godaddy

Ví dụ, mình dùng Godaddy thì Nameservers như thế này:

Cách dùng Cloudflare để không bị chặn Blogspot

Click vào Manage, và chon Custom, Add Nameserver:

Hướng dẫn thay Nameservers CloudFlare cho Godaddy

Nhập 2 nameserver mà CloudFlare cung cấp vào đây và OK, tiếp tục bấm Save sau đó.

Hướng dẫn thay Nameservers CloudFlare cho Godaddy

Đây là nameserver sau khi đã thay đổi, là nameserver của CloudFlare:

Hướng dẫn thay Nameservers CloudFlare cho Godaddy

- Sau khi add namserver xong thì bạn quay lại trang CloudFlare, khoảng 10" sau bấm Recheck Namservers:

Hướng dẫn thay Nameservers CloudFlare cho Godaddy

 - Đây là khi bạn đã xác thực thành công:

Hướng dẫn thay Nameservers CloudFlare cho Godaddy

Xong, như thế là bạn đã dùng CloudFlare cho tên miền của bạn, nhưng thời gian để áp dụng hoàn toàn sẽ là khoảng vài tiếng sau khi bạn thực hiện dùng CloudFlare. Sau đó thì bạn sẽ không còn bị nhà mạng chặn nữa, truy cập khá mượt mà đấy :D Chúc các bạn thành công!

Thay đổi file host để truy cập vào Facebook là một trong những cách vào facebook khi bị chặn được sử dụng nhiều nhất. File hosts là nơi chứa thông tin địa chỉ IP của máy chủ và tên miền trỏ tới, giúp cho hệ điều hành Windows dễ dàng chuyển địa chỉ IP của máy chủ sang tên miền. Vì vậy, chỉ cần khai báo một số thông tin về IP cho file hosts trong này là bạn có thể dễ dàng truy cập Facebook hay các trang web khác, thậm chí bạn có thể chặn truy cập của các trang, địa chỉ khác nữa.

Cách thay đổi, chỉnh sửa file hosts để truy cập Facebook
Như đã nói ở trên, việc chỉnh sửa file hosts này sẽ giúp các bạn dễ dàng truy cập facebook hay các trang web bị chặn, đồng thời dễ dàng chặn truy cập đến các trang web, máy chủ qua hệ thống IP.

Cách thay đổi, chỉnh sửa file hosts


- Để truy cập file host, bạn có thể theo đường dẫn sau:
C:/Windows/System32/Drivers/etc
Hoặc mở Run lên bằng cách bấm Windows + R, rồi paste đường dẫn trên vào và enter:

Cách thay đổi, chỉnh sửa file hosts

- Tiếp tục mở file hosts bằng cách chuột phải vào, chọn Open with:

Cách thay đổi, chỉnh sửa file hosts

- Và chọn mở bằng Notepad:
Cách thay đổi, chỉnh sửa file hosts

- Sau khi mở lên thì bạn có thể tùy ý chỉnh sửa file hosts, ví dụ như thêm các địa chỉ IP vào để dễ dàng truy cập vào Facebook chẳng hạn:

Cách thay đổi, chỉnh sửa file hosts

- Sau khi thay đổi thì bạn có thể lưu lại!
Chú ý: Nếu bạn lưu lại mà bị mở một thông báo buộc phải lưu với tên khác, thì làm theo cách bên dưới:

Cách lưu file hosts khi bị lỗi

Cách lưu file hosts khi bị lỗi

Không lưu được file host xảy ra khi bạn không được cấp đầy đủ quyền chỉnh sửa, cách bên dưới mình hướng dẫn sẽ giúp bạn cung cấp full quyền truy cập cho tài khoản, và sẽ lưu file hosts dễ dàng.
- Chuột phải vào file hosts, tiếp tục vào Properties:

Cách lưu file hosts khi bị lỗi

- Chuyển sang tab Security, chọn tài khoản user đang sử dụng, và click vào Edit:

Cách lưu file hosts khi bị lỗi

- Cửa sổ Permissions for host mở ra, bạn tiếp tục chọn tài khoản user đang sử dụng, và tick mục Allow của Full control. Sau đó OK, lưu lại

Cách lưu file hosts khi bị lỗi

- Và bạn đã có thể chỉnh sửa và lưu file host một cách dễ dàng.

Như các bạn đã biết, hiện Blogspot ở Việt Nam chúng ta đang bị nhà mạng VNPT chặn truy cập, vì có nhiều thành phần chống đối nhà nước sử dụng Blogspot làm công cụ để phát tán tin tức xấu. Điều này làm ảnh hưởng đến cả những Blogger chân chính như chúng ta, điều này rõ ràng là không đáng xảy ra.

Vậy phải có cách gì đó cho chúng ta có thể tồn tại chứ, không thể cứ nhìn trang web mỗi lần bị chặn lại sụt giảm 30% lượt view như vậy được! Nhiều bạn có thể đã biết, để tránh bị VNPT chặn thì đầu tiên là nên trỏ tên miền về cho Blog, cái này mình không nói đến nữa, vì nó chính xác hoàn toàn rồi.
Nhưng... trỏ tên miền xong thì chưa đủ, vì những hình ảnh trên web chúng ta đều có đuôi .blogspot.com, chính vì thế, cũng bị nhà mạng VNPT chặn nốt. Vào trang web mà ảnh thì chẳng có cái nào, xem bài viết ảnh toàn lỗi, vậy nếu là bạn bạn có out ngay cho khỏe không? Câu trả lời là có!

Cách hiển thị ảnh Blogspot dù bị VNPT chặn

Chính vì thế, mình viết bài hướng dẫn này, giúp các bạn hiển thị ảnh trên Blogspot cho dù VNPT có chặn hay không! Cách này rất đơn giản, không cần phải sử dụng bất kỳ trang upload ảnh nào khác!

Vậy cách hiển thị ảnh Blogspot dù bị VNPT chặn làm thế nào?

Blogspot, mặc định nó có 1 công cụ upload ảnh, tuy rằng, các bạn khi kiểm tra HTML của nó, thì ảnh có đuôi là .blogspot.com. Tuy nhiên, không phải, trang web lưu ảnh của chúng ta upload lên là Picasa chứ không phải Blogspot, nhiệm vụ của Blogspot chỉ là đổi đường link ảnh mà thôi :)

- Sau khi upload ảnh, viết bài đầy đủ rồi, thì đừng public vội, hãy chuyển sang tab html:
Cách hiển thị ảnh Blogspot dù bị VNPT chặn
- Tìm hết những đường link ảnh mà bạn đã upload, và thay toàn bộ phần này:

1.bp.blogspot.com
2.bp.blogspot.com
3.bp.blogspot.com
4.bp.blogspot.com

thành lh3.ggpht.com  hoặc lh3.googleusercontent.com --->> Chú ý: lh3, các bạn có thể thay số 3 thành 3-6 đều được nhé, hiện các subdomain này đều đang được Picasa sử dụng :)
- Và giờ thì bạn đã có thể public bài viết, những đường link ảnh đã được chuyển về đúng dạng của nó, và tất nhiên là sẽ hiển thị ảnh dù VNPT có chặn hay không, vì VNPT chỉ chặn blogspot.com thôi ^_^

Bài viết này mình sẽ hướng dẫn cách tạo widget bình luận mới nhất (Recent comments) cho blogspot. Vì với blogspot thì việc quản lý bình luận khá khó khăn, hoặc bạn phải thường xuyên theo dõi mail của mình và rất dễ bị spam mail vì thông báo bình luận từ trang web.

tạo widget bình luận mới nhất (Recent comments)


Với widget bình luận mới nhất này sẽ giúp bạn theo dõi những bình luận trên toàn bộ nội dung của blog mình, sẽ phản ứng kịp thời với những spammer hay trả lời nhanh nhất cho những câu hỏi của các bạn khác đặt ra trong các chủ đề của mình. Và widget bình luận này hiển thị cả avatar của blogger nhé :)

Làm thế nào để tạo widget bình luận mới nhất cho Blogspot?

- Vào trang quản trị của bạn ở Blogger
- Tiếp tục chọn Layout (Bố cục), và chọn ví trí thêm widget bình luận mới nhất:
Cách tạo widget bình luận mới nhất (Recent comments) blogspot

- Thêm HTML, JavaScript:
Cách tạo widget bình luận mới nhất (Recent comments) blogspot

- Và paste toàn bộ đoạn code bên dưới này vào nội dung của HTML, JavaScript:

<style type="text/css">

    ul.ST_recent_comments{list-style:none;margin:0;padding:0;}
    .ST_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .ST_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .ST_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .ST_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 5,
    showAvatar     = true,
    avatarSize     = 40,
    roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src=" https://googledrive.com/host/0B_1mqJd2tC8qdDdPb25PXzNiSUk"></script>
<script type="text/javascript" src="http://www.tranbadat.info/feeds/comments/default?alt=json&callback=ST_recent_comments&max-results=5"></script>

Trong đó, chữ màu xanh bạn sẽ thay bằng đường dẫn blog của bạn nhé. Còn 2 con số màu đỏ là số bình luận bạn cho phép hiển thị, có thể tùy chỉnh theo ý mình nhé. Và lưu lại!

Hãy F5 trang web của bạn và xem kết quả đi nào ^_^

Bạn có thích 1 thanh menu đẹp để áp dụng cho thanh menu cố định khi cuộn trang lung thị linh hơn? ^_^ Ở đây mình sẽ chia sẻ cách làm menu xổ xuống (drop down) cơ bản nhất cho Blogspot. Sau khi hoàn thành bạn sẽ có 1 thanh menu ấn tượng!

Cách làm menu xổ xuống (Drop down) Blogspot


Chú ý là tất cả hướng dẫn ở đây chỉ áp dụng cho những mẫu có sẵn khu vực navigation ở top, còn những mẫu template khác thì các bạn phải tùy biến nhiều hơn mới có kết quả!

Làm thế nào để làm menu xổ xuống (Drop down)?

- Truy cập vào trang quản trị Blogger > Design (Thiết kế)  > Page Elements (Bố cục)


Cách làm menu xổ xuống (Drop down) Blogspot

- Hãy chọn thêm HTML/JavaScript như ảnh trên, và paste đoạn code này vào:

<div id='drnavbar'> 
      <ul id='drnav'> 
        <li> 
          <a href='#'>Trang chủ</a> 
        </li> 
        <li> 
          <a href='#'>Chém gió</a> 
        </li> 
        <li> 
          <a href='#'>Liên hệ</a> 
        </li> 
        <li> 
           <a href='#'>Menu</a>
            <ul> 
                <li><a href='#'>Menu 1</a></li> 
                <li><a href='#'>Menu 2</a></li> 
                <li><a href='#'>Menu 3</a></li> 
              </ul> 
        </li>
      </ul> 
    </div>

Trong đó:
+ Những dấu # sẽ được thay bằng các đường dẫn đến các chủ đề mà các bạn muốn nó xuất hiện
+ Chữ màu xanh là nội dung hiển thị của các chủ đề
+ Thẻ <ul>...</ul> là thẻ dùng để mở rộng tạo menu xổ xuống (drop down). Như đoạn code trên thì khi  trỏ chuột vào Menu, sẽ xổ xuống các Menu 1,2,3
Sau đó lưu lại đi!

- Giờ thì đến Design (Mẫu)> Edit HTML (Chỉnh sửa HTML)
- Giờ thì nên backup toàn bộ code trước khi chỉnh sửa nhé, để khi cần còn có thể phục hồi lại như cũ
- Tìm kiếm đến thẻ ]]></b:skin> và thêm đoạn CSS này lên trên nó:
/*----- Drop Down Menu ----*/

#drnavbar { 
    background: #060505; 
    width: 960px; 
    color: #FFF; 
        margin: 0px; 
        padding: 0; 
        position: relative; 
        border-top:0px solid #960100; 
        height:35px;
}

#drnav { 
    margin: 0; 
    padding: 0; 
#drnav ul { 
    float: left; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
#drnav li { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
        border-left:1px solid #333; 
        border-right:1px solid #333; 
        height:35px; 
#drnav li a, #drnav li a:link, #drnav li a:visited { 
    color: #FFF; 
    display: block; 
   font:normal 12px Helvetica, sans-serif;    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
        
#drnav li a:hover, #drnav li a:active { 
    background: #BF0100; 
    color: #FFF; 
    display: block; 
    text-decoration: none; 
        margin: 0; 
    padding: 9px 12px 10px 12px; 
        
    
        
}
#drnav li { 
    float: left; 
    padding: 0; 
#drnav li ul { 
    z-index: 9999; 
    position: absolute; 
    left: -999em; 
    height: auto; 
    width: 160px; 
    margin: 0; 
    padding: 0; 
#drnav li ul a { 
    width: 140px; 
#drnav li ul ul { 
    margin: -25px 0 0 161px; 
#drnav li:hover ul ul, #drnav li:hover ul ul ul, #drnav li.sfhover ul ul, #drnav li.sfhover ul ul ul { 
    left: -999em; 
#drnav li:hover ul, #drnav li li:hover ul, #drnav li li li:hover ul, #drnav li.sfhover ul, #drnav li li.sfhover ul, #drnav li li li.sfhover ul { 
    left: auto; 
#drnav li:hover, #drnav li.sfhover { 
    position: static; 
}
#drnav li li a, #drnav li li a:link, #drnav li li a:visited { 
    background: #BF0100; 
    width: 120px; 
    color: #FFF; 
    display: block; 
    font:normal 12px Helvetica, sans-serif; 
    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
z-index:9999; 
border-bottom:1px dotted #333;
    
#drnav li li a:hover, #drnavli li a:active { 
    background: #060505; 
    color: #FFF; 
    display: block;     margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
}

Các đoạn CSS có #... là màu của các thành phần trong thanh menu nhé, màu thế nào là tùy các bạn. Bạn có thể thay đổi font chữ tại đoạn code màu xanh

Cuối cùng là lưu template lại và tận hưởng thành quả :D Nhưng nhớ là có không vừa ý thì cũng tự hiểu rằng đây chỉ là đoạn code cơ bản để làm menu xổ xuống (Drop down) cho Blogspot thôi ^_^ Bạn phải tùy chỉnh một vài nội dung nữa nó mới hợp với trang web của bạn!

Nay tiếp tục với phần hướng dẫn các thủ thuật dành cho blogspot. Các bạn luôn muốn trang web mình trở nên hiện đại và đẹp, các bạn thấy nhiều trang web có cái thanh menu mỗi khi cuộn trang xuống là nó tự dính vào phía trên của màn hình và trượt theo... như web của mình ^_^ Thanh menu này sẽ giúp mọi người dễ dàng chuyển qua lại giữa các nội dung.

 tạo thanh menu trượt (Sticky menu) khi cuộn trang

Và bài viết này là để hướng dẫn các bạn làm điều đó: Tạo thanh menu cố định (Sticky Menu) khi cuộn trang

Trước khi vào bài viết, mình lưu ý rằng chỉ áp dụng cho những blog có sẵn thanh navigation bar, hay gọi là thanh điều hướng trang như của mình nha. Còn nếu không có thì bạn có thể tạo ra nó, bằng cách... đợi bài hướng dẫn tiếp theo của mình :))

Bắt đầu vào hướng dẫn tạo sticky menu thôi:

- Đầu tiên phải tạo CSS cho nó, bạn vào Edit HTML là thêm đoạn CSS này phía trên thẻ ]]></b:skin> nhé:

/* Bắt đầu Stick Nav */
sticknav {
background: #ffffff;
height: 30px;
width: 100%;
margin-right: 0px;
margin-left: 0px;
left: 0px;
right: 0px;
position: relative;
z-index: 9999;
}
.fixed { position:fixed;}
/* Kết thúc Stick Nav */


2 cái bên trong dấu /* */ chỉ dùng để báo cho bạn biết code bên trong nó nói về gì thôi, nên không cần quan trọng đâu ^^
- Giờ thì tìm đến đoạn code chứa navigation bar của các bạn, ví dụ như của mình thì chính là đoạn code chứa navitions này:
 tạo thanh menu trượt (Sticky menu) khi cuộn trang

Hãy đặt toàn bộ code của navigation bar vào trong thẻ:

<sticknav>
(Đoạn code của navigation bar ở đây)
</sticknav>

- Cuối cùng là đặt đoạn code này trên thẻ </body> :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var aboveHeight = $('header').outerHeight();
    $(window).scroll(function(){
        if ($(window).scrollTop() > aboveHeight){
        $('sticknav').addClass('fixed').css('top','0').next().css('padding-top','60px');
        } else {
       $('sticknav').removeClass('fixed').next().css('padding-top','0');
        }
    });
});
</script>
Trong đó:

+ Với đoạn js màu xanh kia. Nếu trong blog bạn đã có dòng nào tương tự (Khác phiên bản 1.6.4 cũng được) thì bỏ nó đi nhé.

+ Còn đoạn màu tím nếu để nguyên như thế thì mỗi khi bạn cuộn xuống thì thanh navigation sẽ tự nhảy để chuyển thành sticky nav. Còn nếu bạn muốn quy định khi cuộn xuống bao nhiêu px thì nó mới thành sticky nav thì dùng đoạn code này thay vào đó:

var aboveHeight = 300;

Cuối cùng là lưu lại và bạn đã có được thanh menu cố định ( Sticky menu) khi cuộn trang rồi đấy, nó sẽ nằm trên cùng và trượt theo bạn!

Hôm trước mình có viết bài hướng dẫn các bạn cách tạo ra một trang blog cho mình bằng Blogspot. Đó mới chỉ là tạo ra blog và sử dụng những template có sẵn mà Blogger cung cấp cho chúng ta. Nay với bài viết này, mình sẽ hướng dẫn các bạn cách thay đổi template mặc định của blog bằng những template tùy chỉnh khác đẹp hơn.

Cách thay đổi template blogspot

Hướng dẫn thay đổi template cho Blogspot:

- Đầu tiên bạn hãy download những template blogspot cực đẹp được share tại Trần Bá Đạt (_CTPG_)
- Tiếp theo hãy truy cập vào trang quản trị blog của bạn tại: https://www.blogger.com
- Chọn blog của bạn, và làm theo ảnh này:
Hướng dẫn thay đổi template cho blogspot

Click vào Mẫu (Templates), tại đây chúng ta có nhiều tùy chọn. Từ những tùy chỉnh mà template cung cấp, cho đến chỉnh code của template và các template có sẵn...

Hãy chọn vào Sao lưu/ Khôi phục ở góc bên phải (Vị trí số 2 trên ảnh), đây là khu vực cho bạn có thể export code của toàn bộ trang blog của mình ra file xml và cũng là nơi bạn import những file template có sẵn (xml) vào để thay thế code hiện tại.
Hướng dẫn thay đổi template cho blogspot

- Sau khi vào đó, hãy click vào phần Chọn tệp (Choose file), và duyệt đến file template blog mà bạn đã tải ở trên (Nó là file xml nha). Và tiếp hành Tải lên (Upload). Đợi 1 tí thì sẽ có thông báo thành công (hoặc lỗi :v :v ).

Đây là cách tải lên template bằng công cụ có sẵn của blog, tuy nhiên, bạn có thể thay đổi template blogspot bằng cách khác. Nhất là khi việc Upload lên bị lỗi:

- Đầu tiên vẫn là tải template về, sau đó hãy giải nén ra. Chúng ta sẽ có một hoặc nhiều template có sẵn trong đó.
- Tiếp hành mở các template này, bằng notepad có sẵn (Code sẽ lộn xà bần lên ^^)  hoặc sử dụng một công cụ lập trình khác như Notepad ++ (Mình đang dùng cái này)

Hướng dẫn thay đổi template cho blogspot

- Hãy copy toàn bộ code trong đó

Hướng dẫn thay đổi template cho blogspot

- Và vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML), hãy chọn toàn bộ code trong đó và paste toàn bộ code đã copy lúc nãy vào và lưu lại

Hướng dẫn thay đổi template cho blogspot

OK, sau khi lưu lại xong thì hãy vào xem sự thay đổi của trang blog của mình nhé. Tuy nhiên, với nhiều template, thì bạn cần phải tùy chỉnh nhiều mới có thể được đúng như ảnh demo. Chính vì thế nếu cần support gì thì cmt bên dưới nhé :)

Như các bạn đã biết, mặc định trên Windows 7 thì mỗi khi khởi động máy, bấm liên tục phím F8 sẽ đưa bạn đến một menu boot đó là Advanced Boot Options, tại đây chúng ta có nhiều tùy chọn như sửa lỗi Windows, truy cập vào Safe Mode...
Tuy nhiên, với Windows 8, 8.1 thì Microsoft đã tắt tính năng này, buộc người dùng mỗi khi muốn truy cập vào menu boot này phải tự mình kích hoạt. Vì thế mình viết bài này hướng dẫn các bạn cách kích hoạt phím F8 để truy cập vào Safe Mode hay Repair Your Computer.
Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1


Cách kích hoạt Safe Mode trên Windows 8, 8.1:

- Truy cập vào cmd bằng tổ hợp phím Windows + X, sau đó bấm A; hoặc có thể chuột phải vào nút Start và chọn Commant Prompt (Admin)
Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1

- Nhập dòng lệnh sau vào cmd và enter:

bcdedit /set {default} bootmenupolicy legacy

Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1

Dòng lệnh này chính là dòng lệnh để kích hoạt phím F8 để vào Safe Mode.
Sau khi kích hoạt thì bạn hãy thử reset máy và bấm liên tục phím F8 và tận hưởng nhé ^^

Cách hủy truy cập Safe Mode bằng phím F8:

- Nếu không muốn phím F8 dùng để truy cập vào Advanced Boot Options nữa sau khi đã kích hoạt bằng dòng lệnh trên thì bạn có thể tắt kích hoạt bằng dòng lệnh này trong cmd quyền Admin:

bcdedit /set {default} bootmenupolicy standard

Cách truy cập vào Safe Mode bằng phím F8 trên Windows 8, 8.1

Vậy là xong rồi đó. Cơ bản chỉ đơn giản như thế thôi. :D

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.