Breaking News
Loading...
7/11/12

Congly Blogger Theme

5:56 PM

Congly Blogger Theme - Free template đẹp nhất dành cho blogspot

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



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:
Congly Blogger Theme - Khắc phục lỗi không di chuyển được widget - Free template đẹp nhất dành cho blogspot
- 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í:
Congly Blogger Theme - Khắc phục lỗi không di chuyển được widget - Free template đẹp nhất dành cho blogspot
Ở 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 đề
Congly Blogger Theme - Khắc phục lỗi không hiện nền tên Widget - Free template đẹp nhất dành cho blogspot
Các bạn thêm đoạn code sau vào sau thẻ:
/* SIDEBAR */
Code:
.sidebar h2{background:url(http://2.bp.blogspot.com/-C7WC9PAQ6sM/TvByt4Fm9kI/AAAAAAAAAUQ/0odC6Cy6774/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(http://4.bp.blogspot.com/-EZICTeKicc0/TvBzAGL1HQI/AAAAAAAAAUY/u0uzN1BlPI8/s1600/bgright.gif) repeat-x bottom;float:left;}
Tham khảo: Fandung. & thuthuatblogger.

0 nhận xét :

Post a Comment

Cám ơn đã đọc bài viết!
» Mọi thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới hoặc GỬI THƯ cho mình. Bạn cũng có thể liên kết với mình TẠI ĐÂY
» Những comment spamlink hoặc nói lời thô tục, khó nghe sẽ bị xóa bỏ!
» Các bạn hãy MÃ HÓA CODE trước khi chèn vào nhận xét.
» Chèn link bằng thẻ: <a href="Link" rel="nofollow">Tên</a>
» Tạo chữ <b>đậm</b> và <i>Ngiêng</i>
» Chèn hình ảnh: [img]Link_hình[/img]
Thank You!

Mã Hóa Code

 
Toggle Footer