[Thủ Thuật] Ẩn thanh Navbar của blogspot

Đây là một trong những thủ thuật cơ bản và cũng là 1 trong những bước đầu tiên để biến blogspot của bạn thành 1 weblog.

Thanh Navbar là 1 dạng thanh menu cho phép ta truy cập nhanh vào blogger, để thực và cho phép thực hiện nhanh những thao tác như : đăng bài, vào bảng điều khiển...

Có lẽ có 1 vài người sẽ hỏi, nếu ẩn thanh Navbar đi rồi thì làm sao đăng nhập vào blog được. Rất đơn giản, bạn chỉ việc truy cập vào trang chủ http://www.blogger.com là có thể đăng nhập.

Hình ảnh minh họa kết quả:

trước khi thực hịên thủ thuật:

sau khi thực hiện thủ thuật:

☼ Để thực hiện thủ thuật này, các bạn thực hiện các bước sau:

1. Truy cập vào trang chủ của blogger.
2. Đăng nhập blog
3. Vào bố cục
4. Vào chỉnh sửa code HTML
5. Chèn đọan code CSS bên dưới vào trước dòng code ]]></b:skin> trong code của template:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

6. Save template.

Chúc các bạn thành công.

[Click here to Read More]

[Thủ Thuật] Ẩn thanh Navbar của blogspot

Đây là một trong những thủ thuật cơ bản và cũng là 1 trong những bước đầu tiên để biến blogspot của bạn thành 1 weblog.

Thanh Navbar là 1 dạng thanh menu cho phép ta truy cập nhanh vào blogger, để thực và cho phép thực hiện nhanh những thao tác như : đăng bài, vào bảng điều khiển...

Có lẽ có 1 vài người sẽ hỏi, nếu ẩn thanh Navbar đi rồi thì làm sao đăng nhập vào blog được. Rất đơn giản, bạn chỉ việc truy cập vào trang chủ http://www.blogger.com là có thể đăng nhập.

Hình ảnh minh họa kết quả:

trước khi thực hịên thủ thuật:

sau khi thực hiện thủ thuật:

☼ Để thực hiện thủ thuật này, các bạn thực hiện các bước sau:

1. Truy cập vào trang chủ của blogger.
2. Đăng nhập blog
3. Vào bố cục
4. Vào chỉnh sửa code HTML
5. Chèn đọan code CSS bên dưới vào trước dòng code ]]></b:skin> trong code của template:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

6. Save template.

Chúc các bạn thành công.

[Click here to Read More]

[Thủ Thuật] Thay đổi liên kết ''Bài đăng cũ hơn, bài đăng mới hơn'' bằng hình ảnh

Thay đổi liên kết Bài đăng cũ hơn, bài đăng mới hơn bằng hình ảnh
________________________________________
Đối với mỗi template của blogspot, mặc định cuối mỗi trang sẽ có 3 link liên kết là "Bài viết mới hơn", "Trang chủ", "Bài viết cũ hơn". Để làm cho blog trông đẹp hơn, hôm nay mình giới thiệu cho các bạn 1 thủ thuật nhỏ để đổi các liên kết đó thành hình ảnh.

Các bạn coi hình minh họa bên dưới:


Sau khi chỉnh sửa:


Thực hiện các bước sau:
1. Đầu tiên bạn phải có hình tượng trưng cho 3 liên kết link đó
Có thể tham khảo 3 hình dưới đây


2. Đăng nhập blog
3. Vào Chỉnh sửa Code HTML
4. Nhấn vào Mở Rộng Tiện Ích
5. Tìm đọan code sau:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

6. Thay những đọan code màu đỏ bằng những đọan code sau:

a. đọan code 1 : <data:newerPageTitle/>
thay bằng
<img alt='Next' border='0' src='{link hình 1}' title='Next'/>
b. đọan code 2 : <data:olderPageTitle/>
thay bằng
<img alt='previous' border='0' src='{link hình 2}' title='previous'/>
c. đọan code 3 : <data:homeMsg/>
thay bằng
<img alt='home' border='0' src='{link hình 3}' title='home'/>

7. Save template
8. Xong

Chúc các bạn thành công.

[Click here to Read More]

[Thủ Thuật] Thay đổi liên kết ''Bài đăng cũ hơn, bài đăng mới hơn'' bằng hình ảnh

Thay đổi liên kết Bài đăng cũ hơn, bài đăng mới hơn bằng hình ảnh
________________________________________
Đối với mỗi template của blogspot, mặc định cuối mỗi trang sẽ có 3 link liên kết là "Bài viết mới hơn", "Trang chủ", "Bài viết cũ hơn". Để làm cho blog trông đẹp hơn, hôm nay mình giới thiệu cho các bạn 1 thủ thuật nhỏ để đổi các liên kết đó thành hình ảnh.

Các bạn coi hình minh họa bên dưới:


Sau khi chỉnh sửa:


Thực hiện các bước sau:
1. Đầu tiên bạn phải có hình tượng trưng cho 3 liên kết link đó
Có thể tham khảo 3 hình dưới đây


2. Đăng nhập blog
3. Vào Chỉnh sửa Code HTML
4. Nhấn vào Mở Rộng Tiện Ích
5. Tìm đọan code sau:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

6. Thay những đọan code màu đỏ bằng những đọan code sau:

a. đọan code 1 : <data:newerPageTitle/>
thay bằng
<img alt='Next' border='0' src='{link hình 1}' title='Next'/>
b. đọan code 2 : <data:olderPageTitle/>
thay bằng
<img alt='previous' border='0' src='{link hình 2}' title='previous'/>
c. đọan code 3 : <data:homeMsg/>
thay bằng
<img alt='home' border='0' src='{link hình 3}' title='home'/>

7. Save template
8. Xong

Chúc các bạn thành công.

[Click here to Read More]