June 2014 - Responsive Black

Responsive Black là template có thiết kế hiện đại với tông màu đen đơn giản với tính năng tự động điều chỉnh khung hiển thị phù hợp với các kích cỡ màn hình khác nhau từ máy tính để bàn cho tới các thiết bị di động cầm tay của bạn.

Template này rất phù hợp với các blog cá nhân với phong cách trẻ trung và hiện đại, với giao diện đơn giản thể hiện tập trung vào phần nội dung bài viết, các tiện ích mở rộng điều được ẩn trong một nút mũi tên, bạn chỉ viêc trỏ vào đó để xem các tiện ích này.

HƯỚNG DẪN CÀI ĐẶT:

- Thay đổi nội dung Meta tag:

Tìm đoạn code:

</b:if>
	<meta content='Thủ thuật bloggger, blogspot \| Thủ thuật phần mềm, máy tính \| Blog công nghệ \| Giải pháp thiết kế blog' name='description'/>
	<meta content='Thủ thuật blogger, Thủ thuật blogspot, Thiết kế blog chuyên nghiệp, template blogger, giải pháp blog, Công nghệ, máy tính, phần mềm, windows' name='keywords'/>

Thay nội dung màu đỏ thành phần mô tả blog của bạn, phần màu xanh thành phần từ khóa mô tả blog của bạn,

- Biểu tượng mạng xã hội:

Tìm đoạn code:

<div class='social-icon-section'>
	<ul class='social-icon-list' style=' list-style: none; '>
	<li><a class='tooltip' href='http://www.caoago.name.vn/p/lien-he.html' title='Liên hệ'><span class='symbol'> <img height='32' src='https://googledrive.com/host/0B7fwCVeEnco9RVNSZVVOQ0lmM3M' width='32'/></span></a><b>+84-1687-436-216 \| </b></li>
	<li><a class='tooltip' href='Skype:caoagoapa?chat' title='Hỗ trợ qua Skype'><span class='symbol'> <img class='social1' src='http://mystatus.skype.com/mediumicon/caoagoapa'/></span></a></li>
	<li><a class='tooltip' href='https://www.twitter.com/caoagoapa' title='Twitter'><span class='symbol'><img class='social1' src='https://googledrive.com/host/0Bz2zRMjP8YuqUXZwREtCS2lpZWM'/></span></a></li>
	<li><a class='tooltip' href='https://www.facebook.com/caoagoapa' title='Facebook'><span class='symbol'><img class='social1' src='https://googledrive.com/host/0Bz2zRMjP8YuqRWVZRFZqekladzQ'/></span></a></li>
	<li><a class='tooltip' href='https://plus.google.com/u/0/+GOCAO/about' title='Google+'><span class='symbol'><img class='social1' src='https://googledrive.com/host/0Bz2zRMjP8YuqcTlXUTJuNlVHems'/></span></a></li>

	<li><a class='tooltip' href='http://www.caoago.name.vn/feeds/posts/default' title='RSS'><span class='symbol'><img class='social1' src='https://googledrive.com/host/0Bz2zRMjP8YuqMDlCN3VLdXB4ekk'/></span></a></li>

	</ul>
	</div>

Thay liên kết màu xanh thành các liên kết tương ứng với mạng xã hội của bạn, nếu bạn không sử dụng bạn có thể xóa chúng đi,

- Menu

Tìm đoạn code:

<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-17' id='menu-item-17'><a href='http://www.caoago.name.vn/'>Home</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-17' id='menu-item-17'><a href='http://www.caoago.name.vn/p/gioi-thieu.html'>About</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-20' id='menu-item-20'><a href='#'>Blogger Tips ▼</a>
	<ul class='sub-menu'>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-21' id='menu-item-21'><a href='http://www.caoago.name.vn/2014/01/hoc-blogger-can-ban-bai-1-tong-quan-ve.html'>Tổng quan về Blogger</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-22' id='menu-item-22'><a href='http://www.caoago.name.vn/search/label/%C4%90%C3%A1nh%20gi%C3%A1?max-results=10'>Đánh giá về Blogger</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-23' id='menu-item-23'><a href='http://www.caoago.name.vn/p/faqs.html'>FAQs - Câu hỏi thường gặp về Blogger</a></li>
	<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-84' id='menu-item-84'><a href='http://www.caoago.name.vn/search/label/Blogger%20c%C4%83n%20b%E1%BA%A3n?max-results=10'>Học Blogger</a></li>
	<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-34' id='menu-item-34'><a href='http://www.caoago.name.vn/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20blog?max-results=10'>Thủ thuật Blogger ►</a>
	<ul class='sub-menu'>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-21' id='menu-item-21'><a href='http://www.caoago.name.vn/search/label/Giao%20di%E1%BB%87n?max-results=10'>Tùy chỉnh giao diện Blogger</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-22' id='menu-item-22'><a href='http://www.caoago.name.vn/search/label/CSS%2FHTML?max-results=10'>Tùy chỉnh CSS/HTML/JavaScript</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-23' id='menu-item-23'><a href='http://www.caoago.name.vn/search/label/SEO%20Blogger?max-results=10'>SEO Blogger</a></li>
	</ul>
	</li>
	<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-34' id='menu-item-34'><a href='http://www.caoago.name.vn/search/label/Template?max-results=10'>Template Blogger ►</a>
	<ul class='sub-menu'>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-21' id='menu-item-21'><a href='http://www.caoago.name.vn/2014/01/thuan-hoa-cac-mau-template-danh-cho.html'>Hướng dẫn cài đặt Template</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-22' id='menu-item-22'><a href='http://www.caoago.name.vn/p/ho-tro-cai-at-template.html'>Trợ giúp cài đặt Template</a></li>
	</ul>
	</li>
	</ul>
	</li>
	<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-34' id='menu-item-34'><a href='#'>Máy tính ▼</a>
	<ul class='sub-menu'>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-21' id='menu-item-21'><a href='http://www.caoago.name.vn/search/label/Ph%E1%BA%A7n%20m%E1%BB%81m?max-results=10'>Phần mềm</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-22' id='menu-item-22'><a href='http://www.caoago.name.vn/search/label/Th%E1%BB%A7%20thu%E1%BA%ADt%20m%C3%A1y%20t%C3%ADnh?max-results=10'>Thủ thuật máy tính</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-23' id='menu-item-23'><a href='http://www.caoago.name.vn/search/label/Windows?max-results=10'>Windows</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-23' id='menu-item-23'><a href='http://www.caoago.name.vn/search/label/Linux?max-results=10'>Linux</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-23' id='menu-item-23'><a href='http://www.caoago.name.vn/search/label/Internet?max-results=10'>Internet</a></li>
	<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-23' id='menu-item-23'><a href='http://www.caoago.name.vn/search/label/Photoshop?max-results=10'>Photoshop</a></li>
	</ul>
	</li>
	<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-34' id='menu-item-34'><a href='http://www.caoago.name.vn/p/sitemap.html'>Sitemap</a></li>

Sửa tên trang và liên kết tương ứng.

- Nôi dung bản quyền chân trang:

TÌm đoạn code:

<div class='site-info-inner primary-background'>
	Copyright © 2013-2014 CAO'S BLOG. All Rights Reserved \| Thiết kế bởi <a href='http://www.templateify.com' id='templateify' rel='home'>Templateify</a>
	&
	<a href='http://www.collegetalks.net' id='collegetalks' rel='home' title='Collegetalks'>CollegeTalks</a> \| Xin vui lòng ghi rõ nguồn khi sao chép nội dung từ blog này, xin cảm ơn!

Sửa nội dung này theo nội dung của bạn, lưu ý phần màu đỏ bạn không thể sửa hay xóa phần này nếu không bạn sẽ bị chuyển hướng trang blog của bạn đến trang chủ của nhà cung cấp mẫu này.

- Hộp thông tin tác giả

Tìm đoạn code:

<!-- Author Box-->
	<p class='large-2 columns avatar-container'>
	<img alt='' class='circular ' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4sC7yXzoVhgGYIwwxWksozizy6mIcmrWPFGTJ_eAbdV_bX7cLD6Kq3F4M4oxN5z_Tn2eQHtK9bdVXKaGFshz4Prc1YB99Mr4-VaOrxS4rYr81WS3uHXtmPN0Vd2nVL50n0f0yHFd3i2r/s400/avatar.png'/>
	</p>
	<font color='#000000'>
	<p text='green'>
	<strong><a expr:href='data:post.url' rel='author'><data:post.author/></a></strong><br/>
	Xin chào, tôi là Admin blog. Cảm ơn bạn đã ghé thăm blog. Theo dõi tôi qua: <a href='https://plus.google.com/u/0/+GOCAO/about'>Google+</a>, <a href='https://facebook.com/caoagoapa'>Facebook</a> hoặc <a href='https://twitter.com/caoagoapa'>Twitter</a> hoặc đóng góp những ý kiến quý báu cho blog qua khung bình luận bên dưới</p>
	</font>
	<div class='clear'/>
	</div><!-- .authorbox-->

Thay đổi liên kết ảnh Avatar, thay đổi liên kết mạng xã hội thành của bạn.

- Quản lý hộp live chat: hỗ trợ trực tuyến
Để sử dụng tính năng này bạn cần đăng ký tài khoản tại subiz.com và nhúng đoạn code được cung cấp cùng tài khoản vào trước thẻ </head> trên mẫu của bạn. Bạn xóa đoạn code dưới đây và thế đoạn code của bạn vào:

<script type='text/javascript'>window._sbzq||function(e){e._sbzq=[];var t=e._sbzq;t.push(["_setAccount",7091]);var n=e.location.protocol=="https:"?"https:":"http:";var r=document.createElement("script");r.type="text/javascript";r.async=true;r.src=n+"//static.subiz.com/public/js/loader.js";var i=document.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)}(window);</script>

Xong.

chúc bạn thành công

Xem thêm

Responsive Black - template

Giới thiệu template

Giới thiệu template

Nhận bài qua Email