Congly Blogger Theme

Theme News làm gấp cho các bạn kịp thay theme đón noel mặc dù theme chẳng có tý ảnh noel nào :))

Không nói nhiều nữa sock hàng và hưỡng dẫn ^^

+ Gộp slide thành 1 js để load

+ Add full biểu tượng chat yahoo vào comment

+ ADD top WIDGET luôn trong sidebar khỏi cần chọn chế độ :D

DEMO | DOWNLOAD

Link phụ:
Hướng dẫn :

Để hiện label . Vào chỉnh sửa HTML chọn Mở rộng Mẫu Tiện ích Tìm

document.write("<script src=\"/feeds/posts/default/-/Tin Tuc?max-results="+12+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");

Trong đó Chú ý  cái Tin Tuc nhé  đây là Nhãn hiện thị. Muốn hiện thị nhãn nào thì điền tên nhãn đó, các nhãn khác tương tự.

Vì ko load feed label nên mình luôn để ?&max-results=15 ở sau tên các label để hiện thị phân trang cho đẹp, ai thay tên Label thì ko xóa dòng này

Riêng cái Slide mình cho nó lấy bài viết mới nhất nên ko cần quan tâm

Ở cài đặt 15 bài viết nhé để hiện thị cho đẹp

Có cái logo ở sidebar label ai dùng cho mình đặt ké nhá :)

Khắc phục một số vướng mắc:

1. Không di chuyển được tiện ích khi lưu báo lỗi:

- Khắc phục bằng các các bạn vào Thiết Kế - Phần tử trang

- Xác định cho mình ID của widget cần đổi vị trí:

Ở Viduj này Id=HTML2

- Đóng lại và vào thiết Kế Chỉnh sửa HTML bấm Ctrl+F và tìm kiếm từ khóa HTML2

Khi đó có dạng như sau:

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
Thanh siderbar bân phải
<b:widget id='HTML1' locked='false' title='THÔNG TIN CẦN BIẾT' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Nhận Xét mới nhất' type='HTML'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='PopularPosts1' locked='false' title='XEM NHIỀU TRONG TUẦN' type='PopularPosts'/>
</b:section>
      </div>
      <div class='clear'/>
</div> 
 
<div id='footer-ads'>
<b:section class='footer' id='footer'>
Vị trí chân trang (Foooter)
</b:section>
</div>
</div>

Bạn Cut đoạn Code:

<b:widget id='HTML2' locked='false' title='' type='HTML'/>

Lên trên, xuống dưới hoặc sang các vị trí bạn muốn:

Ví dụ mình muốn kéo xuống vị trí chân trang (Foooter) thì Cut và Pate xuống phần giũa 2 thẻ:

<b:section class='footer' id='footer'>
và
</b:section>

khi đó sẽ được như sau:

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
Thanh siderbar bân phải
<b:widget id='HTML1' locked='false' title='THÔNG TIN CẦN BIẾT' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Nhận Xét mới nhất' type='HTML'/>
<b:widget id='PopularPosts1' locked='false' title='XEM NHIỀU TRONG TUẦN' type='PopularPosts'/>
</b:section>
      </div>
      <div class='clear'/>
</div> 
 
<div id='footer-ads'>
<b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
Vị trí chân trang
</b:section>
</div>
</div>

2. Tiện ích thêm mới không có nền tiêu đề

Các bạn thêm đoạn code sau vào sau thẻ:

/* SIDEBAR */

Code:

.sidebar h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDzz-_3wf_Fv1Xvfd0ueBATM4WnG_e-YCwH2Sl7pvswFWSqF4hUnmPV-f5_bVmKKrBqO30AT7hOVWNlgkga7qvoNYgtbEfcAfJly7MRAHypPMmJtnmtH05neibp7GkUMVIQgP1xUqLuU/s1600/title2.gif) top left no-repeat;line-height:36px;height:42px;text-align:center;color:#fff;margin-top:10px;font-weight:bold;font-size:15px;width:300px;}
#sidebar-wrapper .widget{width:298px;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZM2ifLoITI9NyIO_tLYQq2-b7m-OyfmmrgHe6WNq00EEVLslqsGdJkG-SdU2UyLpIZvsp67x9rxLTpoIh9QFzJSIsAReOZZOR5GIbTayoZ0cmqGGuxDKltuQHDsToPSV_3gbkHp9jH-A/s1600/bgright.gif) repeat-x bottom;float:left;}

Tham khảo: Fandung. & thuthuatblogger.