[Templates] Purez Responsive Magazine Blogger Template Premium Free - Chia sẻ Template Purez bản premium

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1Bu_IMpTkGp1CkcHJoM3mYc-FL6fHXHByB2ACDO4-p2gE1e8xSBFDCWMkNO0cUkdphyphenhyphenQbaMTcyINer4QWzJpfFfoGX1Zr4ic_O_of_j3ciOPFKp7NKLvK429OdFEmCLb6Pg8E_gRyNR0/s1600/Purez+blogger+template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1Bu_IMpTkGp1CkcHJoM3mYc-FL6fHXHByB2ACDO4-p2gE1e8xSBFDCWMkNO0cUkdphyphenhyphenQbaMTcyINer4QWzJpfFfoGX1Zr4ic_O_of_j3ciOPFKp7NKLvK429OdFEmCLb6Pg8E_gRyNR0/s400/Purez+blogger+template.png" width="400" /></a></div><br /><br /><div style="text-align: justify;"><a href="http://www.rinviet.com/" target="_blank">RinBlog</a> hôm nay xin chia sẻ tới các bạn một <a href="http://www.rinviet.com/search/label/Templates" target="_blank">template</a> cực đẹp và chuẩn <a href="http://www.rinviet.com/search/label/SEO" target="_blank">SEO</a> của MKR, template này được bán trên themeforest là 20$ với hơn 20 lần mua. Code template RinBlog chia sẻ hôm nay là code chuẩn được share từ một người bạn đã mua trực tiếp code trên themeforest nên các bạn hoàn toàn yên tâm là sẽ đạt được 100% tất cả những tính năng đặc sắc của bản gốc như demo.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Tất cả hướng dẫn đều nằm trong thư mục Documentations trong bản download, việc thêm <a href="http://www.rinviet.com/search/label/Blogger%20Widget" target="_blank">widget</a>, thay hình nền...v..v, đều rất dễ thực hiện.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Trong bản tải về có 4 file XML tương đương với 4 phiên bản bố cục khác nhau, các bạn có thể thử từng kiểu để tìm được kiểu ưng ý nhất.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><a href="http://adf.ly/aoM38" target="_blank">DEMO</a></div><div style="text-align: justify;"><br /></div><a href="http://adf.ly/aoSvg" target="_blank">DOWNLOAD</a><br /><br />Đừng quên nhấn like và chia sẻ nha! :)

[Templates] Purez Responsive Magazine Blogger Template Premium Free - Chia sẻ Template Purez bản premium

RinBlog hôm nay xin chia sẻ tới các bạn một template cực đẹp và chuẩn SEO của MKR, template này được bán trên themeforest là 20$ với hơn ...

Đọc thêm »

[Template] Sahifa Responsive Blogger Templates v5.0 - Giao diện Sahifa v5.0 Phát triển riêng cho blogspot.

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsiaAUtg7ChHdOQT2-KZ7NkEEA8QN4hoYx3pmyVUDEVNCwR_YVK49mLOth6ydlLi-4jJqPlSykdBHq0LUvizjs8rL2JE6SUcPik5TQ8lUmg2MKKn5e_-CAy5HVzBvXSpcMhCaParL-V2t/s1600/sahifa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsiaAUtg7ChHdOQT2-KZ7NkEEA8QN4hoYx3pmyVUDEVNCwR_YVK49mLOth6ydlLi-4jJqPlSykdBHq0LUvizjs8rL2JE6SUcPik5TQ8lUmg2MKKn5e_-CAy5HVzBvXSpcMhCaParL-V2t/s400/sahifa.png" width="370" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: justify;">Như các bạn đã biết thì Sahifa là một <a href="http://www.rinviet.com/search/label/Theme%20Blogger" target="_blank">theme</a> cực hot của wordpress, nhưng đáng tiếc là chưa có ai phát triển <a href="http://www.rinviet.com/p/blogger-templates.html" target="_blank">template</a> này cho blogspot. Vì lý do trên, RinBlog quyết định sẽ phát triển một theme có tính năng và hình thức giống tới 98% so với phiên bản sahifa của bên wordpress.</div><div style="text-align: justify;">Template này RinBlog sẽ đặt tên  là Sahifa V5.0 cho khác với bản gốc. Template này được RinBlog phát triển từ một template rất hot của Blogspot, đó là <a href="http://www.rinviet.com/2013/12/templates-widgetly-responsive-magazine.html" target="_blank">Widgetly</a>. Vì đây là bản phát triển thêm nên Sahifa v5.0 vẫn giữ được những ưu điểm tuyệt vời từ template <a href="http://www.rinviet.com/2013/12/templates-widgetly-responsive-magazine.html" target="_blank">Widgetly</a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Sahifa 5.0 có gì hot?</div><div style="text-align: justify;"><br /></div><ul style="text-align: justify;"><li>Giao diện responsive thân thiện, code tối ưu, trang load nhanh, hiệu ứng đẹp.</li><li>Giao diện chỉ có 2 cột đẹp, thân thiện hơn, <a href="http://www.rinviet.com/search/label/SEO" target="_blank">SEO</a> tốt hơn.</li><li>Bố cục được chia theo dạng tin tức, từng block, widget đẹp, rõ ràng.</li><li>Footer tùy chỉnh 3 cột cực đẹp và hợp thời trang.</li><li>Dễ dàng tùy chỉnh màu sắc, font chữ, hình nền...v..v</li></ul><div style="text-align: justify;">Để xem cụ thể hơn các bạn xem demo tại đây</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><a href="http://adf.ly/akDNu" target="_blank">DEMO</a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Đối với giao diện này, để thêm nội dung cho mỗi widget riêng ở cột bên trái trên trang chủ các bạn chú ý làm như sau:</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Không nên xóa những widget có sẵn trong template (cột trái trên trang chủ) mà các bạn tiến hành thêm hoặc thay đổi nội dung của chúng cho hợp lý bằng cách nhấp vào chỉnh sửa widget thay nội dung của widget đó bằng một hoặc nhiều nhãn để hiển thị bài đăng trong nhãn. Làm như sau:</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Vào bảng điều khiển blogger >> Bố cục >> Chọn chỉnh sửa 5 tiện ích HTML có sẵn ở cột bên trái.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Clean-5: Là widget hiện hộp bài viết theo dạng trình chiếu, chỉ cần thêm label vào phần nội dung là được.</div><div style="text-align: justify;">Các widget bên dưới cũng làm tương tự để hiện thị bài trong 1 nhãn riêng biệt</div><div style="text-align: justify;"><br />Còn nếu các bạn muốn hiện bài viết mới nhất thì chỉ việc tạo 1 label là New hoặc Feature rồi thêm label đó vào phần nội dung. Sau đó các bạn viết bài chỉ cần thêm Label New là bài đó sẽ hiện trên widget mà các bạn thêm label trước đó.</div><div style="text-align: justify;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYD-HSAp-B5S9rdt2KDRDX5sIFuw5fQ0_IyMdZbuBCzuvcbBqZ0L-s5rWCF19UFy4GhYIbwBUbQh5Xg3IkW-jJh0-ood06srtM_J9apoQD-VQbCE7oyHbH1rMIKOoselZhXZCvPV08PQ/s320/tutor.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYD-HSAp-B5S9rdt2KDRDX5sIFuw5fQ0_IyMdZbuBCzuvcbBqZ0L-s5rWCF19UFy4GhYIbwBUbQh5Xg3IkW-jJh0-ood06srtM_J9apoQD-VQbCE7oyHbH1rMIKOoselZhXZCvPV08PQ/s320/tutor.jpg" /></a></div><br /><div style="text-align: justify;"> Các bạn tải tại đây:</div><div style="text-align: justify;"><a href="http://adf.ly/akELW" target="_blank"><br /></a></div><div style="text-align: justify;"><a href="http://adf.ly/akELW" target="_blank">DOWNLOAD</a></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Template này do <a href="http://www.rinviet.com/" target="_blank">RinViệt</a> phát triển nên nếu các bạn có thể thì hãy giữ một liên kết nhỏ tới Rinviet.com nha. Cái đó coi như công sức mình ngồi sửa code ý mà. ^^</div><br />

[Template] Sahifa Responsive Blogger Templates v5.0 - Giao diện Sahifa v5.0 Phát triển riêng cho blogspot.

  Như các bạn đã biết thì Sahifa là một theme cực hot của wordpress, nhưng đáng tiếc là chưa có ai phát triển template này cho blogspot. V...

Đọc thêm »

[Templates] Codify Blogger Template - Giao diện Codify cho blogspot cực đẹp, bản chuẩn.

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaaH_77Jz43z8YH9t9sUIYxitqsmYLZk4Jt4qBOM_3SgT08w7X7D3Gn0zz_OYQHt3nTVfiS5a6ccTnzja1-lqjIUpcOfR1rVv3a5NdLRrN3o5PTmJkp7wDeY7La1XGmNmO7W8BsyBMdDF/s1600/Codify.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="496" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZaaH_77Jz43z8YH9t9sUIYxitqsmYLZk4Jt4qBOM_3SgT08w7X7D3Gn0zz_OYQHt3nTVfiS5a6ccTnzja1-lqjIUpcOfR1rVv3a5NdLRrN3o5PTmJkp7wDeY7La1XGmNmO7W8BsyBMdDF/s640/Codify.png" width="640" /></a></div><br /><a href="http://adf.ly/agXax" target="_blank">DEMO</a><br /><br />Sau một hồi lâu ngồi giải mã những code hex bản quyền của template codify này thì <a href="http://www.rinviet.com/" target="_blank">RinBlog</a> quyết định sẽ chia sẻ cho các bạn <a href="http://www.rinviet.com/search/label/Theme%20Blogger" target="_blank">template</a> này. Vì đây là bản được RinBlog giải mã cũng như phát triển từ bản free nên RinBlog sẽ hạn chế chia sẻ, không chia sẻ trực tiếp nữa, mà sẽ chia sẻ qua email. Nếu các bạn muốn được RinBlog chia sẻ thì vui lòng để lại email dưới comment, RinBlog sẽ gửi <a href="http://www.rinviet.com/p/blogger-templates.html" target="_blank">giao diện</a> này cho các bạn trong vòng 24h.<br /><br />Điểm khác biệt giữa bản Free bình thường và bản được RinBlog giải mã:<br /><br /><ul><li>Giải mã toàn bộ code copyright ở header và footer để các bạn dễ dàng chỉnh sửa</li><li>Giải mã và đưa toàn bộ code css từ file mã hóa trên host nguồn vào thẳng template</li><li>Biến tấu một chút để dễ chỉnh sửa hơn so với bản free</li></ul>Vì có một chút công sức của mình trong bản này nên mình sẽ rất vui nếu các bạn đặt một textlink về rinviet.com. Còn nếu không muốn thì cũng không sao :)<br /><br />Một chú ý nho nhỏ là với 3 <a href="http://www.rinviet.com/search/label/Blogger%20Widget" target="_blank">widget</a> ở phía footer thì các bạn phải tiến hành thêm tiện ích vào thì mới đẩy dòng copyright xuống được nhé. Cứ thêm 3 widget bất kỳ vào là chuẩn như demo luôn.<br /><br />Hi vọng các bạn sẽ thích template này, vì theo mình được biết thì template này chưa hề được giải mã và chia sẻ, các bản chia sẻ hầu hết là bản chia sẻ free nguyên thủy còn nguyên code mã hóa. Bạn nào cần thì để địa chỉ email ở phần comment nha :)<br /><br />

[Templates] Codify Blogger Template - Giao diện Codify cho blogspot cực đẹp, bản chuẩn.

DEMO Sau một hồi lâu ngồi giải mã những code hex bản quyền của template codify này thì RinBlog quyết định sẽ chia sẻ cho các bạn template ...

Đọc thêm »

[Templates] Team Blog Magazine Responsive Blogger Template - Giao diện tin tức đẹp cho blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKuxr-2JP5cbT0L7wzo-V1yApZmvZ8Of1bzR6XyxYaGG11nDRBRDOvLoC8C52I3waFjYScQpByYBg7ZUEUIw6y-oCNFIXp3SlTSHt1tKVNDFCydEykGce9N2qC4Ug3LWMtArM5yb24hg8T/s1600/teamblog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKuxr-2JP5cbT0L7wzo-V1yApZmvZ8Of1bzR6XyxYaGG11nDRBRDOvLoC8C52I3waFjYScQpByYBg7ZUEUIw6y-oCNFIXp3SlTSHt1tKVNDFCydEykGce9N2qC4Ug3LWMtArM5yb24hg8T/s640/teamblog.jpg" width="344" /></a></div><br />Hôm nay <a href="http://www.rinviet.com/" target="_blank">RinBlog</a> xin gửi đến các bạn một <a href="http://www.rinviet.com/p/blogger-templates.html" target="_blank">template</a> cực đẹp được phát triển cho trang tin tức từ <a href="http://uongjowo.blogspot.com/" target="_blank">Uong Jowo</a>. Với bố cục rõ ràng, thân thiện với hầu hết các thiết bị hỗ trợ duyệt web, Desktop, Laptop, Mobile...<br />Để sử dụng template này các bạn vui lòng giữ link ở footer của Uong Jowo để tôn trọng bản quyền của người thiết kế.<br /><br /><a href="http://adf.ly/adw8B" target="_blank">DEMO</a><br /><br /><a href="http://adf.ly/adw61" target="_blank">DOWNLOAD </a><br /><br />Xem thêm những template đẹp khác cho Blogspot tại <a href="http://www.rinviet.com/search/label/Theme%20Blogger" target="_blank">đây</a>

[Templates] Team Blog Magazine Responsive Blogger Template - Giao diện tin tức đẹp cho blogspot

Hôm nay RinBlog xin gửi đến các bạn một template cực đẹp được phát triển cho trang tin tức từ Uong Jowo . Với bố cục rõ ràng, thân thiện v...

Đọc thêm »

[Templates] Skill Responsive Template for Blogger - Giao diện blog cá nhân cho blogger.

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaadxKsQedGdnWQPhgCTyvXbltAxD8oH-_r_5dyGYiVjVdT4-TAWfkqoUlCN5j-newXA5aiGkpWx5wYqbkmLi_WuRXwlI7tR3IqQUhpEEhGd6qU0ElHyITxR1PDZEK_qrZWlnCiX7KuWDI/s1600/Skill+Blogger+Templates.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaadxKsQedGdnWQPhgCTyvXbltAxD8oH-_r_5dyGYiVjVdT4-TAWfkqoUlCN5j-newXA5aiGkpWx5wYqbkmLi_WuRXwlI7tR3IqQUhpEEhGd6qU0ElHyITxR1PDZEK_qrZWlnCiX7KuWDI/s320/Skill+Blogger+Templates.png" width="320" /></a></div><br /><a href="http://www.rinviet.com/2013/12/templates-widgetly-responsive-magazine.html" target="_blank">RinBlog</a> xin chia sẻ với các bạn một <a href="http://www.rinviet.com/search/label/Theme%20Blogger" target="_blank">template</a> đẹp dành cho blogger của tác giả <a href="http://probtemplates.com/">ProBtemplates.com</a>.<br /><a href="http://adf.ly/aaa4Y" target="_blank"><br /></a><a href="http://adf.ly/aaa4Y" target="_blank">DEMO</a><br /><br /><a href="http://adf.ly/aaaBy" target="_blank">DOWNLOAD</a><br /><br />Chúc các bạn thành công.

[Templates] Skill Responsive Template for Blogger - Giao diện blog cá nhân cho blogger.

RinBlog xin chia sẻ với các bạn một template đẹp dành cho blogger của tác giả ProBtemplates.com . DEMO DOWNLOAD Chúc các bạn thành công.

Đọc thêm »

[Templates] Adamz - Responsive Blogger Template V1.3 - Share template RinViệt đang sử dụng

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhKPZplw3WdRKjPkr-f1Gy5TLBe8o9lniXHgqB5j_kPAjncPiOey-2eVs8fmY1lgDnxUVPE82VyXAivwc3E9I5Yt-SuFP1nqPXgBO5GQN0O2Nvv2h9wg0fMqBURR9YMWpM5uxKBN0824T/s1600/Adamz+-+Responsive+Blogger+Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="323" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhKPZplw3WdRKjPkr-f1Gy5TLBe8o9lniXHgqB5j_kPAjncPiOey-2eVs8fmY1lgDnxUVPE82VyXAivwc3E9I5Yt-SuFP1nqPXgBO5GQN0O2Nvv2h9wg0fMqBURR9YMWpM5uxKBN0824T/s640/Adamz+-+Responsive+Blogger+Template.png" width="640" /></a></div><br /><a href="http://doanthieuda.blogspot.com/" target="_blank">Rinviệt</a><a href="http://doanthieuda.blogspot.com/" target="_blank"> </a>thân tặng các bạn templateAdamz - Responsive Blogger Template version 1.3 mà Rin việt đang sử dụng. Đây là một trong những <a href="http://doanthieuda.blogspot.com/2013/12/templates-widgetly-responsive-magazine.html" target="_blank">Responsive template</a> cho blogger hàng đầu hiện nay và được rất nhiều blogger sử dụng vì sự tiện lợi, đơn giản và đẹp. <br /><br /><a href="http://adf.ly/aI0I6" target="_blank">DEMO</a><br /><br /><a href="http://adf.ly/aMxUN">DOWNLOAD</a><br /><br />Để tùy chỉnh và làm đẹp thêm cho template này các bạn có thể xem thêm những bài hướng dẫn khác ở <a href="http://doanthieuda.blogspot.com/search/label/Blogger%20tips" target="_blank">đây.</a><br /><br />Chúc các bạn vui vẻ

[Templates] Adamz - Responsive Blogger Template V1.3 - Share template RinViệt đang sử dụng

Rinviệt thân tặng các bạn templateAdamz - Responsive Blogger Template version 1.3 mà Rin việt đang sử dụng. Đây là một trong những Responsi...

Đọc thêm »

[Templates] Widgetly Responsive Magazine, Template trang tin tức cực đẹp và chuyên nghiệp cho blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Oq5DYPjw_SLFZh2EMYUe_EXsZ1kLxA4jBdLGl8Zt7F1to1-YdD43uJhdH4QAyuDPAGbzm_5n7f1SMxxEok5TuVgYatB4xoBQc9qdRGdwWjvoKjvNUR0Tu5fVm5OAeIbYQM1ybMyjzvog/s1600/wgtly.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Oq5DYPjw_SLFZh2EMYUe_EXsZ1kLxA4jBdLGl8Zt7F1to1-YdD43uJhdH4QAyuDPAGbzm_5n7f1SMxxEok5TuVgYatB4xoBQc9qdRGdwWjvoKjvNUR0Tu5fVm5OAeIbYQM1ybMyjzvog/s1600/wgtly.png" /></a></div><br /><br />Hôm nay rảnh rỗi nên mình lấy cái <a href="http://doanthieuda.blogspot.com/search/label/Theme%20Blogger" target="_blank">templates</a> cực chuẩn này của <a href="http://uongjowo.blogspot.com/" target="_blank">Uong Jowo</a> chia sẻ miễn phí cho các bạn. Điều kiện duy nhất là vui lòng giữ nguyên link của Uong Jowo dưới footer để tôn trọng công sức sáng tạo của anh ấy.<br /><br />Rinblog cũng đã từng sử dụng qua template này rồi, kết quả cực kỳ vừa ý. Nhưng tiếc là <a href="http://doanthieuda.blogspot.com/" target="_blank">Rinblog </a>không phải trang tin tức nên<a href="http://doanthieuda.blogspot.com/2013/12/templates-adamz-responsive-blogger.html" target="_blank"> </a><a href="http://www.blogger.com/null" target="_blank">template</a> này không hợp cho lắm, nhưng nếu site của bạn là site tin tức thì <a href="http://doanthieuda.blogspot.com/2013/12/templates-adamz-responsive-blogger.html" target="_blank">t</a><a href="http://www.blogger.com/null" target="_blank">emplate</a> này là quá chuẩn luôn rồi.<br /><br /><a href="http://adf.ly/aI05f" target="_blank">DEMO </a><br /><a href="http://adf.ly/aI08F" target="_blank"><br /></a><a href="http://adf.ly/aMxkq">DOWNLOAD BẢN NGUYÊN THỦY CỦA UONG JOWO</a><br /><br /><a href="http://adf.ly/aMxpx" target="_blank">DOWNLOAD BẢN CHỉNH SỬA CỦA RINBLOG</a><br /><br />HƯỚNG DẪN SỬ DỤNG:<br /><br />Để sử dụng template này các bạn lưu ý điều sau:<br /><br /><ul><li>Không nên xóa những widget có sẵn trong template (cột giữa) mà các bạn tiến hành thêm hoặc thay đổi nội dung của chúng cho hợp lý bằng cách nhấp vào chỉnh sửa widget thay nội dung của widget đó bằng một hoặc nhiều nhãn để hiển thị bài đăng trong nhãn. Làm như hình sau:</li></ul><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYD-HSAp-B5S9rdt2KDRDX5sIFuw5fQ0_IyMdZbuBCzuvcbBqZ0L-s5rWCF19UFy4GhYIbwBUbQh5Xg3IkW-jJh0-ood06srtM_J9apoQD-VQbCE7oyHbH1rMIKOoselZhXZCvPV08PQ/s1600/tutor.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYD-HSAp-B5S9rdt2KDRDX5sIFuw5fQ0_IyMdZbuBCzuvcbBqZ0L-s5rWCF19UFy4GhYIbwBUbQh5Xg3IkW-jJh0-ood06srtM_J9apoQD-VQbCE7oyHbH1rMIKOoselZhXZCvPV08PQ/s320/tutor.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Để hiển thị toàn bộ widget đẹp và chuẩn các bạn copy đoạn code sau rồi thêm vào trong templates của bạn.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><blockquote class="tr_bq"><div class="separator" style="clear: both; text-align: left;">.pix_uj li .uj_thumb{width:70px;height:70px;overflow:hidden;} @media only screen and (max-width:1219px){ #wrapper{width:986px;} .container,#footer-widget-area{width:944px;} .header-content{margin:0;padding:25px 21px} #sidebar-narrow,#top{display:none} #sidebar{float:right;width:300px;} #logo{float:left;width:270px;} } @media only screen and (max-width:985px) and (min-width: 768px) { #wrapper{width:750px;}#logo,#logo img{float:left;width:200px;} .container,#footer-widget-area,#main-content{width:730px;} #content,#uj-slider,.flexslider,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb{width:410px;float:left;} .scroler li .uj_thumb .overlay,.uj-box li:first-child .overlay{width:410px;height:160px} #content .post-body img{max-width:360px;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child{float:left;width:200px;margin-right:0} .uj-box.cols-2 li:first-child .overlay{width:200px;height:160px} .uj-box.cols-2 .uj_thumb .overlay:hover a.zoom{left:15%} .uj-box.cols-2 li:first-child .uj_thumb .overlay:hover a.post-link{right:15%} .cols-2.last-column{float:right;} .header-content{margin:0;padding:25px 15px} .header-content{background:transparent} .top-nav .container{position:relative} #sidebar{padding:0 0 0 4px;float:right;width:300px;} } /* Phone : 480px */ @media only screen and (max-width: 767px) and (min-width: 480px){ #wrapper{max-width:430px;width:100%!important} #topcontrol , .ads-top,#main-nav, .ads-bottom,.home-ads, .ads-post, .today-date, .slider-caption p{display:none !important;} header {width:420px !important;} #mobilenav{display:inline-block;border:1px solid #ccc;padding:2px 5px;} #navi.suball {background:#333;} .container,#main-content , .content , #content{width:420px !important; } .flexslider , .flexslider .slides > li ,.flexslider .slides img{height:250px !important;} .slider-caption h2 a, .slider-caption h2{ font-size:22px;} .single-post-thumb img { max-height:210px; } .slider-caption{width:auto;} .logo{float:none;text-align:center;} #uj-slider,.uj-box,#footer-widget-area,.flexslider,.uj_slider_item{float:none;width:400px;} #uj-slider{margin:0 auto 20px auto}.uj-box,.uj-box.cols-2,.pix_uj{margin-left:10px;} #top{display:none} .uj-box.cols-2,.uj-box.cols-2 .widget-content,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb,#tabbed-widget{float:none;width:400px;} .uj-box.cols-2 .widget>h2{width:400px;} .pix_uj .box-content ul li:first-child{width:400px;float:none;} .pix_uj .box-content ul li:first-child .uj_thumb,.pix_uj .box-content ul li .uj_thumb{width:100%;float:left;} .pix_uj .box-content ul li{width:31%;float:left;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child{float:left;width:400px;margin-right:0} .scroler li .uj_thumb .overlay,.uj-box li:first-child .overlay{width:400px;height:160px} #sidebar {width:400px;float:left;} #PopularPosts2 ul{width:380px;float:left;} #adsentop,#righttop{display:none !important;} } /* Phone : 320px */ @media only screen and (max-width:479px){ #topcontrol,.today-date,#main-nav,.slider-caption p,#cats-tabs-box,a.random-article{display:none;} #wrapper{max-width:297px;width:100%!important} .social-networks{display:none;} #mobilenav{display:inline-block;border:1px solid #ccc;padding:2px 5px;} #navi.suball {background:#333;} .container,#main-content,#content, #uj-slider,.uj-box,.flexslider{margin:0 auto 20px auto;width:277px;} #footer-widget-area{margin:0 auto;width:277px;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb{float:left;width:277px;} .pix_uj .box-content ul li:first-child{width:277px;float:left;} footer{padding:20px 0} #sidebar{padding:0 0 0 0;float:left;width:277px;border-left:0;} .fb-like-box{float:left;} #tabbed-widget,#sidebar .widget{float:left;width:277px;} #tabbed-widget .tabs-wrap li{width:90%;float:left;} #PopularPosts2 ul{width:250px;float:left;} #content .post-body img{max-width:250px;} #logo{max-width:150px;float:left;clear:both;} #logo img{width:150px;} #adsentop,#righttop{display:none !important;} #sidebar-top1 img{max-width:270px;} } @media only screen and (max-width:319px) { #wrapper{width:220px;} .head_brnews .breaking-news{display:none} #content {float:left;width:220px;} #sidebar{padding:0 0 0 0;float:left;width:220px;} } </div></blockquote><br />Trong template các bạn tìm đoạn: <span style="color: #cc0000;"><div id='sidebar' style='width:100%;max-width:300px;float:right;'> </span>Và thay bằng đoạn: <b><span style="color: #38761d;"><div id='sidebar'></span></b><br /><br /><b><span style="color: #38761d;"></span></b>Tìm tới trước đoạn <span style="color: #cc0000;"><footer </span>thêm đoạn code sau vào: <span style="color: #38761d;"><div class='clear'/></span>. Ví dụ:<br /><br /><span style="color: #38761d;"><div class='clear'/></span><br /><br style="color: #38761d;" /><span style="color: #38761d;"><footer itemscope='' itemtype='http://schema.org/WPFooter'></span><br /><span style="color: #38761d;"> </span> <br />Nếu nút tiến và lùi ở phần hộp bài viết <u><span style="color: #cc0000; font-size: large;">Slider </span></u> không hoạt động ở trình duyệt Chrome thì các bạn làm như sau:<br /><br />Trong template các bạn tìm tới đoạn code:<br /><br /><blockquote class="tr_bq"><br /><b>#uj-slider{......... </b><br /><b>          .. <i style="color: #38761d;">cho tới...</i></b><br /><b>.uj_slider .flex-direction-nav .flex-prev{margin-right:41px}</b></blockquote> Các bạn thay bằng đoạn code sau:<br /><br /><blockquote class="tr_bq">#uj-slider{position:relative;max-width:620px;width:100%} #uj-slider .widget h2,.tabs-wrap .widget h2{display:none} .uj_slider{margin-bottom:2px;position:relative;margin-bottom:30px;overflow:hidden;background-color:#fff} .uj_slider_wrap{position:relative;height:350px;overflow:hidden;margin-bottom:3px;padding:0} .uj_slider_item{max-width:620px;height:340px;overflow:hidden;width:100%} .uj_slider .slides img{width:100%;height:auto;} .uj_slider .slider_caption{position:absolute;padding:10px 15px;background:#cd2122;background:rgba(205,33,34,0.8);left:0;bottom:100px;color:#f5f5f5;margin-bottom:12px;z-index:99} .uj_slider .slider_caption:after{content:"";height:3px;width:100%;background:#cd2122;background:rgba(205,33,34,0.8);overflow:hidden;display:block;left:0;position:absolute;bottom:-4px} .uj_slider_wrap .uj_slider_item{display:none;position:relative} .flex-direction-nav {*height: 0;} .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .uj_slider .slider_caption h3{margin-bottom:0;font-size:20px} .uj_slider .slider_caption h3 a{font-family:'Oswald',serif;color:#fff} .uj_slider .slider_caption h3 a:hover{color:#000} .uj_slider p.caption{position:absolute;background:#000;background:rgba(0,0,0,0.7);padding:7px 14px;bottom:39px;width:385px;color:#fff;font-family:tahoma;font-size:13px;line-height:17px;z-index:99} .uj_slider p.caption .post-meta{display:none} .uj_slider .flex-direction-nav a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjycwAm4NyvSDccfw8sVigQD0PezdQjjEl3DrBfnkrw8AMrkQnTBO4eu6OAqdhsioxcfJ-4GzV8-2hySo11lSN8nnDl-Cacya0EK3SoHyBG0FzHE831Sy6osNTn6dQbWC2FkMJEMhY59f8/s1600/bg_direction_navs.png) no-repeat;font-size:0;width:40px;height:40px;display:block; position:absolute;bottom:5px;cursor: pointer;right:5px;z-index:99} .uj_slider .flex-direction-nav .flex-next {background-position:100% 0;z-index:99} .uj_slider .flex-direction-nav .flex-prev {margin-right:41px;z-index:99}  </blockquote><br />Hiện mình có 2 bản, 1 bản là nguyên thủy của Uong Jowo còn một bản mình đã chỉnh sửa thêm thắt rồi nên nếu các bạn ngại sửa thì có thể dùng bản của mình. Bản của mình thì chỉ thêm đoạn code thay màu cho link thôi. Nếu các bạn không thích có thể xóa nó đi. Trong file templates của <a href="http://doanthieuda.blogspot.com/" target="_blank">Rinblog</a> là rin.txt tìm đoạn:<br /><blockquote class="tr_bq"><br />a:link {text-decoration:none;}    /* unvisited link */<br />a:visited {text-decoration:none;} /* visited link */<br />a:hover {text-decoration:underline;}   /* mouse over link */<br />a:hover {color:#000000;}   /* mouse over link */<br />a:active {text-decoration:underline;}  /* selected link */</blockquote>Chỉnh sửa hay xóa đều được.<br /><br />Chúc các bạn thành công.

[Templates] Widgetly Responsive Magazine, Template trang tin tức cực đẹp và chuyên nghiệp cho blogspot

Hôm nay rảnh rỗi nên mình lấy cái templates cực chuẩn này của Uong Jowo chia sẻ miễn phí cho các bạn. Điều kiện duy nhất là vui lòng giữ n...

Đọc thêm »

[Templates] Hot Goss Template Blogspot, Giao diện tin tức Hot goss cho blogspot

Theme Hot Goss là một <a href="http://doanthieuda.blogspot.com/search/label/Templates?&max-results=7" target="_blank">template siêu đẹp</a> cho blog tin tức trên <a href="http://doanthieuda.blogspot.com/search/label/Blogger%20tips?&max-results=6" target="_blank">Blogger</a>. Template được chỉnh sửa và convert cho Blogspot bởi : <a href="http://uongjowo.blogspot.com/" target="_blank">Uong Jowo</a>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU9AFDxEk5liiE9nHo4bKiMt9uF2fyOKj_AlOeikZL4D_oA7EgZ_Nu3qCf9RZPRMHfYXDg2O9kquUTOQaR3wOSMpmt7Xq9zi00Ga6eQQPVabpEYTf3_A0_YN6KPeUfItabdoofsyq_qNFG/s1600/hotgoss.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU9AFDxEk5liiE9nHo4bKiMt9uF2fyOKj_AlOeikZL4D_oA7EgZ_Nu3qCf9RZPRMHfYXDg2O9kquUTOQaR3wOSMpmt7Xq9zi00Ga6eQQPVabpEYTf3_A0_YN6KPeUfItabdoofsyq_qNFG/s640/hotgoss.jpg" width="430" /> </a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://glamers99.blogspot.com/" target="_blank"><br /></a></div><div class="separator" style="clear: both; text-align: left;"><a href="http://glamers99.blogspot.com/" target="_blank">DEMO</a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><a href="http://adf.ly/aMxyG" target="_blank">DOWNLOAD </a><br /><br />

[Templates] Hot Goss Template Blogspot, Giao diện tin tức Hot goss cho blogspot

Theme Hot Goss là một template siêu đẹp cho blog tin tức trên Blogger . Template được chỉnh sửa và convert cho Blogspot bởi : Uong Jowo .  ...

Đọc thêm »

[Templates] Best News Blogger Templates, Giao diện tin tức siêu đẹp cho Blogspot

<div class="entry-title single-entry-title"><span style="font-size: small;"><span style="font-family: inherit;">Best New là một giao diện trang tin tức, báo chí cực đẹp cho Blogspot. Template được thiết kế bởi: <a href="http://dalih.net/" target="_blank">Dalih</a>. Chỉnh sửa và Convert cho blogspot bởi <a href="http://uongjowo.blogspot.com/" target="_blank">Uong Jowo</a>.</span></span></div><div class="entry-title single-entry-title"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVO74ZYOJYA3gfqDDkz3StDEdPrnVqhOlCxZUT3DrkVuS2FIGS2hk7-yVhmNa_i8Sc7H2Ovi7bXHx_oeOHV80uWmA_erYETcVH6iZhnhvvHIoXrDc3f-FhjLf_E5CrpMhBcfmfsMGGL3Qq/s1600/best-news-wordpress-theme.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVO74ZYOJYA3gfqDDkz3StDEdPrnVqhOlCxZUT3DrkVuS2FIGS2hk7-yVhmNa_i8Sc7H2Ovi7bXHx_oeOHV80uWmA_erYETcVH6iZhnhvvHIoXrDc3f-FhjLf_E5CrpMhBcfmfsMGGL3Qq/s640/best-news-wordpress-theme.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="entry-title single-entry-title"><a href="http://adf.ly/aMy6Z" target="_blank">DEMO</a></div><div class="entry-title single-entry-title"><br /></div><div class="entry-title single-entry-title"><a href="http://adf.ly/aMy99" target="_blank">DOWNLOAD</a></div><div class="entry-title single-entry-title"><br /></div><div class="entry-title single-entry-title"><br /></div>

[Templates] Best News Blogger Templates, Giao diện tin tức siêu đẹp cho Blogspot

Best New là một giao diện trang tin tức, báo chí cực đẹp cho Blogspot. Template được thiết kế bởi: Dalih . Chỉnh sửa và Convert cho blogspot...

Đọc thêm »

[Templates] Book Store Template Blogspot, Giao diện trang web bán sách online cho blogspot.

Một <a href="http://doanthieuda.blogspot.com/search/label/Templates?&max-results=7" target="_blank">template đẹp</a> và hoàn hảo cho những webmaster muốn phát triển một trang web bán sách online.<br />Giao diện được thiết kế bởi: <a href="http://www.templatetuning.com/search?author=244" target="_blank">Hermes</a>, Chỉnh sửa và convert <a href="http://doanthieuda.blogspot.com/search/label/Blogger%20tips?&max-results=6" target="_blank">cho blogspot</a> bởi <a href="http://uongjowo.blogspot.com/" target="_blank">Uong Jowo.</a><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMahwazXI2vh4uZKTZGkDJ5XQX5e7Yhju2GP44c6K0_pxwL-tPd1NXuKHmvIOjJVtSfX1VKDaKjsGnTFJ4SOzN3tlrB_JW1FPIfxdk0FfRDDFUQfAAhzqdwtFZaJNRiV0zAZFk7hlDh7I/s1600/bookstore.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMahwazXI2vh4uZKTZGkDJ5XQX5e7Yhju2GP44c6K0_pxwL-tPd1NXuKHmvIOjJVtSfX1VKDaKjsGnTFJ4SOzN3tlrB_JW1FPIfxdk0FfRDDFUQfAAhzqdwtFZaJNRiV0zAZFk7hlDh7I/s640/bookstore.jpg" width="361" /> </a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><a href="http://nnghty.blogspot.com/2012/05/blues-book-easy-guitar.html" target="_blank">DEMO </a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><a href="http://www.mediafire.com/view/?z6ltyx6zmphl5eg" target="_blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><b>Hướng dẫn cài đặt, chỉnh sửa:</b></div><br /><ol><li><b>Vào Dashboard sau đó chọn "Settings".</b></li><li><b>Chọn "Formatting". </b></li><li><b>Tìm tới hộp: "Post Template".</b></li><li><b>Copy và dán đoạn code này vào :</b> </li></ol><br /><br /><div> upload image<br /></div><br /><br /><div class="product-shop"><br /><div class="simpleCart_shelfItem"><br /><span class="item_price">$99.99 </span>           <br />  <h2 class="item_name">Book Edition</h2><br /><br />  <br /><p><input type="text" class="item_quantity" value="1" /><br />  <a href="javascript:;" class="item_add" ></a></p><br /></div></div><br /><br></br><br /><p> Description here...            <br /></p><br /><br />  5. <b>Lưu lại và thưởng thức.</b>

[Templates] Book Store Template Blogspot, Giao diện trang web bán sách online cho blogspot.

Một template đẹp và hoàn hảo cho những webmaster muốn phát triển một trang web bán sách online. Giao diện được thiết kế bởi: Hermes , Chỉnh...

Đọc thêm »

[Chia sẻ] 2 Template blogger đẹp nhất tháng 11 năm 2013

<b><a href="http://doanthieuda.blogspot.com/search/label/Sharing?&max-results=6" target="_blank">[Chia sẻ]</a> 2 <a href="http://doanthieuda.blogspot.com/search/label/Templates?&max-results=7" target="_blank">Template blogger</a> đẹp nhất tháng 11 năm 2013</b><br /><b>1. Pure magazine V1 </b><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdgHzQ1fmU3euO-8qO8MJkvWI-Avo2ZpQ0_VQS2oOx1qLph7S2PKxVjVAP54w10ujHG2GrlKqkI5ttudqzu3pcefObtWmRwyf5vLkBb00nTinKOs9pYP_NlJzXTiTwZh4wVP5nk-KYJEBF/s1600/Pure+Magazine+V1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdgHzQ1fmU3euO-8qO8MJkvWI-Avo2ZpQ0_VQS2oOx1qLph7S2PKxVjVAP54w10ujHG2GrlKqkI5ttudqzu3pcefObtWmRwyf5vLkBb00nTinKOs9pYP_NlJzXTiTwZh4wVP5nk-KYJEBF/s1600/Pure+Magazine+V1.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="http://pure-magazine-v1.blogspot.com/" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_z-Oypf8UVrrJka7QYHmUKqulY5fWPVWinzIwTukMOtYQFqqnazwBplrxDAuxZNC19HbZQUKspT5SG40T78G9FDV9cHyfmx4Dv2iTo_NVt6K5V4tYUMpXv3EoD-kqsKJbQznfa5FmN8k/s400/preview.png" style="height: 30px; width: 280px;" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://adf.ly/1CS7S" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AMVgfi8qYQvg754fs4tWVaketwyoRARs5yK5i4d8KlT2tUkctDnJniT9mUOzkrHlQ_T3gp2DVJTkR2w1LBAjU9dxdxO_lh4Daowupk1cguykdS5Rh1cdKWckmlX1UZl5BM6yzaWCCgI/s400/download.png" style="height: 30px; width: 280px;" /></a></div><b>2.  Press Magajah</b><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlLnz3h5DWzK5TjITxpdnw3k-boBnZ_chV3Z-WIdPACouqH9zZTTmWYdk-v45qc1KklMfeFFCgX0d7p9XZtF_llVTJD2F1Envw-sS3OdeoK4Nwnnp7lczpgP-Sbnmp1t4B8dyA9G3gTa4/s1600/Press+Magajah.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5595423328219799458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlLnz3h5DWzK5TjITxpdnw3k-boBnZ_chV3Z-WIdPACouqH9zZTTmWYdk-v45qc1KklMfeFFCgX0d7p9XZtF_llVTJD2F1Envw-sS3OdeoK4Nwnnp7lczpgP-Sbnmp1t4B8dyA9G3gTa4/s400/Press+Magajah.jpg" style="height: 240px; width: 320px;" /></a></div><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://press-magajah.blogspot.com/" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_z-Oypf8UVrrJka7QYHmUKqulY5fWPVWinzIwTukMOtYQFqqnazwBplrxDAuxZNC19HbZQUKspT5SG40T78G9FDV9cHyfmx4Dv2iTo_NVt6K5V4tYUMpXv3EoD-kqsKJbQznfa5FmN8k/s400/preview.png" style="height: 30px; width: 280px;" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /><a href="http://adf.ly/1CSV4" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AMVgfi8qYQvg754fs4tWVaketwyoRARs5yK5i4d8KlT2tUkctDnJniT9mUOzkrHlQ_T3gp2DVJTkR2w1LBAjU9dxdxO_lh4Daowupk1cguykdS5Rh1cdKWckmlX1UZl5BM6yzaWCCgI/s400/download.png" style="height: 30px; width: 280px;" /></a></div><br /><br />

[Chia sẻ] 2 Template blogger đẹp nhất tháng 11 năm 2013

[Chia sẻ] 2 Template blogger đẹp nhất tháng 11 năm 2013 1. Pure magazine V1  2.  Press Magajah

Đọc thêm »

[Blogger Tips] Hướng dẫn thêm bài viêt liên quan vào blogspot có ảnh Thumbnails

<div style="text-align: justify;">Đây là hướng dẫn rất đơn giản và dễ dàng thực hiện giúp các bạn có thể thêm phần bài viết liên quan vào mỗi bài viết trên blogspot của riêng mình. Bài viết liên quan ở đây được tính là những bài viết có cùng chung nhãn, tag hoặc thư mục. Lợi ích của việc bạn thêm bài viết liên quan sẽ giúp cho độc giả của các bạn có thêm những sự lựa chọn đọc bài viết cùng xu hướng, sở thích của họ trên blog của các bạn. Nhằm tăng thêm sự hứng thú cho người đọc.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKhCPaNI1sjpI-6V1T9kPirrUORLOst4VWv0B-3x3ZGlYrN540UYLxhdxGfOhEa_5tpkmlaAOOu2VHWr2MnFu7of5F3MP5rwpqLgMNzxoyrAuRZtwCzjQngC1APxZMlWGUBKWdgs4sq0iY/s1600/baivietlienquan.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="473" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKhCPaNI1sjpI-6V1T9kPirrUORLOst4VWv0B-3x3ZGlYrN540UYLxhdxGfOhEa_5tpkmlaAOOu2VHWr2MnFu7of5F3MP5rwpqLgMNzxoyrAuRZtwCzjQngC1APxZMlWGUBKWdgs4sq0iY/s640/baivietlienquan.PNG" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Sau đây là 7 bước hết sức đơn giản để bạn có thể làm được điều này. Áp dụng cho tất cả những bạn biết rõ về code hoặc chưa biết gì về code html và css đều có thể làm được.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><b>Bước 1:</b>  Vào trang quản lý blog >> Mẫu >> Chỉnh sửa HTML</div><div class="separator" style="clear: both; text-align: left;"><b>Bước 2:</b> Trong trang chỉnh sửa HTML bạn chọn vào chức năng Định Dạng Mẫu</div><div class="separator" style="clear: both; text-align: left;"><b>Bước 3:</b>  Bạn bấm <span style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">(CTRL + F) và tìm đến đoạn code sau:</span></div><div class="separator" style="clear: both; text-align: left;"><span style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;"><br /></span></div><blockquote class="tr_bq"><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"> </head></span></blockquote><b>Bước 4:</b> Bạn copy đoạn code ở dưới và chèn vào phía trước đoạn code vừa tìm được, tức là trước thẻ </head><br /><br /><blockquote class="tr_bq"><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!--Related Posts with thumbnails Scripts and Styles Start--></span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!-- remove --></span><b style="color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><span style="color: purple;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></b><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><style type='text/css'></span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">#related-posts {</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">float:center;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">text-transform:none;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">height:100%;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">min-height:100%;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">padding-top:5px;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">padding-left:5px;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">}</span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">#related-posts h2{</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">font-size: 18px;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">letter-spacing: 2px;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">font-weight: bold;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">text-transform: none;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">color: #5D5D5D;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">font-family: Arial Narrow;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">margin-bottom: 0.75em;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">margin-top: 0em;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">padding-top: 0em;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">}</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">#related-posts a{</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">border-right: 1px dotted #DDDDDD;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">color:#5D5D5D;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">}</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">#related-posts a:hover{</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">color:black;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">background-color:#EDEDEF;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">}</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"></style></span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><script type='text/javascript'></span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">var defaultnoimage=&quot;</span><span style="color: #0b5394; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKZ9voLli_25cRjZVg2kSxm345N6AtyHGhMbZ93neZxhheZDnTtyJcBcEbVfwqOKdhkqE0QuzsmCqGCX2PM0pLvWVeeCWOSHmyBkarJr-YHlImEbnn2XJ7ZCcrZOieL7lO4ryyEsZbyPp/s1600/no_image.jpg</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">&quot;;</span><b style="color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">var maxresults</b><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">=</span><b style="color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><span style="color: red;">5</span></b><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">var splittercolor=&quot;#DDDDDD&quot;;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">var relatedpoststitle=&quot;Related Posts&quot;;</span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"></script></span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/></span><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!-- remove --></span><span style="color: purple; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><b></b:if></b></span></blockquote><blockquote class="tr_bq"><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!--Related Posts with thumbnails Scripts and Styles End--></span></blockquote> Chú ý:<br /><br /><ul><li>Để đổi hình ảnh mặc định nếu bài viết không có ảnh, bạn đổi URL có màu xanh ở trên</li></ul><br /><blockquote class="tr_bq"> <span style="color: #0b5394; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKZ9voLli_25cRjZVg2kSxm345N6AtyHGhMbZ93neZxhheZDnTtyJcBcEbVfwqOKdhkqE0QuzsmCqGCX2PM0pLvWVeeCWOSHmyBkarJr-YHlImEbnn2XJ7ZCcrZOieL7lO4ryyEsZbyPp/s1600/no_image.jpg</span></blockquote><br /><ul><li>Để hiển thị số lượng lớn hơn 5 ảnh, bạn thay đổi giá trị 5 thành số bài bạn muốn hiện trong đoạn code sau: <span style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">"</span><b style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">var maxresults=<span style="color: red;">5</span></b><span style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">;</span></li><li>Nếu bạn muốn bài liên quan hiện trên trang chủ, bạn hãy xóa tất cả những đoạn code có màu tím ở trên</li></ul><div><b>Bước 5:</b> Bạn tìm tiếp đoạn code sau: </div><blockquote class="tr_bq"><br style="color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;" /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">    <div class='post-footer'></span></blockquote><br /><b>Bước 6:</b> Bạn chèn đoạn code ở dưới vào trước đoạn thẻ vừa tìm được.<br /><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!-- Related Posts with Thumbnails Code Start--></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!-- remove --></span><b style="color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><span style="color: purple;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></b><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><div id='related-posts'></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><b:loop values='data:post.labels' var='label'></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><b:if cond='data:label.isLast != &quot;true&quot;'></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"></b:if></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;</span><b style="color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">max-results=<span style="color: red;">6</span></b><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">&quot;' type='text/javascript'/></b:loop></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><script type='text/javascript'></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">removeRelatedDuplicates_thumbs();</span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;">printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);</span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"></script></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"></div><div style='clear:both'/></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!-- remove --></span><b style="color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><span style="color: purple;"></b:if></span></b><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG8A8P886ObZIZSSc_fRkP8IX3szlb_ShHozkuigak2Ztn4wVbpNSaok6ucby268lld1lKRCjkpyjNfdRRW8kyXbaLZdRD3MwMQOF5afY18jOey84S_RsD3aQLiOwfe9YN0j5CHXc_AfzW/s1600/best+blogger+tips.png'/></a></span><br /><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"></b:if></b:if></span><br /><blockquote class="tr_bq"><span style="background-color: #f9f9f9; color: #242424; font-family: 'Ubuntu Condensed'; font-size: 13px; line-height: 18px;"><!-- Related Posts with Thumbnails Code End--></span></blockquote>Chú ý:<br /><br /><ul><li>Đổi giá trị 6 thành giá trị khác nếu bạn muốn thay đổi số bài viết hiển thị <b style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">max-results=<span style="color: red;">6</span></b></li><li> Nếu bạn muốn bài liên quan hiện trên trang chủ, bạn hãy xóa tất cả những đoạn code có <span style="color: purple;">màu tím</span> ở trên</li></ul><br /><b>Bước 7: </b> Lưu mẫu và thưởng thức thành quả.<br /><br />*Bài viết được dịch từ Blog:<a href="http://helplogger.blogspot.com/">http://helplogger.blogspot.com</a><br /><blockquote class="tr_bq"></blockquote>

[Blogger Tips] Hướng dẫn thêm bài viêt liên quan vào blogspot có ảnh Thumbnails

Đây là hướng dẫn rất đơn giản và dễ dàng thực hiện giúp các bạn có thể thêm phần bài viết liên quan vào mỗi bài viết trên blogspot của riêng...

Đọc thêm »