Cộng đồng Blogger Việt Nam
Rất vui khi bạn ghé thăm Diễn đàn Cộng đồng Blogger Việt Nam
Chúc bạn vui vẻ và tìm được thông tin mong muốn!
Hãy đăng ký thành viên để góp sức xây dựng Cộng đồng Blogger Việt Nam đoàn kết, cùng phát triển nhá!
Cộng đồng Blogger Việt Nam

Chia sẻ thủ thuật - Cùng nhau khám phá tìm hiểu và phát triển Blogger - Blogspot

Latest topics

» Mong muốn làm quen
by LynhSan 16/5/2018, 11:26 pm

» Template blogspot bán hàng chuẩn seo [đã tối ưu]
by Tuan khai 18/10/2017, 7:58 am

» [ Hỏi ] Về chỉnh sửa thanh menu ?
by hoang4rever 18/5/2016, 10:53 pm

» cách chỉnh sửa Menu Blogspot
by hoang4rever 18/5/2016, 10:38 pm

» Mong muốn làm quen mọi người trong 4rum
by huongnguyen8393@gmail.com 5/9/2015, 5:53 pm

» Thesic Blogspot Template (Latest version)
by nguyendang1208 20/7/2015, 9:43 am

» Zero Gravity Blogger Template
by nguyendang1208 20/7/2015, 9:40 am

» Chia sẻ DVTechPro - Template chuẩn SEO cho Blogger
by Admin 3/7/2015, 8:39 am

» Nhờ các bạn đánh giá Template!
by Thanh Vân 27/5/2015, 11:44 pm

» Làm quen Kết bạn
by Phương Hậu 13/5/2015, 5:30 pm

» Sửa lỗi ảnh blogspot không hiển thị do bị chặn
by Admin 3/4/2015, 9:13 am

» Tuyển nhân viên làm việc bán thời gian
by Admin 30/3/2015, 11:14 pm

» cách thêm cloud zoom hoặc magic zoom cho blogspot?
by Admin 30/3/2015, 11:11 pm

» blog phải đặt www đứng trước mới vào được (giúp em với)
by Admin 30/3/2015, 11:00 pm

» 7 bước để website được index nhanh lên google
by vqw 13/1/2015, 11:59 am

» Dùng Blogspot là web phim
by phim360pro 1/1/2015, 8:49 pm

» Cùng đặt liên kết để phát triển blog
by ktuan 17/12/2014, 10:57 am

» Tạo Tab widget bài viết mới nhất theo label
by dungbk68 16/12/2014, 9:33 am

» Label hiển thị không đúng số bài viết
by vanviet098 10/12/2014, 5:08 am

» Hỏi nhanh đáp gọn!
by Admin 14/11/2014, 5:05 pm

» BẤM MẮT HAI MÍ HÀN QUỐC
by rubybeauty81 28/10/2014, 1:18 am

Poll
Statistics
Diễn Đàn hiện có 633 thành viên
Chúng ta cùng chào mừng thành viên mới đăng ký: LynhSan

Tổng số bài viết đã gửi vào diễn đàn là 503 in 165 subjects

You are not connected. Please login or register

Thiết kế Template Blogspot

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 Thiết kế Template Blogspot on 13/5/2011, 3:56 pm

Đối với các Blogger ưa “táy máy” thì việc “vọc” code không những là thú
vui mà còn là sự đam mê, là nơi cho những ý tưởng đầy sáng tạo thỏa
sức bay bổng.

Không
những vậy, nó thậm chí còn có thể mang lại lợi nhuận không nhỏ một khi
bạn đã trở thành một Pro Blogger Designer, bằng việc bán Template, bán
back-link,…

Tuy nhiên, để trở thành một Pro Blogger Designer không phải một sớm một
chiều mà được. Và trong bài viết bên dưới, iTechPlus sẽ giới thiệu đến
các bạn mới gia nhập Blogspot, một số mẹo nhỏ cơ bản trong quá trình
thiết kế Template cho riêng mình.
1. Xóa thanh Navbar :
Thanh Navbar là thanh chứa các công cụ như Tìm kiếm, theo dõi, chia sẻ, báo cáo lạm dụng,…xuất hiện phía trên cùng của Blog.
Cách loại bỏ : chèn dòng code bên dưới trước thẻ đóng </b:skin>
<blockquote>#navbar{display:none !important}</blockquote>
2. Xóa đường bao quanh liên kết :
Khi click vào link nào nó trên blog, có thể bạn sẽ gặp trường hợp sẽ
xuất hiện một đường bao quanh liên kết này nhìn rất không thẩm mỹ tí
nào.
Cách loại bỏ : chèn dòng code sau trước thẻ đóng </b:skin>
<blockquote>a {outline:none}</blockquote>3. Xóa dấu gạch chân dưới liên kết :
Một số template khi rê chuột vào link bất kỳ bạn sẽ thấy xuất hiện một đường gạch chân bên dưới link đó.
Các loại bỏ : tìm trong template đoạn code bên dưới hoặc tương tự (thuộc tính a:hover) :
<blockquote>a:hover {
color:$titlecolor;
text-decoration:underline;
}</blockquote>và thay thế thành :
<blockquote>a:hover {
color:$titlecolor;
text-decoration:none;
}</blockquote>4. Giới hạn kích thước cho hình ảnh :
Việc giới hạn hoặc qui định kích thước cụ thể cho hình ảnh không những
giúp trình duyệt đỡ mất thời gian tính toán kích thước thật của ảnh (sẽ
làm chậm thời gian tải trang) mà còn giúp blog bạn tránh được trường
hợp hình ảnh quá lớn, sẽ hiển thị tràn cả trang bài viết (Main-wrapper)
hoặc bị Sidebar che mất một phần gây mất thẩm mĩ cho Blog.
Cách khắc phục : tìm trong template class “.post img” và chèn đoạn code in đậm như bên dưới :
<blockquote>.post img {
max-width:538px; // chiều rộng tối đa
max-height:468px; //chiều cao tối đa
padding:4px;
border:1px solid $bordercolor;
}</blockquote>5. Ẩn liên kết “Đăng ký: Các Bài đăng (Atom)
Liên kết này nhằm giúp người đọc nhanh chóng Bookmark lại trang của bạn để xem lại sau. Tuy nhiên, với các tiện ích như Bookmark and Share Homepage hay Đưa bài viết trên Blog lên các mạng xã hội thì tính năng này không còn mấy Blogger sử dụng nữa.
Thực hiện : tìm trong template class “.feed-links” và chèn vào đoạn code in đậm như bên dưới
<blockquote>.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}</blockquote>6. Ẩn Status Message Bar
Status Message Bar là thanh trạng thái hiển thị phía trên bài viết khi
click vào “Nhãn” hoặc “Lưu trữ”, cho biết trạng thái của trang hiện
hành.

Thực hiện : chèn đoạn code sau vào trước thẻ đóng </b:skin>
<blockquote>.status-msg-wrap{display:none !important;}</blockquote>(Còn tiếp…)
Hy vọng một số thủ thuật nhỏ trên đây sẽ có lúc hữu ích đối với bạn.
Chúc các bạn thành công !


Chữ Kí : _________________
Xem lý lịch thành viên http://www.p212pro.tk

2 Re: Thiết kế Template Blogspot on 14/5/2011, 7:55 am

Học, hỏi đc vài điều đó, cám ơn May Thy đã chia sẻ ^^

Xem lý lịch thành viên http://www.docchieu.tk

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết