Thứ Tư, 14 tháng 8, 2013

Template đẹp và chuyên nghiệp làm trang tin tức

Với xu thế hiện tại việc tạo ra một trang web để có số lượng truy cập lớn cần rất nhiều yếu tố ! Một trang web co giao diện thân thiện, dễ sử dụng là cái nhìn thiện cảm đầu tiên đối với lượt truy cập đầu tiên mà chưa cần quan tâm đến nội dung ! Sự thân thiện của 1 trang web sẽ quyết định rất nhiều lượt truy cập . Hôm nay Viettin24h mang đến các bạn 1 mẫu template với nhiều tiện ích hay và đẹp ! Template này rất thích hợp để làm trang tin tức !

Ảnh minh họa :
DemoDownload

Hướng dẫn cài đặt : 


Đăng nhập Blogger--> Chọn mẫu--> Chỉnh sửa mẫu 

1. Thay đổi logo tiêu đề trên đầu trang :

Tìm đến code 
                    
<div id='left_header'> <a expr:href='data:blog.homepageUrl'> <img height = '80 ' width = '320 '/> </ a> 
</ Div> 
<!-- left_header ends //-->
Điều chỉnh lại kích thước theo ý bạn 
CRTL+F--> Url( logo)---> thay Url logo của bạn

2. Thay đổi quảng cáo bên phải 
Tìm đến code 
              
<div id='right_header'> 
<a href='#' target='_blank'> <img height = '80 'src ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWwnx4fwPQcNIYeAYbwBNIhEL4j9lRDMaiTP_DZiD9_bHVEUIrCqpMv1SA4_1A7Ro-bPqgq6UrnT2HWd10TVqq97I2uLByI26dLpnAH7uR0BmCejAxho5cVjKk6KcWLiVyLkVEbn4OZuY/s1600/ads260.png' ':;: 10px margin-top; 5px margin-right' width = '260 '/> </ a> style = 
<a href='#' target='_blank'> <img height = '80 'src ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWwnx4fwPQcNIYeAYbwBNIhEL4j9lRDMaiTP_DZiD9_bHVEUIrCqpMv1SA4_1A7Ro-bPqgq6UrnT2HWd10TVqq97I2uLByI26dLpnAH7uR0BmCejAxho5cVjKk6KcWLiVyLkVEbn4OZuY/s1600/ads260.png' ':;: 10px margin-top; 5px margin-right' width = '260 '/> </ a> style = 
</div><!-- right_header ends //-->

Thay URL màu đỏ theo ý bạn

3. Thanh menu đầu trang 
                    
<div id='menu'>
<div id='center'>
<div id='head_menu'><ul>
  <li><a expr:href='data:blog.homepageUrl'>HOME</a></li>
  <li><a href='#'>NEWS</a></li>
  <li><a href='#'>ENTERTAINMENT</a></li>
  <li><a href='#'>FINANCE</a></li>
  <li><a href='#'>SPORTS</a></li>
  <li><a href='#'>LITERATURE</a></li>
  <li><a href='#'>ARTICLES</a></li>
  <li><a href='#'>MOVIE</a></li>
  <li><a href='#'>FASHION</a></li>
  <li><a href='#'>FOOD</a></li>
  <li><a href='#'>DOWNLOADS</a></li>
</ul>
</div>
</div>
</div><!-- menu ends //-->

Thay cho phù hợp với trang web của bạn

4. Tùy chỉnh nhãn hiển thị ngoài trang chủ 
Tìm đến code 
                    
label1 = "AMERICAS";
label2 = "AMERICAS";
label3 = "AMERICAS";
label4 = "AMERICAS";
label5 = "AMERICAS";
label6 = "AMERICAS";
label7 = "AMERICAS";
label8 = "AMERICAS";
label9 = "AMERICAS";
label10 = "AMERICAS";
label11 = "AMERICAS";
label12 = "AMERICAS";
label13 = "AMERICAS";
label14 = "AMERICAS";

Thay AMERICAS thành nhãn của bạn ! Điền chính xác nếu không sẽ bị lỗi

5. Chỉnh quảng cáo góc phải trên 

Tìm đến HTML/Javascript có tên "Top_right Ads" và dán code bên dưới vào 
                    
<a href='#' target='_blank'><img align='left' border='0' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitP_ymo3YUfkQAcRq9FqdwTJjSVrmhSHsDxUd9gBPcDcyXnitvGQZOOG4CjZ7Mo_mSDsjmBYhyphenhyphenTnv99GaJUmqOEEP3SmEqgOJmUJVTcs8cJx5LTiTop2oXux97rpgAO5dQlyuY9EKbybs/s1600/ads250x60.png' width='250'/></a>
<a href='http://www.viettin24h.com/' rel='bookmark'>
<img align='left' alt='' border='0' height='355px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2RVficMB_P0snMGGOy-fyIfH8W7YxqGkf9bTrqJVD-hUBQQd2M9Coh7uiGyqJ2isiW8J4zRmwcVH0gwikOzJhC-vaYBHa95UDuseL9kUEZLp937Ztho_Jq_3mxhCcVkyxJPpFVpMTyecQ/s1600/basnetgepapers.png' width='250px'/>
</a>

Thay URL đỏxanh cho phù hợp

6. Chỉnh tên các tiện ích ngoài trang chủ 
Dùng code bên dưới để tìm kiếm 
                    
<div id='cat-back'>
Sau code này là cái chúng ta đang cần điều chỉnh 

Mình vừa hướng dẫn các bạn cách cài đặt , nếu có gì không hiểu hãy liên hệ để được trợ giúp nhé ! 

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

Không có nhận xét nào:

Đăng nhận xét