Hướng dẫn cài đặt template blogger giáo dục

Hướng dẫn cài đặt template blogger học trực tuyến

Bước 1: Cài đặt template blogger vào blog.

- Mở file theme mình gửi ( template.xml) bằng notepad++ ( không có thì tải về nha). Không nên dùng sao lưu/khôi phục. bởi vậy sẽ dính nhưng thứ mặc định của blogger.
- Vào Blog --> Mẫu -->chỉnh sửa HTML --> sau đó copy code bạn đã mở ở bước trên paste vào mẫu.
- Tìm link http://URLCUABAN.blogspot.com thay thành link url blog ( web) của bạn.
- Xong tất cả những bước trên bạn lưu mẫu.

Bước 1.2: Ở mục Bảng tin vinastudy bạn tìm trong code:

Đoạn này <h2 class="bangtin">Bảng tin Vinastudy</h2>  ngay dưới có đoạn này:
<script>
//<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/Thông báo?max-results="+4+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
//]]>
</script>
Bạn thay nhãn Thông báo thành nhãn tin tức bạn muốn hiển thị

Bước 2: Cài đặt menu bên sidebar, và các thành phần khác.

- Bạn vào bố cục blog. Sẽ có các phần như sau.

2.1 Thêm menu side trái cho blog. ( HTML/javascript ở sidebar-trai)
- Thêm từng đoạn code sau vào vị trí HTML tương ứng.
+ code1 ( HTML/javascript đầu tiên)

<div class="title-menu"> <span></span> Vina Course</div>
<div id='cssmenu'>
    <ul>
        <li class="has-sub"><a rel="nofollow" href="javascript:">Luyện thi THPT Quốc Gia</a>
            <ul>
                <li class="has-sub"><a rel="nofollow" href="javascript:">Luyện thi THPTQG năm 2016 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="Toán - Lý - Sinh - 2016" href="LINK">Toán - Lý - Sinh - 2016</a></span> </li>
                    </ul>
                </li>
                <li class="has-sub"><a rel="nofollow" href="javascript:">IGC - 2017 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="IGC_V1_Toán_Lý _ Hóa" href="LINK">IGC_V1_Toán_Lý _ Hóa</a></span> </li>
                        <li class="has-sub "><span class=""><a title="IGC_V2_Toán_Lý_Hóa_Sinh" href="LINK">IGC_V2_Toán_Lý_Hóa_Sinh</a></span> </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="has-sub"><a rel="nofollow" href="javascript:">Trung học phổ thông</a>
        </li>
        <li class="has-sub"><a rel="nofollow" href="javascript:">Trung học cơ sở</a>
            <ul>
                <li class="has-sub"><a rel="nofollow" href="javascript:">Lớp 9 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="Toán_Lý" href="LINK">Toán_Lý</a></span> </li>
                        <li class="has-sub "><span class=""><a title="Toán - Lý - Hóa - Nâng cao" href="LINK">Toán - Lý - Hóa - Nâng cao</a></span> </li>
                    </ul>
                </li>
                <li class="has-sub"><a rel="nofollow" href="javascript:">Lớp 8 </a>

                    <ul>
                        <li class="has-sub "><span class=""><a title="Toán - Lý - Hóa" href="LINK">Toán - Lý - Hóa</a></span> </li>
                    </ul>
                </li>
                <li class="has-sub"><a rel="nofollow" href="javascript:">Lớp 7 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="Toán - Lý - Anh" href="LINK">Toán - Lý - Anh</a></span> </li>
                    </ul>
                </li>
                <li class="has-sub"><a rel="nofollow" href="javascript:">Lớp 6 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="Toán - Lý - Anh" href="LINK">Toán - Lý - Anh</a></span> </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="has-sub"><a rel="nofollow" href="javascript:">Tiểu Học</a>
            <ul>
                <li class="has-sub"><a rel="nofollow" href="javascript:">Ôn tập hè 2016 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="Ôn tâp hè lớp 3 - 4 - 5 - 6" href="LINK">Ôn tâp hè lớp 3 - 4 - 5 - 6</a></span> </li>
                    </ul>
                </li>
                <li class="has-sub"><a rel="nofollow" href="javascript:">Toán_Nâng_Cao_3_4_5 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="Môn Toán lớp 3 - 4 - 5" href="LINK">Môn Toán lớp 3 - 4 - 5</a></span> </li>
                    </ul>
                </li>
               <li class="has-sub"><a rel="nofollow" href="javascript:">Luyện thi ViOlympic 2017 </a>
                    <ul>
                        <li class="has-sub "><span class=""><a title="ViOlympic_Toán_Tiểu_Học" href="LINK">ViOlympic_Toán_Tiểu_Học</a></span> </li>
                    </ul>
                </li>
            </ul>
        </li>    </ul>
</div>

- Thay LINK thành link blogger của bạn:
+ Nhãn: /search/label/NHÃN
+ Trang: /p/trang.html ( VD trang giới thiệu: /p/gioi-thieu.html)
+ Bài viết /2016/05/bai-viet.html
( kiểu các dạng link như vậy)
Thay các tên các mục menu màu đỏ thành tên bạn mong muốn.
- Sub cho menu
<ul>
  <li class="has-sub"><a rel="nofollow" href="javascript:">Luyện thi THPT Quốc Gia</a>
<!-- sub1-->  
      <ul>    
         <li class="has-sub"><a rel="nofollow" href="javascript:">Luyện thi THPTQG năm 2016 </a>
<!-- sub2-->  
            <ul>        
                 <li class="has-sub "><span class=""><a title="Toán - Lý - Sinh - 2016" href="LINK">Toán - Lý - Sinh - 2016</a></span> </li>    
           </ul>
<!-- End sub2-->  
        </li>
    </ul>
  </li>
 </ul>
Tương tự làm với code 2 và code 3:
+ Code2: 

<div class="title-menu"> <span></span> Vina Test</div>
<div id='cssmenu'>
    <ul>
        <li class=""><a href="LINK">Luyện đề THPT Quốc Gia</a>
  </li><li class=""><a href="LINK">Đấu trường Vina</a>
  </li><li class=""><a href="LINK">Hỏi đáp</a>
  </li><li class=""><a href="LINK">Luyện đề ViOlympic 2016</a>
  </li>
    </ul>
</div>

+ Code3:

<div class="title-menu"> <span></span> Lớp học Offline</div>
<div id='cssmenu'>
    <ul>
        <li class=""><a title="Lịch học khối tiểu học" href="#">Lịch học khối tiểu học</a></li>
        <li class=""><a href="#" title="Lịch học khối cấp 2">Lịch học khối cấp 2</a></li>
        <li class=""><a href="#" title="Lịch học khối cấp 3">Lịch học khối cấp 3</a></li>
    </ul>
</div>

2.2 Bài viết side chạy ở thân web.
Thêm các code sau vào vị trí HTML/javascript ở Content1 trong bố cục
+ Code 4:

<script language='JavaScript'> //<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/Môn học?max-results="+10+"&orderby=published&alt=json-in-script&callback=labelproduct\"><\/script>");     //]]>
</script>

Phân tích:
- Gọi tất cả các bài có nhãn Môn học ra ngoài trang chủ với số lượng 10 bài. Bạn thay Môn học thành nhãn cảu bạn.
Tương tự với code 5, 6 7:
+code 5:

<script language='JavaScript'> //<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/Môn học?max-results="+10+"&orderby=published&alt=json-in-script&callback=labelproduct\"><\/script>");     //]]>
</script>

Lưu ý:  bạn có thêm các tiện ích HTML/javascript khác để hiển thị thêm các mục mà không phải 2 mục như demo tại phần content 1 nha.
Thêm các code 6 vào vị trí HTML/javascript ở Deest
+Code 6:

<div class="title-menu">Đề test mới</div>
<div class="col-md-12 content-test">
<li>
<div class="row danhsach-test">
<script>
//<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/Thông báo?max-results="+5+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
//]]>
</script>
</div>
</li>
</div>

Thêm các code 7 vào vị trí HTML/javascript ở cauhoi
 +Code 7:

<div class="title-menu">Đề test mới</div>
<div class="col-md-12 content-test">
<li>
<div class="row danhsach-test">
<script>
//<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/Thông báo?max-results="+5+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
//]]>
</script>
</div>
</li>
</div>

Bước 3: Những cài đặt khác trong code

3.1 logo tìm thay link ảnh này: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBc_SGuNqMkUHoQKRHrTYHfdubgcQrssmNIzUOcbTjYOO3pTWCFMxJE6V2YxV1aLffnvhrHToQNw03sLRcw20iYAR9mJ9kR0PCb1hxeGqDvxd3AZ4GGCrHp_vYlpMmiH8Hy1n-ZU_BVsj/s1600/item-01-01.png thành link ảnh logo của bạn.

3.2 Menu: ( ctrl+F là tìm kiếm)
Bạn tìm đoạn này   <ul class='nav navbar-nav menu'>. Dưới là phần menu bạn muốn sửa.
3.3 Tìm đoạn này  <div class='carousel-inner' role='listbox'> và thay các link ảnh ngay bên dưới thành các link ảnh có kích thước 798x276 ( có 3 ảnh)
3.4 Phần cảm nhận: Tìm đoan này <div class='row camnhan'> ngay bên dưới là phần cảm nhận
3.5 Phần giáo viên: Tìm đoạn này <div class='row giaovien'>. ngay bên dưới có link ảnh và  thông tin giáo viên bạn cần thay.
Ok vậy cơ bản là xong. giờ mình hướng dẫn bạn cách up bài nha.

Code bài đăng

Mẫu bài đăng khóa học:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5fUbUN-PR9cD9UHLAFOLyb2Yiz-aqOmkl0kC3D-JW0HTEuaj52eYd0K8i5RTyk0cuS5oJNgbQTrZABibsE-bjdy5p67pFmEMbWhJZq7byjA-r7C3GTw6Dk0LNewt6zoDb0nkBujiZtzyo/s1600/178.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5fUbUN-PR9cD9UHLAFOLyb2Yiz-aqOmkl0kC3D-JW0HTEuaj52eYd0K8i5RTyk0cuS5oJNgbQTrZABibsE-bjdy5p67pFmEMbWhJZq7byjA-r7C3GTw6Dk0LNewt6zoDb0nkBujiZtzyo/s1600/178.jpg" /></a>
[giaban]500,000 VNĐ[giaban]
[giaovien]Tên giáo viên[/giaovien]
[hot]<span class="triangle-topleft"></span><span class="hot">HOT</span>[/hot]
[mota]viết nôi dung ở đây để đăng vào phần giới thiệu về khó học[/mota]
[chitiet]Đăng vào mục đê cương khóa học[/chitiet]

Thay link ảnh xanh thành link ảnh giáo viên hoặc SP của bạn. thay toàn bộ thông tin khác.
Mẫu tin tức:
Đăng nội dung trong cặp thẻ [tintuc]Nội dung tin tức[/tintuc]
Ok vậy là mình đã hướng dẫn bạn xong. chúc bạn thành công trong cuộc số cũng như kinh doanh!