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/AVvXsEglfoxV6TNW_mMjvcIR6O0THoSK2rdnsJU_MXyYfR5FGPfHTkUgsch_pGdrSkqERRw8Ip1PMeXp1o4Y-8soDjv7EwqPVEkZ2hPtOV5hyDoNynsePXfYzsw5nHtJrl2ti0Zf-glJgGT4CSY/s1600/Untitled-2.jpg) 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/AVvXsEhU-xEsnh1Kbb_HZsPT4XW_VUv-b6opf53cHrrb8pwD3X9GmLWuu2dwDXFdO4QvWiGxGukjNPkzREiHw16pbcZerTCc2IRI5Qlhn1jun1ThqiAdieykulMt_WiIE8LOoFfajvSx9hDzp6Y/s1600/bgright.gif) repeat-x bottom;float:left;}

thêm vài chỉnh sữa nữa cho mọi người tham khảo

1- Còn thay đổi màu nền từ đỏ sang xanh lá cây trên thanh tiêu đề (gồm: Trang chủ, bonsai, văn thơ kutu...) 
bạn thay link ảnh này trong template:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS7dUmYYiD506a0uv7fc-80iNU7pgdDqJmum4ZWpjhPmTT6wpcJuaPbaEJhUnDJUGpBh4FeU6A5_GytLBPY7LdyEp-mSmeAPlt4XV04LPhethSAOffaRxtpDpxmdikkXe-F4jOD1z9GNI/s1600/menurepeat.gif
thành link ảnh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj79uu7euePHmheOsZILow_hWP4O11NxuyV_vUoqNj8SZ2n2w4e8Ob5aeN4rKBWFI5Gm5C-Cwa73jgLp36wvSrUzHfyaNDeSQwYCu1mh0kHjxSfF9UkpKnMiwQtk_e_yDf3xzdk6RDs9UE/s1600/menurepeat-namknangoctra.png

2. Đổi màu đỏ phần chân trang bạn đổi link ảnh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTGobEkSwPOCO_0nTsC9aO5W69UhqjfbP8Zelzf9Tw2-l0jAO6mj_-eOjqblIqi6lvZn-sTc1xtsHl6decPZDfwqKgWkHL7_kJ4MUuOsxGXXfgSbjgwqqgUsGFdv-SMQjiq4cpjprebyQ/s1600/menufooter.gif
thành link ảnh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdtc1YzmmUvjhuz4QIG7Fj1gZg78-Mfa_DJkXfxLoAHUXA_1bmKOY9opve9mfuc84EZYHeHvQTIvWK5RFcs3wgSxtSRfvA7Vm8tGhBjxNHNgmZPIiZ-hQQi9lck3C9XIlivHGM-JDzqI/s1600/menufooter-namkna-ngoctra.jpg

3Đổi màu menu:

Bạn thay đổi hình ảnh sau:

- nền menu chính:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS7dUmYYiD506a0uv7fc-80iNU7pgdDqJmum4ZWpjhPmTT6wpcJuaPbaEJhUnDJUGpBh4FeU6A5_GytLBPY7LdyEp-mSmeAPlt4XV04LPhethSAOffaRxtpDpxmdikkXe-F4jOD1z9GNI/s1600/menurepeat.gif

- phần đổ bóng: 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAmVH1PAjv6E4TTVsGpSAR-_zNAi3RrB97XazvKauPOM5OvihqI_P_CMlXe5tagcaharUYyAinGojV_4INe_6hrvzrGbhpY_MYu0LJNz_2TvA5VIgAGlIvdJPqbwS6rYlsyE9BwOB0jjk/s1600/menubgfooter.gif

- ngan tiêu đề: 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9kkxTk6csX4wRGAQCsQu1GOXMwL5Jv1eHMzQOmLOEpBK3ZeNj9yJCkd11b8NKvGw1UcX0urNoCa1OyyMo81wUfNtL31pv6tG4zzJnlufs0w_LHxmSXMb6jijbTj0BSJOA0kcTX-4Lng/s1600/bodermenu.gif

Muốn thay đổi màu nền toàn trang thì bạn vào thiết kế - Chỉnh sửa HTML - Mở rộng tiện ích mẫu và ìm đoạn code sau:
body{font-size:12px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUo-Ep6gbSH4hsD3QDvYkHVSlJsf4LZrLpTKdsWYAXjp_HabQWnxE5JoMAp_k7r1CmwVvmJdmPqtgYp3CN3d6b5XFwvVEmaXsgPGmQTBDRmYSypyHgmj6ZsI-SP0jJ4ZNuftLpOu3qiG8/s1600/bgbody.gif);font-family:Arial;color:#424547;margin:0 auto;padding:0}

- thay đổi nó thành:
body{font-size:12px;background:#F6358A;font-family:Arial;color:#424547;margin:0 auto;padding:0}

- trong đó #F6358A chính là mã màu. Nếu bạn muốn thay đổi màu khác thì bạn xem các mã màu Tại đây:3) :3) :3)

=> Còn mốn đổi mầu khác bạn dùng Photoshop để chỉnh nha. nếu không có Photoshop cài ở máy bạn có thể dùng Photoshop Online TẠI ĐÂY

Mọi vấn đề Reply ở đây , ko PM yahoo . Đang làm cái theme Johny Soulmater Blogger Template mà phải chat với các cụ . Mệt lắm à.

Tham khảo: Fandung. & thuthuatblogger.