mas template

Hướng dẫn tích hợp giao diện Wap / Web cho blogger

{[['']]}
Thấy nhiều bạn không biết cách tích hợp wap/web cho blogspot, nay mình sẽ viết lại hướng dẫn cụ thể.
Để tích hợp giao diện Wap / Web cho blogger cho blogger không khó, có điều bạn cần biết đôi chút về html và bố cục của blogspot.
Công cụ duy nhất là Notepad++. Link download: http://notepad-plus-plus.org/
Tại sao lại sử dụng Notepad++, đơn giản vì mình thấy nó nhẹ và dễ nhìn, dễ sử dụng.

DEMO TEMPLATE MOBILE

Bạn phải có 1 giao diện wap cho blog. Cái này bạn tự tìm nha. Mình sẽ up vài giao diện wap cho các bạn trong thời gian tới.
Chú ý: giao diện wap sẽ không hiện thị ở Destop được mà phải thêm m?=1 ở phía sau thì mới hiện thị được.
Các giao diện share trên mạng mà hiện thị ở Destop được thì đa phần khi tích hợp sẽ bị lỗi css ở bài viết.
Khi đã có giao diện wap để tích hợp ta bắt đầu:

1. Tùy chỉnh nhận biết hiện thị giao diện Wap/Website
Vào Blog -> Mẫu -> Điện thoại di động -> Chọn Tùy chỉnh

2. Màn hình co giãn theo thiết bị

Mở template blog giao diện Destop của bạn bằng Notepad++ thêm dưới <head>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

3. Tách css, script , html bố cục Blog
Tìm <b:skin><![CDATA[ chuyển hết css trong nó qua 1 file khác có bố cục như sau:
<style type="text/css">
Nội dung CSS lấy qua
</style>
Đọc thêm »
Share this game :

No comments:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. Game Mini online - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger