Code đơn giản siêu nhẹ hỗ trợ người xem trong việc đọc nội dung trên trang nhật ký điện tử, dành cho Blogger yêu nghề sáng tạo.
1. Code iframe - Dùng Chèn Nội Dung Video Youtube :
<iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/x7Zbztk5OHc" width="320" youtube-src-id="x7Zbztk5OHc"></iframe>
2. Code Image - Dùng Chèn Nội Dung Hình Ảnh Thông Tin / Đồ Họa Quảng Cáo :
<center>
<a href='https://www.digitalnomad.vn/2023/02/catalog-van-go-xay-dung-san-xuat-do-go-noi-that-moc-gia-dungDgu617Jm.html#van-go-ghep-khoi-vuong-khoi-hop'>
<img alt='Catalog Ván Gỗ Xây Dựng, Sản Xuất Đồ Gỗ Nội Thất Và Mộc Gia Dụng' border='0' data-original-height='1080' data-original-width='1080' height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNcUvhij_7WDkMS1EHsLkAQsydz_jK-f8h4xI5BiGNw0N0i52GG3kdPzxrj-wLZhaVkdG5FkMg8BQY3hm7ZzyGDUCaKX7Uqi0MtbJ87UsplQNX2jjCmj9i3LNir2DzH5b27ovzQ8-xAjDO1d0MsitRTv-LSZYPlNcbqxOvCuc3CsP7v7KsGlxKgNv/s16000/catalog_go_nguyen_lieu_moc_thanh_pham_140740.png' width='400'/>
</a>
</center>
3. Code Link Ngôi Sao - Dùng Tạo Link "Gây Sự Chú Ý " :
<style>
#hieuung-demotext {
color: #444444;
background: #FFFFFF;
text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE, 3px 2px 1px #CCCCCC, 2px 3px 1px #EEEEEE, 4px 3px 1px #CCCCCC, 3px 4px 1px #EEEEEE, 5px 4px 1px #CCCCCC, 4px 5px 1px #EEEEEE, 6px 5px 1px #CCCCCC, 5px 6px 1px #EEEEEE, 7px 6px 1px #CCCCCC;
color: #444444;
background: #FFFFFF;
}
</style>
<a href='https://www.digitalnomad.vn/search/label/G%E1%BB%97%20Gh%C3%A9p'>
<div id='hieuung-demotext'>
<p style='text-align: right;margin-right: 20px;'>
<font size='5'>
<i>
Xem toàn bộ nội dung,...
</i>
</font>
<img alt='Blog Ngôi Sao' border='0' data-original-height='1080' data-original-width='1080' height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQadn6pXZpqTb1REjS5JfuvXu8hmHVyUsroi7MIcZpNU1XOtJDLnvdigJmSdgEO2AQnBwlD3AucKD0nQF2pr4R76Z5fQOLrnJjc5kuzm1mzFrFHHSqUyFL49_mzeEdjP7Z4blma8iC3_s5sFrTG-tfp31xu9fxwU1nI4iV_10AO_EI5rkcD8-NfLFX/s84/blog-ngoi-sao-icon-star.gif' style='float: right;' width='40'/>
</p>
</div>
</a>
4. Code Menu nav-gia-bao - Dùng Tạo Link Di Chuyển Tới Bài Viết Khác Hoặc Tạo Link Neo giúp bạn di chuyển nhanh đến một vùng nào đó trên chính trang đó ( Tương tự table of contents ). :
<style>
nav-gia-bao {
margin: 30px;
}
ul.menu-top-body {
overflow: auto;
list-style-type: none;
}
li.menu-top-body {
height: 25px;
float: right;
margin-right: 0px;
border-right: 1px solid #aaa;
padding: 0 20px;
}
li.menu-top-body:last-child {
border-right: none;
}
li.menu-top-body a {
text-decoration: none;
color: #ccc;
font: 14px/1 Helvetica, Verdana, sans-serif;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
li.menu-top-body a:hover {
color: #666;
}
li.menu-top-body-active a {
font-weight: bold;
color: #333;
}
</style>
<nav-gia-bao style='margin-bottom: -10px;'>
<ul class='menu-top-body'>
<li class='menu-top-body'>
<a href='#van-ghep-mong-dung-mong-nam'>
<font color='#8B4513'>
<b style='font-size: 12.5px;'>
Ván Ghép Mộng Đứng / Mộng Nằm
</b>
</font>
</a>
</li>
<li class='menu-top-body'>
<a href='#van-go-ghep-solid-nguyen-thanh'>
<font color='blue'>
<b style='font-size: 12.5px;'>
Ván Gỗ Ghép Solid Nguyên Thanh
</b>
</font>
</a>
</li>
<li class='menu-top-body'>
<a href='#van-go-ghep-khoi-vuong-khoi-hop'>
<font color='#8B0000'>
<b style='font-size: 12.5px;'>
Ván Gỗ Ghép Khối Vuông, Khối Hộp
</b>
</font>
</a> ?
</li>
<li class='menu-top-body'>
<a href='#go-ghep-theo-thiet-ke-yeu-cau'>
<font color='#8B0000'>
<b style='font-size: 12.5px;'>
Gỗ Ghép Theo Thiết Kế Yêu Cầu
</b>
</font>
</a>
</li>
</ul>
</nav-gia-bao>
