Thêm Tính Năng Reponsive Cho Blogspot Thân Thiện Với Mobile

Thảo luận trong 'Thiết kế Blogspot' bắt đầu bởi tungpen, 12/9/15.

  1. tungpen Member

    Nếu blogspot của bạn chưa có tính năng này và đã có mail báo về là blog chưa thân thiện với mobile. Để thêm tính năng reponsive cho blog bạn chỉ cần chèn thêm 2 đoạn code dưới đây. Cũng có cách khác là thay hẳn 1 template mới có thiết kế thân thiện với mobile:

    - Chèn vào trước thẻ <head>: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    - Chèn vào trước thẻ ]]></b:Skin>:

    /* Màn hình PC
    ----------------------------------------------- */
    @media only screen and (max-width:1024px){
    #header-wrapper,#menu,#content-wrapper,#footer-wrapper{padding:0 0;width:990px}}

    /* Màn hình iPad
    ----------------------------------------------- */
    @media only screen and (min-width:768px) and (max-width:989px){
    #outer-wrapper, #header-wrapper,#naviga,#content-wrapper,#footer-wrapper{width:100%}
    #main-wrapper{width:60%}
    #sidebar-wrapper{width:40%}
    .post{padding:10px}
    #headtitle{width:260px}
    #headtitle {display: block;float: left;margin: 15px auto;text-align: center;}}

    /* Màn hình iPhone Androi
    ----------------------------------------------- */
    @media only screen and (max-width:767px){
    #header-wrapper, #outer-wrapper, #main-wrapper, #content-wrapper, #footer-wrapper {
    width: 100%;}
    #sidebar-wrapper{width:100%;padding: 10px 0 0;}
    #headads{display:none}
    #headtitle {display: inline-block;float: none;margin: 5px 0;text-align: center;width: 100%;}}

    /* Màn hình Smartphone
    ----------------------------------------------- */
    @media only screen and (max-width:479px){
    #outer-wrapper, #header-wrapper,#naviga,#content-wrapper,#footer-wrapper{width:100%}
    .post{padding: 5px;}
    a.Thumbnail {height: 69px;width: 69px;}
    .PopularPosts img {height: 39px;padding: 1px;width: 39px;}
    }

    P/S: Mình cũng đã áp dụng thành công đối với blog của mình ở dưới chữ kí đó ạ, các bác có thể xem mẫu. Bạn nào làm ko đc thì inbox mình, còn bác nào có cách hay hơn thì xin được chỉ giáo! Thanks!
  2. happymove New Member

    DỊCH VỤ CHUYỂN NHÀ TẠI HÀ NỘI


    [IMG][IMG][IMG] Cùng chuyển nhà để hạnh phúc hơn nhé![IMG][IMG][IMG]
    [IMG][IMG]Hãy xem nhà là TÀI SẢN, không phải TIÊU SẢN.
    Có một [IMG] là niềm ao ước của rất rất nhiêu người.
    Bạn mới mua nhà, bạn đang lo lắng sẽ phải làm gì khi chuyển về nhà mới.
    Chúng tôi hiểu những điều khó khăn mà bạn gặp phải,
    Hãy yên tâm nhé, happymove- DV Chuyển nhà Văn Phòng chuyên nghiệp sẽ hỗ trợ bạn
    [IMG]✳Với 4 Không, 4 miễn phí - Chúng tôi cam kết dịch vụ hoàn hảo nhất .
    - MIỄN PHÍ tham vấn , khảo sát
    - MIỄN PHÍ thùng catton , băng dính , bọc đồ
    - MIỄN PHÍ khoan lắp , nóng lạnh , quạt .....
    - MIỄN PHÍ bảo hành sửa sang trong 6 tháng
    - KHÔNG làm mất thời gian của khách hàng
    - KHÔNG tổn phí nảy sinh
    - KHÔNG thất thoát vật dụng
    - KHÔNG ngừng học hỏi
    happymove- move to happy more.
    [IMG]☎: 0888.513.449 - 0986.562.688
    W: chuyennhahappymove.com
    [IMG]✉️ : support-happymove@gmail.com
    Adr: North : 8 Le Van Hien, Bac Tu Liem, Ha Noi.
    South: Ho Chi Minh Ofice: 231-233 Le Thanh Ton Street, Ward Ben Thanh , District 1, Ho Chi Minh City, Vietnam.

  3. Thiết kế web theo yêu cầu trọn gói 1tr800 vnđ (web bán hàng, giới thiệu dịch vụ công ty, web du lịch, web khách sạn...)

    Tặng 01 tên miền quốc tế sử dụng trong 01 năm
    Tặng 01 hosting máy chủ Việt Nam sử dụng trong 01 năm
    Giao diện tương thích tất cả thiết bị di động, chuẩn SEO 100%
    Bảo hành không thời hạn khi bạn còn sử dụng web trên hosting của chúng tôi

    Home: DNKSoft . net (bỏ dấu cách để vào trang chủ của chúng tôi)
    ĐT: 0936.806.111 (Zalo,Viber) - 0986.184.211
    Địa Chỉ nhóm kỹ thuật: 134/15 Huỳnh Văn Nghệ, Phường 15, Quận Tân Bình, Sài Gòn
  4. thuanthienpvc.com - Chuyên cung cấp thùng rác nhựa:

    Thùng rác nhựa treo đôi dung tích 80 lít

    Thùng rác nhựa nắp kín dung tích 90 lít

    Thùng rác nhựa nắp hở dung tích 90 lít

    Thùng rác nhựa TR 240 L nắp kín

    Thùng rác nhựa TR 240 L nắp hở

    Thùng rác nhựa TR 120 L

    Thùng rác nhựa 120 lít

    Thùng rác nhựa có nắp 240 lít

    Thùng rác nhựa TR 60L

    Thùng rác composite 1000 lít

    Thùng rác nhựa H127

    Thùng rác nhựa

    Thùng rác nhựa đạp nhỏ

    Thùng rác nhựa

    Thùng rác TR 006

    Thùng rác

    Thùng rác lật trung 40 lít

    Thùng rác 9L

    Thùng rác 60 lít

    Thùng rác đen 120 lít

    Thùng rác lật trung 40 lít

    Thùng rác 9 lít

    Thùng rác cá heo

    Thùng rác gấu trúc

    Thùng rác chuột túi

    Thùng rác cá chép

    Thùng rác mickey

    Thùng rác 1000 lít



    CÔNG TY TNHH PHÁT TRIỂN SẢN :xUẤT THƯƠNG MẠI THUẬN THIÊN
    (THUAN THIEN PRO CO.,LTD)
    Địa chỉ: Số 07, Lô M Khu Dân Cư Thới An, Đường Lê Thị Riêng, phường Thới An, Quận 12, TP Hồ Chí Minh (Tìm vị trí)

    Mã số thuế: 0313728887 (31/03/2016)

    Người ĐDPL: Võ Văn Quyết

    Ngày hoạt động: 05/04/2016

    Giấy phép kinh doanh: 0313728887

    Website: thuanthienpvc.com - ĐT: (08) 22117699 -
    Hotline: 0916.809.179 ( Zalo )

Chia sẻ trang này