Thủ thuật & code thường dùng trong blogspot (blogger) P.1

TẬP HỢP CÁC LOẠI THẺ ĐIỀU KIỆN ĐƯỢC DÙNG TRONG BLOGSPOT (BLOGGER)

1. <b:if cond='data:blog.pageType == "index"'> - Thẻ điều kiện trang chủ, trang label (nhãn), trang archive (lưu trữ)
2. <b:if cond='data:blog.pageType == "item"'> - Thẻ điều kiện Trang bài viết
3.<b:if cond='data:blog.pageType == "static_page"'> - Thẻ điều kiện trang Tinh
4.<b:if cond='data:blog.pageType == "archive"'> - Thẻ điều kiện Trang lưu trữ (archive)
5.<b:if cond='data:blog.url == data:blog.homepageUrl'> - Thẻ điều kiện trang chủ
6.<b:if cond='data:blog.url == data:post.url'> - Thẻ Trang bài viết và trang tĩnh
7.<b:if cond='data:blog.url == "_URL_"'> - Thẻ dùng cho Trang chỉ định (thay đường dẫn chỉ định vào chỗ URL)
8.<b:if cond='data:blog.searchLabel'> - Điều kiện cho trang nhãn (Label)
9. <b:if cond='data:blog.searchLabel == &quot;Mặt bàn gỗ&quot;'> - Thẻ dùng cho nhãn có tên cụ thể ví dụ : Trang label được chỉ định trong trường hợp này là "Mặt bàn gỗ"
10.<b:if cond='data:post.isFirstPost'> - Thẻ dùng cho Trang bài viết đầu tiên
11.<b:if cond='data:displayname == "_TÊN_TÁC_GIẢ_"'> - Trang của tác giả có trong " "
12.<b:if cond='data:post.allowComments'> - Sử dụng dành cho trang cho phép nhận xét
13.<b:if cond='data:blog.searchQuery == &quot;Gỗ ghép&quot;'> - Trang kết quả tìm kiếm của một từ xác định - trong ví dụ này là "Gỗ ghép"
14.<b:if cond='data:blog.pageType == "error_page"' - Sử dụng đối với Trang lỗi (404)
15.<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'> - Chỉ hiện thị trên điện thoại di động
16.<b:if cond='data:post.labels any (l => l.name == "gỗ cao su")'> - khi bài viết có nhãn cụ thể trong ví dụ này nhãn cụ thể là "gỗ cao su"
17. <b:if cond='data:blog.pageType in {"static_page","item"}'>
Nội dung chỉ hiển thị Trang Tĩnh và trang Bài Viết
</b:if> - Sử dụng thẻ điều kiện in
18.<b:if cond='data:blog.pageType not in {"static_page","item"}'>
Nội dung không hiển thị Trang Tĩnh và trang Bài Viết
</b:if> - Sử dụng thẻ điều kiện NOT IN
19.<b:if cond='data:blog.pageType == "static_page" and data:blog.pageType == "item"'>
Nội dung hiển thị Trang Tĩnh và Trang Bài Viết
</b:if> - Sử dụng thẻ điều kiện AND
20.<b:if cond='data:blog.pageType == "static_page" or data:blog.pageType == "item"'>
Nội dung hiển thị hoặc Trang Tĩnh hoặc Trang Bài Viết
</b:if> - Sử dụng thẻ điều kiện OR
21. <b:if cond='data:blog.pageType == "item"'> - Thẻ điều kiện == "tạm hiểu là bằng" , trong ví dụ là hiển thị trong trang bài viết
22.<b:if cond='data:blog.pageType != "item"'> - Thẻ điều kiện != "tạm hiểu là Khác" , trong ví dụ là Hiển thị tất cả các trang, trừ trang bài viết:

  CODE TẠO KHUNG LIÊN KẾT 2 CỘT ĐƠN GIẢN
<style>
#bsw-lkbb-widget{padding:0;margin:0;list-style:none}
.bsw-lkbb-widget{margin:0;padding:0}
.bsw-lkbb-widget li{margin:0;padding:0;line-height:normal;display:block;width:50%;float:left}
.bsw-lkbb-widget a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;margin:0 5px 5px 0;padding:5px 15px;font:400 18px Roboto!important;-webkit-transition:.3s;letter-spacing:-.5px;background:rgba(0,0,0,.1);border-radius:6px;-moz-transition:.3s;-o-transition:.3s;color:#777!important}
</style>
<div id="bsw-lkbb-widget">
<div class="bsw-lkbb-widget">
<br />
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài PR - Quảng cáo">Viết bài PR - Quảng cáo</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài PR">Viết bài PR</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài Quảng cáo">Viết bài Quảng cáo</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài PR - Quảng cáo online">Viết bài PR - Quảng cáo online</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài PR online">Viết bài PR online</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài Quảng cáo online">Viết bài Quảng cáo online</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài PR - Quảng cáo theo tiêu chí marketing">Viết bài PR - Quảng cáo theo tiêu chí marketing</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài PR theo tiêu chí marketing">Viết bài PR theo tiêu chí marketing</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Viết bài Quảng cáo theo tiêu chí marketing">Viết bài Quảng cáo theo tiêu chí marketing</a></li>
<li><a href="http://www.ivietpr.com/" target="_blank" title="Seo bài viết PR - Quảng cáo">Seo bài viết PR - Quảng cáo</a></li>
</div>
</div>

TẠO LINK CHUYỂN HƯỚNG TRONG BLOGGER

Bước 1. Đăng nhập vào Blogger.
Bước 2. Chọn đến Cài đặt ➔ Tùy chọn tìm kiếm ➔ Chuyển hướng tùy chỉnh và bấm Chỉnh sửa.
Bước 3. Bấm Chuyển hướng mới, và điền địa chỉ bạn muốn chuyển từ đến địa chỉ bạn muốn chuyển đến
Ví dụ: Mình muốn chuyển từ ivietpr.com/gioi-thieu đến ivietpr.com/p/about.html thì điền như sau:

Từ : ivietpr.com/gioi-thieu
Đến : ivietpr.com/p/about.html    

SITEMAP CHO NGƯỜI DÙNG

<script src="http://4pvn.com.vn/img/Type/256.JS" type="text/javascript"></script>
<script src="http://ivietpr.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

LIỆT KÊ BÀI VIẾT THEO NHÃN

<script src="http://4pvn.com.vn/img/Type/256.JS" type="text/javascript"></script>
<script src="http://ivietpr.com/feeds/posts/summary/-/b2b?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

 CANH GIỮA THEO CHIỀU DỌC

<style>
.textimage1 {
border: none; /* Remove borders */
color: white; /* Add a text color */
padding: 1px 5px; /* Add some padding */
cursor: pointer; /* Add a pointer cursor on mouse-over */
vertical-align: middle;
}
</style>
<a href="http://ntwood.vn/Thot-Go-385-1.html"> <img alt="Thớt gỗ" border="0" class="textimage1" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL1P1xBoxNLOYFkKvlUA-hQSJcQoH86EI9EGIv0_zRPYEhq0OF4QW_SiEEQrbzw_aoUCJCVDSXMpS4YW8LeRuf6wlCIhcxoIYlcCsHb4CzQj0mP7HL7n6JzR4gCZwidHmeHAtA5iUKvoQ/s1600/THOTGO.png" tilte="Thớt gỗ" width="60" / /></a>, Sàn gỗ tự nhiên , Bàn - Ghế gỗ, giường , tủ bếp, tủ phòng khách phòng ngủ ...

CODE CHIA 3 CỘT

<style type="text/css">
/* tổng chiều dài của 3 cột */
ol
{
width: 300px;
}

/* Canh trái giá trị mỗi cột */
ol li
{
float: left;
width: 100px;
}


div.wrapper
{
margin-bottom: 10px;
}
</style>
<div class="wrapper">
<ol>
<li><a href="#">MỤC 1</a></li>
<li><a href="#">MỤC 2</a></li>
<li><a href="#">MỤC 3</a></li>
<li><a href="#">MỤC 4</a></li>
<li><a href="#">MỤC 5</a></li>
<li><a href="#">MỤC 6</a></li>
<li><a href="#">MỤC 7</a></li>
<li><a href="#">MỤC 8</a></li>
<li><a href="#">MỤC 9</a></li>
</ol>
<br />
</div>

CHÈN NOFOLLOW CÁC LINK OUT SỬ DỤNG SCRIPT

Thêm đoạn code này trên thẻ </head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js' type='text/javascript'></script>

<script type="text/javascript">

jQuery(document).ready(function () {

jQuery('a[href*="http://"]:not([href*="http://www.ivietpr.com"])').attr('rel', 'nofollow');

jQuery('a[href*="https://"]:not([href*="https://www.ivietpr.com"])').attr("target", "_blank");

    });

</script>

thêm nhiều trang khác bằng cách thêm [href*="http://www.duongdankhac.com"] ngay phía sau, ngăn cách bởi dấu ","

Tạo ô tìm kiếm [Search Box] đẹp cho blogspot :

<style>
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeR_f2Ir8bJSI-lWvzHeZF431mVIbWdeAkGfV5Gf1qQH22T8sqcOA3eTfrFnI1fuVWZV7ds7qiFEOvz1mdpvrpc3D7jAN7S0RUiRvTopq1dyZ_fM0vdZPZ_XqzFKT3vy-Zj03oXvGr0xo/s1600/search-box.png) no-repeat;
height: 27px;
width: 202px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type=&quot;text&quot;] {
background: transparent;
margin: 0px 0px 0px 12px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: &quot;Arial Narrow&quot;, Arial, sans-serif;
font-size: 12px;
font-style: italic;
width: 77%;
color: #828282;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5S2Tl4b5QKiL-dfrWLLV6FGq1HwiLKXO49nHx8mbnpcVbw6dARzmGzLj-nmTaN0bb9D9gJgRTgjSwjVgy1LWZzdejPtEyiBwLDwHWrCXypu65N7_xdUtrB1zW8_7WcXvwpqb7oR4SuI/s1600/search-button.png) no-repeat;
border-width: 0px;
cursor: pointer;
width: 30px;
height: 25px;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFxSdkdE7ezCf2L4lMUThvGjYsjYlD5FjM8xPfFjaa0anDELfggtJS51RH-GOr03EunamPTd7rLrh4TxzzOCyWzqUbIWbr0hO9CZt7WaxbaSps5UWCGMFfoOo-CISxL5-9948PILXNMz4/s1600/search-button-hover.png) no-repeat;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form action='/search' autocomplete='off' id='searchbox' method='get'>
<input name='q' placeholder='search...' size='15' type='text'/>
<input id='button-submit' type='submit' value=''/>
</form>


Nguồn tham khảo :

http://www.bacsiwindows.com/2017/01/tong-hop-tat-ca-the-dieu-kien-can-thiet-trong-blogspot.html
http://www.bacsiwindows.com/2017/08/huong-dan-tao-menu-doc-cuc-dep-cho-blogger.html
http://www.bacsiwindows.com/2017/04/tao-khung-lien-ket-ban-be-2-cot-don-gian-cho-blogger.html
http://www.bacsiwindows.com/2017/07/tao-link-rut-gon-chuyen-huong-cho-blogspot-khong-can-javascript.html
http://gockinhnghiem.com/2011/11/22/dung-the-html-va-css-de-chia-du-lieu-thanh-nhieu-cot/
http://www.aloseo.xyz/2015/08/tong-hop-ieu-kien.html
http://www.aloseo.xyz/2017/05/canh-giua-theo-chieu-doc.html
http://www.aloseo.xyz/2015/09/code-quang-cao-truot-giong-quang-cao.html
https://www.tranbadat.info/2015/08/cach-tu-dong-them-nofollow-lien-ket-ngoai-blogspot.html

https://thachpham.com/web-development/html-css/chia-cot-voi-float-va-clear-float.html

http://www.aloseo.xyz/2017/03/phu-luc-code-hay-su-dung-cho-blogspot-phan-2.html
http://www.terocket.com/2011/02/cach-chia-module-blog-lam-nhieu-cot.html
XEM THÊM CÁC BÀI VIẾT SAU :

• Code html, css thường dùng làm đẹp nội dung online
• Thủ thuật & code thường dùng trong wordpress P.1