Sau đây là demo bằng hình ảnh của em nó cho các bạn chiêm ngưỡng trước khi đi đến quyết định tải template về và sử dụng:
Đây là demo online: http://haivl-1234.blogspot.com/ và bạn có thể tải template này tại đây.
Hướng dẫn cài đặt:
Sau khi các bạn tải về. Các bạn tiến hành cài đặt template cho blogspot như bình thường.
Để cài đặt menu các bạn thêm tiện ích như sau:
Vào Bố cục(layout) thêm tiện ích HTML/Javascrip với đoạn code như sau:
<div class="widget PageList" id="PageList1">
<a href="http://haivl-1234.blogspot.com/" id="logo">haivl</a>
<ul id="menuBar" style="font-weightold;">
<li class="selected"><a href="http://haivl-1234.blogspot.com/">Menu1</a></li>
<li><a href="/search/label/Menu2" style="font-weightold;">Menu2</a></li>
<li><a href="/search/label/Menu3" style="font-weightold;">Menu3</a></li>
<li><a href="/search/label/Menu4" style="font-weightold;">Menu4</a></li>
</ul>
<div id="loginPanel">
<a class="loginButton" href="http://www.blogger.com/account/login">Đăng nhập</a>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=2699848175406563528&widgetType=PageList&widgetId=PageList1&action=editWidget&sectionId=headerContent" target="configPageList1" title="Chỉnh sửa" onclick="return _WidgetManager._PopupConfig(document.getElementById("PageList1"">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
</div>
Các bạn sửa 2 dòng mà VNShare tô đậm ở đoạn code trên bằng tên miền và ID blogspot nhé.
<div class="widget PageList" id="PageList1">
<a href="http://haivl-1234.blogspot.com/" id="logo">haivl</a>
<ul id="menuBar" style="font-weightold;">
<li class="selected"><a href="http://haivl-1234.blogspot.com/">Menu1</a></li>
<li><a href="/search/label/Menu2" style="font-weightold;">Menu2</a></li>
<li><a href="/search/label/Menu3" style="font-weightold;">Menu3</a></li>
<li><a href="/search/label/Menu4" style="font-weightold;">Menu4</a></li>
</ul>
<div id="loginPanel">
<a class="loginButton" href="http://www.blogger.com/account/login">Đăng nhập</a>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=2699848175406563528&widgetType=PageList&widgetId=PageList1&action=editWidget&sectionId=headerContent" target="configPageList1" title="Chỉnh sửa" onclick="return _WidgetManager._PopupConfig(document.getElementById("PageList1"">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
</div>
Các bạn sửa 2 dòng mà VNShare tô đậm ở đoạn code trên bằng tên miền và ID blogspot nhé.
VNShare chúc các bạn có được một website ưng ý với template mà mình đã lựa chọn.
Ý kiến bạn đọc [ 0 ]
Ý kiến của bạn