[Blogger] Widget tùy chỉnh làm menu

  • blogger
    1. [Blogger] Widget tùy chỉnh làm menu
    avatar MEM LV2

    Widget tùy chỉnh làm menu cho blogger




    Từ trước đến nay các blogger Vn thường dùng HTML . Mỗi lần sửa thì mất thời gian. Việc cho vào tùy chỉnh sẽ không cần thiết phải code nữa mà cộng tác viên cũng có thể sửa

    Thường thì menu có cấu trúc như sau

    Code:
    <ul class=menu>
    <li><a href='1'>nội dung 1</a> <li>
    <li><a href='2'>nội dung 2</a> <li>
    </ul>

    Việc code sau sẽ cho mình tủy chỉnh các href và nội dung ở thẻ <li>
    Các class sẽ tùy biến phù hợp với css của các bạn

    Code:
      <b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>
              <b:widget id='LinkList210' locked='true' title='Menu' type='LinkList' version='1'>
                <b:widget-settings>
                  <b:widget-setting name='link-3'>/#section-5</b:widget-setting>
                  <b:widget-setting name='link-4'>/#section-6</b:widget-setting>
                  <b:widget-setting name='text-1'>Quy Trình</b:widget-setting>
                  <b:widget-setting name='text-0'>Dịch vụ</b:widget-setting>
                  <b:widget-setting name='text-3'>Khách hàng</b:widget-setting>
                  <b:widget-setting name='text-2'>Tin tức</b:widget-setting>
                  <b:widget-setting name='text-4'>Liên hệ</b:widget-setting>
                  <b:widget-setting name='sorting'>NONE</b:widget-setting>
                  <b:widget-setting name='link-1'>#section-3</b:widget-setting>
                  <b:widget-setting name='link-2'>/#main-wrapper</b:widget-setting>
                  <b:widget-setting name='link-0'>/#section-2</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                <div class='widget-content'>
                  <ul itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
                    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
                    <b:loop values='data:links' var='link'>
                      <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
                    </b:loop>
                  </ul>
                </div>
              </b:includable>
              </b:widget>
            </b:section>

Thông tin tác giả
avatar
MEM LV2
Bài viết :
88
Points :
236
Like :
36
blogger
An toàn
Xem lý lịch thành viên
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết