Thư viện

Trải nghiệm

Thứ Sáu, tháng 1 18, 2013

Tùy chỉnh Blogger Templates khi xem bằng Mobile

Nếu bạn đã kích hoạt Templates điện thoại di động, bạn sẽ có thể để tùy chỉnh các mẫu cho Blogger điện thoại di động bằng cách sử dụng CSS định dạng. Bạn cũng có thể kiểm soát những thành phần được hiển thị và không nên hiển thị. Bạn cũng có thể cấu hình các tiện ích để hiển thị một nội dung thay thế trong giao diện điện thoại di động.

Chia sẻ:
Edit Blogger Mobile Templates for blogspot
Nhóm Blogger (Blog Code Blogger) đã cập nhật một tính năng mới. Nếu bạn đã kích hoạt Templates điện thoại di động, bạn sẽ có thể để tùy chỉnh các mẫu cho Blogger điện thoại di động bằng cách sử dụng CSS định dạng. Bạn cũng có thể kiểm soát những thành phần được hiển thị và không nên hiển thị. Bạn cũng có thể cấu hình các tiện ích để hiển thị một nội dung thay thế trong giao diện điện thoại di động.
Mặc dù điều này có vẻ rất hữ ích, Nhưng namkna đã không thể test tất cả các tính năng này!

Bắt đầu từ đâu?

Để sử dụng giao diện mobile blogger thì trước tiên ta phải kích hoạt nó lên!
1- Đăng nhập vào Blog
2- Chọn Mẫu (Template)
3- Tại ô điện thoại di động (Mobile template) bấm vào biểu tượng bánh xe để vào mục cài đặt.
Edit Blogger Mobile Templates for blogspot
4- Bấm vào (Yes) => bấm vào tùy chỉnh (Custom) để chọn giao diện cho mobile => Bấm vào Xem trước (Preview) nếu thấy ưng ý thì bấm lưu lại (Save).
Edit Blogger Mobile Templates for blogspot

Tùy chỉnh cấu trúc của mẫu điện thoại di động của bạn.

Templates Blogger được thiết kế bằng cách sử dụng các Widget. Blogger đã thêm thuộc tính mới (di động) vào thẻ <b:widget/>. Thuộc tính này có thể 'mặc định' giá trị 'yes' (có), 'no' (không) hoặc 'only' (chỉ khi). Và tài thuộc tính này sẽ quy định widget đó có được phép hiển thị trong giao diện điện thoại di động hay không!.
Các widget hiển thị trên điện thoại di động theo mặc định như sau:
  • Header (Tiêu đề)
  • Blog (bài đăng)
  • Profile (thông tin tác giả)
  • PageList (danh sách trang)
  • AdSense (quảng cáo bởi google)
  • Attribution (cung cấp bởi blogger)
1- Nếu bạn muốn ẩn bất kỳ một widget tiện ích nào khi sử dụng điện thoại di động bạn chỉ cần thêm thuộc tính mobile='no' trong thẻ Widget, và tiện ích đó sẽ không còn xuất hiện trong màn hình điện thoại di động.
Ví dụ namkna có thể ẩn tiện ích Attribution khi xem blog bằng điện thoại di động. bằng cách tìm widget sau:
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
và thêm thuộc tính mobile='no' vào nó như dưới:
<b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'/>
2- Nếu bạn muốn hiển thị các wiget không có trong danh sách mặc định ở trên cho chế độ xem blog bằng điện thoại di động, chỉ cần thiết lập thuộc tính di động mobile='yes'.
Ví dụ: Namkna muốn hiển thị widget lưu trữ Blog Archive thì chỉ cần tìm widet BlogArchive  có id='BlogArchive1' như bên dưới!
<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>
và thêm thuộc tính  mobile='yes' để wiget BlogArchive hiển thị cả trên máy tính và điện thoại như sau:
<b:widget id='BlogArchive1' title='Blog Archive' mobile='yes' type='BlogArchive'>
Lúc này truy cập bằng mobile bạn sẽ thấy BlogArchive hoạt động!
3- Nếu bạn muốn một widget chỉ xuất hiện trong giao diện điện thoại di động, bạn có thể thiết lập thuộc tính mobile='only'.
Ví dụ : Namkna chỉ muốn widget Attribution1 (cung cấp bởi google) xuất hiện trên mobile thì ta thêm thuộc tính mobile='only' như sau:
<b:widget id='Attribution1' locked='true' mobile='only' title='' type='Attribution'/>
Nếu tôi sử dụng thẻ mobile='only' thì widget Attribution1 sẽ biến mất khi bạn xem blog bằng máy tính để bàn, laptop và chỉ hiển thị khi xem bằng mobile.
- Sử dụng cách này để các wiget hiển thị hoặc biến mất khỏi chế dộ xem blog của bạn bằng di dộng nha.

Tùy biến giao diện và cảm nhận mẫu điện thoại di động của bạn


Bây giờ bạn hoàn toàn có thể tùy chỉnh kiểu dáng của mẫu điện thoại di động của bạn. Body của mẫu điện thoại di động sẽ được theo kiểu lớp động dạng.
<body class='loading mobile'>
Hãy kiểm tra để chắc chắn rằng mẫu của bạn có thẻ sau:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Thông thường thẻ này chỉ có các mẫu simple của blogger mới có. Nếu không có hãy tháy thẻ <body> bằng nó.
Vì vậy, nếu bạn am hiểu CSS, bạn có thể sử dụng tên class này  để tùy chỉnh mẫu điện thoại di động của bạn.
.mobile .date-header {
  text-decoration:underline;
}
- Bố cục Phiên bản di dộng
.mobile #outer-wrapper {max-width: 630px; width: auto;}
hoặc:
.mobile #outer-wrapper, .mobile #main-wrapper, .mobile #sidebar-wrapper {float: none; width: auto;}

Thay thế nội dung Widget của blogger khi xem trang bằng Di động


Khi bạn chuyển sang các mẫu điện thoại di động tùy chỉnh, bạn có thể thấy rằng các mẫu là quá lớn để phù hợp với một trình duyệt di động. Nếu bạn muốn, sau đó bạn có thể cung cấp nội dung thay thế bên trong một widget.

ví dụ::
<div class="widget-content">
  <b:if cond="data:blog.isMobile">
    <!-- Show a text link in mobile view.-->
    <a href="http://www.blogger.com">
      Powered By Blogger
    </a>
  <b:else/>
    <!-- Show an image link in desktop view.-->
    <a href="http://www.blogger.com">
      <img expr:src="data:fullButton" alt="Powered By Blogger"/>
    </a>
  </b:if>
</div>
Điều này sẽ hiển thị một liên kết Powered by Blogger khi xem trên điện thoại di động, và một Powered by Blogger kèm hình ảnh khi xem trên máy tính PC hoặc Laptop.

- Bằng cách sử dụng thẻ điều kiện bạn có thể xác định được độc giả xem blog của bạn trong một trình duyệt di động hay PC.
<b:if cond="data:blog.isMobile"/> 
Hoặc.
<b:if cond='data:blog.pageType == "data:blog.isMobile"'>
Bạn có thể sử dụng thẻ này để tạo cho blog của mình hoàn toàn khác với phiên bản di động của blog.  

Bố cục giao diện mobile?

Khác với phiên bản máy tính, phiên bản di động hoàn toàn khác.
- trang chủ.
<b:includable id='mobile-index-post' var='post'>
- trang bài viết:
<b:includable id='mobile-post' var='post'>

Kết luận.

Hãy chia sẻ nếu bạn đã tạo ra một số mẫu điện thoại di động thực sự tuyệt vời :)
Ghi nguồn Namkna blog nếu bạn xuát bản lại nội dung bài viết này

72 nhận xét:

  1. Bài viết này bác viết hay đó, tình hình là Blogspot hết bị chặn..ngon

    Trả lờiXóa
  2. Thêm cái dòng "body expr:class='"loading" + data:blog.mobileClass'" sao mình chả thấy gì khác biệt @@

    Trả lờiXóa
    Trả lời
    1. Dòng này để khai báo class <body expr:class='"loading" + data:blog.mobileClass'> thôi.
      Muốn khác biệt thì phải khai báo thuộc tính CSS chứ.
      eg:
      .mobile .post {.....}
      .mobile .date-header{.....}

      Xóa
  3. Có gì Nam làm trước 1 mẫu đi rồi chia sẻ cho mọi người. kakaka...

    Nam hướng dẫn giúp mình cái này nhé:

    - Hiện mình muốn trang bài viết ở trang chủ mà những bài viết đó là những video clip thì mình làm thế nào? Vì dụ như trang này nè: http://www.amthuc360.net/ hoặc http://hcm.24h.com.vn/ (Ở chủ đề Video chọn lọc trong ngày)
    Ý của mình là chia sẻ khoảng 5 hoặc 7 bài với cấu trúc 1 bài thể hiện bằng video clip bên trái và 4,6 bài chỉ hiện tiêu đề bài giới thiệu clip ấy.
    Cái này mình cũng dự định làm mấy lần nhưng nghĩ chưa cần thiết nhưng bây giờ thì đang cần mà ko thấy ai hướng dẫn cách thực hiện như thế.

    Nam hướng dẫn giúp mình và mọi người nhé!

    Trả lờiXóa
    Trả lời
    1. Bạn xem tiện ích này coi sao:
      http://namkna.blogspot.com/2011/02/tao-slideshow-trinh-dien-anh-chuyen.html

      Xóa
    2. Còn về mẫu mobile thì không khả thi. bạn phải tự thiết kế trên template của bạn vì nó gắn liền với template chứ không tách rời như workpress đâu bạn.

      Xóa
  4. Ko phải cái tiện ích đo Nam ơi. Nó chỉ load hình ảnh mà chứ đâu có chứa khung hình video clip đâu? Nam thử xem trang http://hcm.24h.com.vn/ (Ở chủ đề Video chọn lọc trong ngày) để hiểu rõ hơn ý của mình nha.

    Mong hướng giải quyết của Nam. Thanks

    Trả lờiXóa
    Trả lời
    1. Bác cho xin link Demo cụ thể nha. Vào tìm danh mục trang đó ngang mò kim :(

      Xóa
  5. http://demo-for-namkna.blogspot.com/2013/02/mobile-template.html

    Trả lờiXóa
  6. ko có thể làm sẳn và share lên dc ah nam :)
    mình làm theo hoài chã dc @@

    Trả lờiXóa
    Trả lời
    1. Không em ak. Vì phần này nó nằm trong code xml phải tùy hỉnh bằng tay do vậy phải tùy chỉnh trực tiếp trên blog của em thôi.

      Xóa
  7. Ở blog mình thì mình chỉnh cái tiêu đề bên cạnh bài viết nên khi xem trên điện thoại nó hiển thị ở phía dưới bài đăng
    Có thể tạo lệnh điều kiện để cái tiêu đề nằm trên bài viết cho giao diện điện thoại dc hog?

    Trả lờiXóa
    Trả lời
    1. Tất nhiên là được bạn ak. Như mình thấy hiện tại blog bạn khi xem bằng mobile tiêu đề nừm trên ảnh thumbnail rùi mà.

      Xóa
    2. à ko!
      Mình có 1 blog nữa:
      http://dafunvl.blogspot.com
      Bạn xem giúp mình nhé!^^

      Xóa
    3. bạn có thể xem trước mẫu trên điện thoại bằng cách dán đoạn ?m=1 vào sau đoạn ỦL đó ví dụ:

      http://namkna.blogspot.com/?m=1

      Và mình xem blog của bạn thì bạn đang không dùng mẫu tùy chỉnh. Bạn phải áp dụng nó thì mình mới check được nha.

      Xóa
  8. bạn cho mình xin code chuyển sang trang web khác khi vào bằng điện thoại với
    Ví dụ: web mình là blogk.net khi dùng di động vào thì tự chuyển qua idmviet.com

    Trả lờiXóa
    Trả lời
    1. <meta http-equiv="05";url="http://namkna.blogspot.com/2011/01/music.html" />

      Xóa
  9. Câu điều kiện,
    - nếu desktop view thì...
    else
    mobile view thì...
    Viết như thế nào Ad?

    Trả lờiXóa
    Trả lời
    1. Trong phần Thay thế nội dung Widget của blogger khi xem trang bằng Di động có rồi đó thôi bạn. Nó chỉ đảo lộn thôi.

      Xóa
    2. Cảm ơn Ad nhiều. Em hiểu rồi :)

      Xóa
    3. Không có gì đâu em :)

      Xóa
  10. Mình làm thử rồi muốn hiển thị bài viết liên quan thì thêm thuộc tính vào đâu nữa vậy cậu.
    Ở trên cậu chỉ nói thêm các thuộc tính ở <b:widget . Và muốn ẩn từng <b:widget khi xem bài viết trang chủ hoặc xem bài viết thì thêm thuộc tính gì hi.Cám ơn nhiều.

    Trả lờiXóa
    Trả lời
    1. 1- Bài viết liên quan để hiển thị bạn phải viết code riêng để hiển thị phần đó vì nó lấy URL là ?m=1 mà.

      2- Hiện tại giao diện mobile chưa có chức năng ẩn hiển theo nhãn và bài viết, nếu muốn làm nhu vậy bạn phải duengf cách sau thay vì cách bài viết này: XEM NGAY

      Xóa
    2. Hi cám ơn cậu ha.! để mình xem thế nào hi

      Xóa
    3. Oke cod gì khó khăn cứ PMM với mình nha,

      Xóa
  11. Bạn cho mình hỏi muốn tắt cái Menu trên Blog khi duyệt bằng ĐT thì làm thế nào vậy. Cám ơn bạn. Blog mình là www.cayantrai.com

    Trả lờiXóa
    Trả lời
    1. Bạn chỉ cần chèn đoạn code của menu đó vào giữa 2 code bên dưới:

      <b:if cond="data:blog.isMobile"> <b:else/>
      code menu
      </b:if>

      Xóa
    2. Mình chẹn đoạn lệnh như bạn Minh Tâm nhưng lại báo lỗi "". Không biết mình làm đúng không. Mình tắt cái Menu Top bar khi duyệt bằng ĐT

      <b:if cond="data:blog.isMobile"> <b:else/><div class='clearfix' id='container'>
      <div id='top-bar'>
      <ul id='top-nav'>
      <li><a href=' rút ngắn lại cho gọn</a></li>
      </ul></b:if>

      Xóa
    3. đOẠN CODE TRÊN MENU THIẾU THẺ ĐÓNG NÊN LỖI LÀ ĐÚNG RỒI ĐÓ EM.

      Xóa
    4. Cám ơn anh. Để em mò lại xem sao. :D

      Xóa
  12. Có cách nào hiển thị một widget trong các giao diện mobile như mặc định, xem động,.. không anh?

    Trả lờiXóa
    Trả lời
    1. Với chế độ xem động trên một số mobile không thể xem được toàn bộ nội dung và widget đâu nha em,

      Xóa
  13. Anh có thể hướng dẫn cách chuyển từ mẫu 2 cột trên máy tính chuyển thành 1 cột khi view trên mobile như site này của anh k?

    Trả lờiXóa
  14. blog e có chỉnh mẫu cho di động rồi nhưng e vào dđ nó không hiện ra giao diện đó, mà nó hiện giao diện chính, giúp e với :S

    Trả lờiXóa
    Trả lời
    1. Em phải tùy biến thêm CSS vì các mẫu trên mạng hiện nay họ chưa thêm đoạn CSS tùy chỉnh đâu em. EM có thể tùy chỉnh như bài viết này:

      Thiết kế Responsive Blogger Template khi xem bằng mobile và PC

      Xóa
  15. Mình đã khai báo expr:class='"loading" + data:blog.mobileClass'>

    .mobile #outer-wrapper {max-width: 630px; width: auto;}
    .mobile #outer-wrapper, .mobile #main-wrapper, .mobile #sidebar-wrapper {float: none; width: auto;}

    Nhưng cái css nó không thay đổi gì cả, mong được giúp đỡ.
    demo: http://hiepdollar.blogspot.com/?m=1

    Trả lờiXóa
    Trả lời
    1. Cách này chỉ xem được sự thay đổi khi bạn xem bằng trình duyệt mobile. Nếu muốn nó thay đổi kể cả khi xem bằng máy tính thì bạn phải dùng cáh ở bài viết này" Xem cách làm

      Xóa
  16. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  17. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  18. Em làm theo hướng dẫn 3 chỉ hiển thị Widget ở mobile mà sao vẫn không được. Site Thanhnienbinhdinh.com

    Trả lờiXóa
    Trả lời
    1. Bạn chưa cài đăt mẫu cho điện thoại như ở bước 4 mình đã hướng dẫn ẢNH minh HỌA

      Xóa
  19. Nam giúp tôi gấp cái. Do giao diện trang của trang tụi tôi nếu để chế độ mobile "tùy chỉnh" thì các bài tại trang chủ sẽ vẹo vọ trông cực xấu nên tui buộc bất đắc dĩ phải để chế độ tắt giao diện moblie và chỉ để chế độ web. Mặc dù vậy, xem trên điện thoại vẫn đẹp và gọn.

    Nhưng khi tôi đặt 1 banner dài và đặt chế độ mobile = no để ẩn trên mobile (chỉ hiện trên máy tính) thì không ẩn được. Nếu vào xem bằng mobile thì vẫn còn quảng cáo và tràn ra ngoài.

    Vậy đặt lệnh nào để ẩn ads 728x90 khi xem bằng điện thoại ở chế độ "Không hiển thị mẫu dành cho điện thoại di động?

    Trả lờiXóa
    Trả lời
    1. Bạn tắt chế độ mobile nên dùng lệnh Mobile:no nó sẽ không có tác dụng. Bạn hãy dùng tính năng Responsive Blogger như sau:

      Cachs1: chèn vào mẫu. Bạn chon vị chí chèn code và dùng đoạn mã như bên dưới:
      <style type='text/css'>
      @media screen and (max-width : 768px) {
      #hiddenbanner{display:none !important}
      }
      </style>
      <div id='hiddenbanner'>
      Code banner của bạn
      </div>

      Cách 2- Nếu bạn chèn banner vào trong tiện ích HTML (ví dụ có id là HTML1) thì dán đoạn bên dưới vào trước thẻ ]]></b:skin>

      @media screen and (max-width : 768px) {
      #HTML1{display:none !important}
      }


      -p/s Khi kích thước màn hình nhỏ hơn 768px thì tiện ích có Id là hidenbanner hoặc HTML1 sẽ bị ẩn. bạn có thể thay đổi lại thông số max-width : 768px này nhưng không dược lớn hơn hoặc bằng độ rộng blog khi xem bằng máy tính nha.

      Xóa
  20. Hehe, do mình nghiên cứu blog của bạn nhiều nên bạn nói cái là mình hiểu ngay mặc dù mình làm báo chứ chưa từng qua lớp nào về code. Sáng mai mình sẽ áp dụng ngay một trong hai cách của bạn. Hiện tại mình đang bất đắc dĩ phải để chế độ cả web và giao diện mobile để ẩn các ads trên web khi cầm mobile nhưng mắc cái giao diện mobile quá xấu.

    Nếu mình muốn cái giao diện molie hiện nay trông đẹp và dễ coi như mẫu mặc định của blogger thì phải chỉnh code thế nào bạn, mình mày mò cả buổi tối ko ra. Ý mình là giao diện trang chủ thôi, trông như giao diện mặc định của blooger còn kéo xuống dưới vẫn có widget như hiện tại.

    Trả lờiXóa
  21. Thêm cái nữa luôn, khi mình để chế độ tắt bỏ mobile chỉ vì gd của nó xấu, ảnh bé tẹo mà mình lại muốn nó to hơn hoặc rất to.... nên mình để sang giao diện web trên di động thì các ads size 300x250 đều bị vẹt lẹm trên ifone, ko bít các đt khác thì sao, vậy chỉnh code nào cho nó cân vào giữa như mẫu mặc định của blogger hoặc như khi mình để gd mobile, bạn thêm cho mình cái này. Mình để lệnh center nó ko ăn thua bạn nhé, hay là chỉnh độ rộng width nhỉ.

    Cuối cùng, mình muốn chỉnh font to chỉ trên gd mobile khi để chế độ moile thì chỉnh code nào, mình tìm mãi ko ra cái code đó, nếu cố sửa thì nó làm thay đổi cả fone trên gd web bàn. Mình muốn chữ to lên cho dễ đọc, bạn giúp mình cái code và vị trí đặt nhé. Như font hiện nay trên gd máy tính trên mobile là đẹp và tạm đc nhưng trên mobile thuần thì hỏng.

    Lời cuối, thanks bạn và chúc ngày càng thành đạt.

    Trả lờiXóa
  22. Hình như chính mình có đọc một bài nào đó hồi cách đây lâu hoặc trong chính cmt nào bạn có nói rằng, đại ý là khi seo blogspot mà nhồi từ khoá thì gg nó ko thích, ý mình hiểu là trên blospot thì khi viết mà nhồi key sẽ khó seo. Mình tìm mãi cái đó để đọc lại và hiểu lại ý bạn mà ko thấy nữa. Bạn có thể viết riêng một bài hoặc nói lại chút kinh nghiệm cho mình học thêm đc ko.

    Trả lờiXóa
    Trả lời
    1. 1. Nếu muốn giao diện mobile gọn, đẹp và vẫn đủ một số tiện ích thì bạn có thể xem bài này: XEM NGAY Responsive Blogger

      2. Vấn đề từ khóa bạn có thể xem bài viết này: Cách tránh Google Penalty vì tối ưu hóa SEO quá mức

      Xóa
  23. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  24. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  25. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  26. Mình đã thử làm đúng theo hướng dẫn của bạn mà vẫn không được,,, bạn có thể hổ trợ mình với chân thành cãm ơn

    Trả lờiXóa
    Trả lời
    1. Tât nhiên mình có thể hỗ trợ nhưng bạn phải nói cụ thẻ lỗi đang gặp phải thì mình mới hỗ trợ được chứ bạn. Một blog có rất nhiều lỗi khi tạo giao diện mobile bạn nói chung chung thế mình biết giải quyết sao.

      Xóa
  27. admin cho mình hỏi là website mình khi xem trên di động và chọn 1 cái menu thì nó văng san chế độ website mà không phải là trên di động, website mình là taigamefc.com.

    Còn 1 cái nữa là mình mún chỉnh cái footer cho nó xuống phía dưới cái Gane mobile HOT 2014 thì làm sao ạ, Chân thành cảm ơn admin nhiều!

    Trả lờiXóa
    Trả lời
    1. Thêm vào sau thẻ <head> đoạn code sau:


      <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
      <b:else/>
      <meta content='width=device-width' name='viewport'/>
      </b:if>

      Xóa
  28. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  29. A, cj hlep me !! ... cứ kiểm tra nó bảo ko phù hợp ,,, hình ảnh rộng hơn màng hình ... làm sao cho phù hợp với cái mành hình điện thoại khác nhau !
    sao em thay đổi có site phù hợp với thiết bị di động .. hoài mà ko được
    chằn đoạn code này vào chỗ nào ,,, em ko phải dân iT :v ... đây là site của 123tailieufree.com
    .mobile #outer-wrapper {max-width: 630px; width: auto;}
    hoặc:
    .mobile #outer-wrapper, .mobile #main-wrapper, .mobile #sidebar-wrapper {float: none; width: auto;}

    Trả lờiXóa
  30. thank bác thật hữu ích ,các bạn test ngay trên blog của bạn bằng thêm /?m=1
    http://shimivn.blogspot.com/ giao diện web
    http://shimivn.blogspot.com/?m=1 giao diện mobile
    tuy đây không phải responsive nhưng tương tự vì gg tự động detect mobile cho mình

    Trả lờiXóa
  31. Bác có thể code giúp tớ dc không

    Trả lờiXóa
  32. Sao mà cái blog pphimtv.blogspot của mình.nó ko thể hiển thị như phimmoi.net khi xem bang dt dc ý

    Trả lờiXóa
  33. Chào bạn, bài viết của bạn rất hữu ích, nhưng bạn cho mình hỏi tại sao blog của mình bị hiển thị 2 nội dùng khi xem bằng điện htoaij đượckhông ạ? blog mình làm bên phim, mà nói dung thứ 2 nó hiển thị luôn link phim dạng thế này: [id] ; link | cảm ơn bạn!

    Trả lờiXóa
  34. làm thế nào để ngta online trên pc 'không vào được' giao diện mobile vậy ?

    Trả lờiXóa
  35. Mình đã sử dụng cái này và thuộc tính display: none; và cả code css của phiên bản di động có sẵn, khi mới đầu thì hơi khó chút nhưng biết rồi lại rất dễ.
    Ví dụ trang của mình ở hai dạng:
    Desktop: http://www.dichvusuanha.org/
    Mobi: http://www.dichvusuanha.org/?m=1

    Trả lờiXóa
  36. Mình đã sử dụng cái này và thuộc tính display: none; và cả code css của phiên bản di động có sẵn, khi mới đầu thì hơi khó chút nhưng biết rồi lại rất dễ.
    Ví dụ trang của mình ở hai dạng:
    Desktop: http://www.dichvusuanha.org/
    Mobi: http://www.dichvusuanha.org/?m=1

    Trả lờiXóa
  37. anh nam giúp em: xem blog trên mobile mà vẫn giống i xì như khi trên máy tính được ko, giống trang của anh đó. xem ở cái này http://www.fptdian.com/?m=1 mà vẫn giống như cái này thì ok http://www.fptdian.com

    Trả lờiXóa
  38. có ai biết làm sao để ko hiện chữ m=1 và m=0 khi duyệt blogspot trên di động ko?

    Trả lờiXóa
  39. mình muốn hiển thị thêm module khi xem trên đt nhưng làm giống bạn chỉ mà ko đc. giúp mình với. blog mình đây http://vnpose.blogspot.com/
    thank

    Trả lờiXóa
  40. Cho mình hỏi cái Blog của mình hiện trên pc một kiểu ..còn trên mobile một kiểu ..giờ mình muốn nó hiển thị trên moblie giống như trên pc thì thay đổi chỗ nào trong code ..bạn chỉ mình với...mình đã hỏi nhiều bạn nhưng k ai giải quyết dc ..blog của mình là http://songhongyvc.blogspot.com/
    Giúp mình với nhé

    Trả lờiXóa
  41. Mình cũng muốn hỏi làm sao vào trên mobile nó hiển thị y như vào computer (desktop)

    Trả lờiXóa
  42. e không hiểu nhiều về code lắm thì làm sao giờ nhỉ http://www.camnangphunu.net/

    Trả lờiXóa
  43. Nhận code thêm giao diện điện thoại, máy tính bảng cho website - thiết kế giao diện responsive cho tất cả các website mã nguồn wordpress, Joomla, open card, code PHP… giá rẻ
    Tại sao cần làm giao diện Responsive (giao diện di động, máy tính bảng)?
    1. Ngày nay smartphone, điện thoại di động ngày càng nhiều , và giá thành rẻ khiến cho số lượng người sử dụng Smartphone và điện thoại di động thay vì dùng desktop/laptop để truy cập web ngày càng tăng . Thêm vào đó sử dụng điện thoại để lướt web rất tiện với những người hay phải di chuyển thường xuyên.
    2. Google kết hợp tính năng “mobile-friendliness” của một trang web trong thuật toán xếp hạng kể từ 21 Tháng Tư, năm 2015, Nghĩa là các websie có giao diện Responsive được đánh giá và xếp hàng cao hơn so với các website đối thủ chưa có tính năng này
    Làm cho tất cả khách hàng trên toàn quốc
    Giá: 1.5 T
    Liên hệ: 0933 430 108
    Ngoài ra chúng tôi nhận thiết kế website, chỉnh sửa giao diện website theo yêu cầu
    Máy lạnh Daikin

    Trả lờiXóa