Áp dụng thủ thuật rút gọn URL cho Blogger

Một đặc tính của các trình duyệt là tự động nhận diện các liên kết bắt đầu bằng dấu / thành URL trang chủ của blog. Như vậy, thay vì các bạn...

Một đặc tính của các trình duyệt là tự động nhận diện các liên kết bắt đầu bằng dấu / thành URL trang chủ của blog. Như vậy, thay vì các bạn nhập http://tenblogcuaban.blogspot.com/abc.html thì các bạn có thể rút ngắn thành /abc.html.


Tại sao cần rút ngắn URL

Có 3 lợi ích của việc rút ngắn tên miền như sau:
  • Tránh sai sót. Đôi khi bạn có thể gõ sai tên miền của blog của các bạn trong các liên kết mà bạn định chèn vào blog. Nếu bạn chỉ phải dùng dấu / thì chẳng bao giờ sợ sai cả.
  • Tiết kiệm dung lượng. Khi thiết kế template, thay vì bạn phải sử dụng biến data:blog.homepageUrl thì bạn chỉ dùng dấu /. Điều này không những giúp bạn khỏi phải gõ cái tên biến lê thê ở trên mà giúp tiết kiệm được dung lượng cho mã code template của mình.
  • Tính tương thích. Thiết kế template cần nhất là tính tương thích, nghĩa là với một mã code thì có thể dùng cho nhiều blog. Điều này quan trọng với các bạn chuyên thiết kế và chia sẻ template, lúc này dấu / sẽ tự động thay bằng URL trang chủ nên bạn dùng tên miền nào thì nó cũng nhận diện chính xác được.



Hướng dẫn rút ngắn URL
Nếu bạn sợ làm hỏng mã nguồn Blog thì hãy sao lưu trước khi thực hiện nhé!
Bước 1: Truy cập vào bảng điều kiển Blog, chọn Mẫu > Chỉnh sửa HTML >
Tiếp tục

 
Bước 2: Nhấn Mở rộng Mẫu tiện ích

 
Bước 3: Bấm Ctrl+F để tìm tất cả các đoạn code có dạng: href="http://tenblogcuaban.blogspot.com và thay chúng bằng href="/

Bước 4: Bấm Lưu mẫu. Vậy công việc thay đổi đã xong. Xin lưu ý rằng, dấu / là trỏ đến URL trang chủ của bạn chứ không phải trỏ đến blog khác, vì vậy bạn chỉ thay đổi để rút ngắn các liên kết nội bộ thôi.
 
Tương tự với việc rút ngắn URL trong template, với bài viết hoặc các liên kết trong widget các bạn cũng có thể dùng thủ thuật này. Chúc các bạn thành công.

COMMENTS

BLOGGER: 18
  1. Bóc tem bài mới

    Gloomy sunday :(

    Trả lờiXóa
  2. @Tien Nguyen Em buồn vì ko có bồ để mà bị đạp :(

    Trả lờiXóa
  3. Nặc danh14:44 11/3/12

    Anh Tiến sửa giùm em cái ảnh ở bước 1 thành ảnh này nhé :) Cảm ơn anh nhiều !

    Trả lờiXóa
  4. Nặc danh16:35 11/3/12

    @Cu0nglsfThủ thuật rất đơn giản và dễ hiểu. Ví dụ cái logo blog bạn có liên kết dẫn đến trang chủ dạng như sau:

    <a href="http://hynls.blogspot.com/" style="...">
    <img src="...">
    </a>

    Thì sẽ được thay bằng

    <a href="/" style="...">
    <img src="...">
    </a>

    Chúc bạn thành công :)

    Trả lờiXóa
  5. Nặc danh00:13 12/3/12

    Hỳ offline lâu quá rồi nay tái xuất với 1 sản phẩm nằm ngoài sức tượng tượng của các bạn: http://www.nibirin.com/

    Trả lờiXóa
  6. Áp dụng cái này làm dung lượng của template giảm đi đáng kể :)

    Trả lờiXóa
  7. Mình chỉ sử dụng khi k thể auto như việc hiển thị url ở widget HTML, chứ việc chỉ dùng "/" làm giảm dung lượng temp nhưng lại thêm việc cho trình duyệt sử lý tìm locahost. K ai lại đi dùng link http://tenblogcuaban.blogspot.com trong temp cả vì đã có data:blog.homepageUrl. Và k phải ngẫu nhiên data:blog.homepageUrl lại hiển thị là http://tenblogcuaban.blogspot.com/ (có gạch chéo ở cuối) chứ k phải là http://tenblogcuaban.blogspot.com. Nếu k có gạch chéo ở cuối với url truy cập đến folder thì trình duyệt sẽ thêm 1 bước là thêm gạch chéo, việc này cũng như khai báo width, height cho ảnh vậy để giảm khối lượng công việc cho trình duyệt.

    Việc code với url "/" hay "../" khi bạn thiết kế website với những ngôn ngữ HTML, PHP... trên locahost sẽ tiện dụng nhưng Blogger thêm tag data:blog.homepageUrl k phải là thừa.

    Trả lờiXóa
  8. @Duy PhamEm thấy cũng khá tiện trong js.

    Trả lờiXóa
  9. Nặc danh12:44 13/3/12

    @Duy PhamBác Duy PRO quá. Thật ra cách rút gọn URL này em chỉ mày mò được khi chỉnh sửa cái Menu rối rắm thôi. Còn tác dụng tác hại của nó thì em không biết. Mong bác chỉ giáo thêm :-)

    Trả lờiXóa
  10. có 2 nut nhấn :
    1 : /123.html
    2 : /234.html
    nhấn 1 rồi, nhấn 2 sẽ thế nào nhỉ

    Trả lờiXóa
  11. thanks cái này hay nek. bóc tem cái đã

    Trả lờiXóa
  12. Một công cụ rút gọn URL của Việt Nam rất đáng để sử dụng: http://vnurl.net/

    Trả lờiXóa
  13. / là đủ rồi nhỉ !

    Trả lờiXóa
  14. Cám ơn nhé, sẽ áp dụng khi có dịp ^^

    Trả lờiXóa
  15. Cám ơn bài viết này. mình đã thực hiện nó luôn rùi

    Trả lờiXóa

Tên

au*cenz,2,au*dashcam,1,au*hhv,3,au*mitom,1,au*pup,1,au*tai,5,au*tdphan,2,au*tgphan,1,au*tvnguyen,76,au*vkhg,1,Blogspot căn bản,11,Các thủ thuật khác,8,Comment phân cấp,3,Công cụ,2,Google SEO,3,Hỗ trợ,2,Hubspot Marketing Grader,1,IE CSS hack,1,kiếm tiền trên mạng,1,Kỹ năng viết blog,7,Lập trình Blogger,3,Mẫu blog,11,Menu,1,Sitemap,1,Sticky,1,Sưu tầm,6,Tên miền Godaddy,2,Thủ thuật,31,Tiện ích bài ngẫu nhiên,1,Tiện ích bài viết mới,1,Tiện ích mạng xã hội,2,Tiện ích nhận xét mới,1,Tiện ích Top nhận xét,1,Tin tức,36,Widgets,8,youtube partner,1,
ltr
item
Vnblogspot: Áp dụng thủ thuật rút gọn URL cho Blogger
Áp dụng thủ thuật rút gọn URL cho Blogger
https://lh4.googleusercontent.com/-bCYDB9MML60/T1xQ7HB3-3I/AAAAAAAACmg/Q2fYNSx3_v8/s431/10-03-2012%25201-33-16%2520CH.png
https://lh4.googleusercontent.com/-bCYDB9MML60/T1xQ7HB3-3I/AAAAAAAACmg/Q2fYNSx3_v8/s72-c/10-03-2012%25201-33-16%2520CH.png
Vnblogspot
http://vnblogspot2.blogspot.com/2012/03/ap-dung-thu-thuat-rut-gon-url-cho.html
http://vnblogspot2.blogspot.com/
http://vnblogspot2.blogspot.com/
http://vnblogspot2.blogspot.com/2012/03/ap-dung-thu-thuat-rut-gon-url-cho.html
true
5347051965778775909
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content