Blog: 07/31/13

Bỏ dòng chữ "Đăng ký: Đăng Nhận xét (Atom)" (Blogger)

Nếu bạn thấy dòng liên kết "Đăng ký: Đăng Nhận xét (Atom)" (tiếng Anh: Subscribe to: Posts (Atom)) trong Blogger không cần thiết và làm mất thẩm mỹ, bạn có thể bỏ dòng chữ này bằng 2 cách. Bạn hãy chọn cách thích hợp để thực hiện.

Hướng dẫn
- Bạn vào Thiết kế, chọn Chỉnh sửa HTML, check vào ô Mở rộng mẫu tiện ích.
- Tiếp theo, bạn chỉ cần thực hiện 1 trong 2 cách bên dưới:
Cách 1:
Bấm Ctrl+F để tìm Mã:

]]></b:skin>

Bạn chèn đoạn mã dưới này vào trước ]]></b:skin>:

.feed-links{display:none !important;}

Cách 2: Cách này đơn giản hơn vì không tốn tài nguyên
Bấm Ctrl+F để tìm và xóa mã dưới này:

<b:include data=’feedLinks’ name=’feedLinksBody’/>

- Lưu mẫu để hoàn thành.
Chúc các bạn thành công!

Lưu trữ hình ảnh trên blogger không giới hạn băng thông

Hiện nay có rất nhiều trang web lưu trữ hình ảnh nổi tiếng như: Imageshack, Photobucket, TinyPic, Flicker, Picasa, vv. Nhưng tất cả đều có tính năng hạn chế là: giới hạn của tải lên, giới hạn kích thước hình ảnh, tốc độ ít hơn và đặc biệt là giới hạn băng thông. Vậy tại sao chúng ta không sử dụng host lưu trữ hình ảnh miễn phí với băng thông không giới hạn của blogger. Tất cả chúng ta cần phải biết làm thế nào để tải lên các hình ảnh lên blogger. Nhưng một số blogger đang phải đối mặt với các vấn đề trong khi nhận được URL hình ảnh.Sau đây là hướng dẫn bao gồm tải ảnh lên và cũng sẽ hữu ích cho một số Hướng dẫn lớn sắp tới của tôi.

1- Đăng nhập (Login) vào bảng điều khiển Blogger (Dashboard)
2- Click chọn Bài đăng mới (NEWPOST)

3- Click chọn tab Viết (Compose tab) –> Click chọnChèn hình ảnh (Insert Image icon)

4- Click chọn Chọn tệp (Choose Files)

5- Chọn file ảnh muốn tải lên sau đó chọn Open

6- Bấm chọn hình đó sau đó bấm vào nút Thêm hình ảnh đã chọn (Add Selected)

- Khi đó sẽ được hình ảnh như dưới.

7- Click vào tab HTML trong bài viết

8- Bạn sẽ tháy 2 URL hình ảnh nhưng bạn hãy chọn URL hình ảnh gốc sau thẻ href như hình dưới.

- Hãy sử dụng hình ảnh này bất cứ khi nào bạn muốn với băng thông không giới hạn.

Lưu ý: Chèn hình ảnh như trên bạn có thể chèn các hình ảnh động và ảnh nền trong xuốt (.PNG). Còn cách khác là Bạn chèn hình ảnh ở phần HTML nhưng nếu chèn ở phần này thì sẽ không thể chèn được các ảnh động và ảnh PNG. Hãy kết hợp với bài Thủ thuậtchỉnh sửa ảnh trên Blogger & Picasa để tận dụng được hết lợi ích của blogger nha.

Tạo phân trang dạng số cho blog trên 3000 bài

Numbered Page Navigation Tạo phân trang cho blogspot

Page Navigation là một tiện ích không thể thiếu đối với các Pro Blog. Không chỉ điều hướng dễ dàng hơn so với phân trang mặc định của Blogspot, nó còn làm cho Blog của bạn trông bắt mắt và chuyên nghiệp hơn trong mắt đọc giả.

Page Navigation có nhiều phiên bản. Nhưng trong quá trình thực nghiệm, cũng như tham khảo những ý kiến phản hồi của các Blogger trong và ngoài nước,Theo đánh giá của namkna thì tiện ích Page Navigation do Abu-Farhan phát triển là hoàn thiện nhất, do khắc phục được các nhược điểm “chết người” như :

Chỉ hỗ trợ tên miền .blogspot.com
Chỉ hỗ trợ tối đa 500 bài viết
Phải đọc tất cả các JSON file và vì vậy, nếu blog bạn có quá nhiều bài viết thì thời gian tải trang sẽ rất “khủng”
Tốn nhiều thời gian để tính toán tất cả các bài viết hiện có.
Phải can thiệp vào script để chèn Blog ID…v.v…

Lần trước mình đã giới thiệu Tạo phân trang dạng trượt, hôm nay namkna sẽ giới thiệu dạng tĩnh, và tất cả chúng đều do Abu-Farhan phát triển:

Demo for Post

Ảnh minh họa:

Numbered Page Navigation Tạo phân trang cho blogspot - http://namkna.blogspot.com/

☼ Cách tiến hành:

1- Đăng nhập vào Blog

2- Vào thiết kế

3- Chọn Chỉnh sử HTML (Không cần mở rộng tiện ích mẫu)

4- Thêm đoạn code sau vào trước thẻ ]]></b:skin> .

.showpageNum a {
      padding: 3px 8px;
      margin:0 4px;
      text-decoration: none;
      border:1px solid #999;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      background: #ddd;
      }

    .showpageOf {
    margin:0 8px 0 0;
    }
    .showpageNum a:hover {
      border:1px solid #888;
      background: #ccc;
      }

    .showpagePoint {
      color:#fff;
      text-shadow:0 1px 2px #333;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      border:1px solid #999;
      background: #666;
      text-decoration: none;
      }

5. Chèn đoạn code sau vào trước thẻ đóng </body>

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=8;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>

6. Tìm tất cả các đoạn code có dạng :

'data:label.url'

- Và thay thế nó thành :

'data:label.url + &quot;?&amp;max-results=8&quot;'

- Với 8 là số bài viết sẽ hiển thị trên mỗi trang

* Lưu ý : giá trị max-result phải bằng giá trị postperpage (8) trong đoạn code ở bước 3

5. Lưu lại Lưu mẫu

-P/s: Mẫu này bị tác giả chèn chữ ký dưới mỗi phân trang, bạn nào muốn bỏ thì tải file javarscip bên dưới về Uload lên host google code và thay vào bên trên nha..
http://dl.dropbox.com/u/70549761/Navigation/namkna-blogspot-com/pagenavi203.js

Chúc thành công!