Thứ Bảy, 4 tháng 4, 2015

Cách tạo menu hiển thị trên mobile cho blogspot - Menu trên thiết bị di động

Cách tạo menu hiển thị trên mobile cho blogspot, Giới thiệu cách hướng dẫn làm menu cho blogspot hiển thị trên các thiết bị di động một cách nhanh và dể hiểu nhất. Hiện nay google đã cho ra thuật toán mới cho vị trí tìm kiếm trên các thiết bị di động, Các web không được tối ưu trên thiết bị di động thì sẽ không đước vị trí tốt. Từ khi thuật toán được công bố thì google đã gửi các thông báo cho các quản trị viên của các web mà không được tối ưu seo và google yêu cầu khắc phục sự cố về khả năng sử dụng trên thiết bị di đọng. Các thông báo thường có nội dung như sau
Gửi: quản trị viên web của trang http://www.chiase69.com/
Hệ thống của Google đã kiểm tra (n) trang từ trang web của bạn và thấy rằng 100% số trang có lỗi nghiêm trọng về khả năng sử dụng trên thiết bị di động. Lỗi trên (n) trang này ảnh hưởng nghiêm trọng đến trải nghiệm trang web của bạn trên các thiết bị di động. Các trang này sẽ bị Google Tìm kiếm coi là không thân thiện với thiết bị di động và do đó sẽ được hiển thị và xếp hạng tương ứng cho người dùng điện thoại thông minh.
Để nhằm mục đích cải thiện các vị trí xếp hạng tốt trên các thiết bị di động hôm nay chia sẽ xin hướng dẫn tối ưu lại web sao cho thân thiện trên các thiết bị di động và Cách tạo menu hiển thị trên mobile, thiết bị di động cho blogspot

Cách tạo menu hiển thị trên mobile (thiết bị di động) cho blogspot

Đầu tiên bạn muốn kiểm tra blogspot trên thiết bị di dộng qua máy tính thì bạn truy cập qua địa chỉ http://www.chiase69.com/?m=1
Chú ý: thay địa chỉ http://www.chiase69.com bằng trang web của bạn nhé
Bước 1: Đăng nhập Blogspot ==> Mẫu(Template) => Điện Thoại Di động (Mobile) Click vào setting rồi tích vào phần cho phép hiển thị trên di động rồi lưu lại
Bước này nhằm tối ưu cho blogspot thân thiện trên thiết bị điện thoại nhé
cách tạo Menu trên thiết bị di động 
Cách tạo menu trên thiết bị di động
Bước 2: Tiếp tục các bạn vào phần Mẫu(Template) ==> Chỉnh sửa HTML ==> Các bạn copy đoạn code lên trên thẻ ]]></b:skin>
#sidebaratas{display:none;}
Bước 3: Tiếp tục các bạn vào phần Mẫu(Template) ==> Chỉnh sửa HTML ==> Các bạn copy đoạn code dưới xuống dưới thẻ <body>
<div id='sidebaratas'>

       <b:section id='navtop' preferred='yes'>

         <b:widget id='PageList1' locked='true' mobile='Only' title='Pages' type='PageList'>

           <b:includable id='main'>

  <b:if cond='data:title'><h2><data:title/></h2></b:if>

  <div class='widget-content'>

    <b:if cond='data:mobile'>

      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>

        <b:loop values='data:links' var='link'>

          <b:if cond='data:link.isCurrentPage'>

            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>

          <b:else/>

            <option expr:value='data:link.href'><data:link.title/></option>

          </b:if>

        </b:loop>

      </select>

      <span class='pagelist-arrow'>&amp;#9660;</span>



    <b:else/>

      <div></div>

    </b:if>

    <b:include name='quickedit'/>

  </div>

</b:includable>

         </b:widget>

       </b:section>



</div>
Lưu ý : Cái phần <b:section id='navtop' preferred='yes'>  <b:widget id='PageList1' locked='true' title='Pages' type='PageList'> phần chữ màu đỏ phải là chưa tồn tại nếu thấy báo lỗi thì đổi tên nó đi để không bị trùng nhé. Nếu lưu dc ko lỗi là ok
Bước 4: Bắt đầu tạo menu cho thiết bị di động
Vào Bố Cục ==> Trang (Pages)
Cách tạo menu hiển thị trên mobile cho blogspot  - Menu trên thiết bị di động
Tạo menu hiển thị trên mobile cho blogspot
Sau khi chọn vào thêm liên kết bên ngoài bạn nhập địa chỉ web mình vào
Xem thêm các thủ thuật blogspot
Cách tạo menu hiển thị trên mobile cho blogspot
Bạn nhập tiêu đề và địa chỉ web mình, Nhớ thêm?&m=1 vào sau mỗi link với nhé. sau khi thêm xong thì bạn ấn lưu liên kết .
Bạn thêm tất cả danh mục mình muốn thêm vào và ấn lưu và vào http://www.chiase69.com/?m=1 để xem thành quả
Muốn sắp xếp các phần menu cho hiển thị trên dưới thì các bạn lại vào phần Bố Cục(Layout) ==> Tìm cái tên là Pages click vào chỉnh sửa rồi kéo nó vào vị trí bạn muốn vậy là ok

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

Đăng nhận xét