Code Html, CSS, JavaScript làm đẹp bài viết sử dụng đăng bài trên trang chủ, trang bài viết Blogspot DigitalNomad.vn
Từ khóa tìm kiếm các dạng kí tự đặc biệt phổ biến : Trái tim | Thời tiết & nhiệt độ | Khoảng trắng | Nick Game Yang Hồ | Nốt nhạc - âm nhạc | Full icon, emoji văn hóa Nhật Bản | Bộ emoji thể hiện tâm trạng sợ hãi, lo lắng | Bộ icon cái kéo đầy đủ nhất | Biểu tượng cảm xúc bị bệnh | Emoji hình mặt trăng | Tên game ký hiệu Free Fire đẹp hình số | Biểu tượng đặc biệt dấu tích, dấu tick xanh Facebook. | Bảng chữ cái tiếng Hàn Quốc | Kí tự đặc biệt roblox, Free Fire quân đoàn afk | Danh sách icon lenny face – biểu tượng cảm xúc Nhật Bản ( ͡° ͜ʖ ͡°) | Mặt quỷ | Tiền tệ | Mũi tên | Quả táo iphone cắn dở | Giới tính, nam nữ | Vuông góc | Icon đặc biệt con cờ, lá bài | Danh sách kí tự dạng chữ nhỏ trên đầu | hình thập giá.
Tham khảo Link bài viết nổi bật :
- https://anhnbt.com/ky-tu-dac-biet
- https://soshareit.com/vi/
- https://www.designbold.com/academy/vi/tong-hop-1000-icon-va-ky-tu-dac-biet-facebook/
- https://kituhay.com/zalo
- https://vietmoz.net/ppccac-ky-tu-su-dung-trong-mau-quang-cao-google-adwords [ Ký Tự là che
A.1 Drop Caps
Code :<span class="firstcharacter">L</span>Kết quả :
L
A.2 Khối trích dẫn
Code :<blockquote class="tr_bq"> blockquote Khối trích dẫn </blockquote>
Kết quả :
blockquote Khối trích dẫn
A.3 Alert Boxes
Code :<h3 style="text-align: left;">Kết quả :
Alert Boxes</h3>
<div class="alert-message success">
<i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>
<div class="alert-message alert">
<i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>
<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>
<div class="alert-message error">
<i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>
</div>
Ký Tự đặc biệt dùng Tạo Form Liên Hệ :
✆ : Gọi Điện Thoại
✉ : Email - Thư Điện Tử
➠ Code Char, Bảng mã ASCII Symbol dùng tạo quảng cáo Google Ads ( adwords ) :
(Đang cập nhật)
➠ Code chèn quảng cáo dạng Text trên Zalo, facebook, website :
|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅| | ⌹🗄🗃🛏🛋 : Sản phẩm nội thất : Tủ, giường, ghế sofa,...
👘 : Thời trang Quần Áo
Ký lạ & ký tự đặc biệt dùng chỉnh sửa làm đẹp nội dung bài viết :
↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪ ⌅ ⌆ ⌤ ⏎ ▶ ☇ ☈ ☊ ☋ ☌ ☍ ➔ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ⤗➹ ➺ ➻ ➼ ➽ ➾ ⤴ ⤵ ↵ ↓ ↔ ← → ↑ ⌦ ⌫ ⌧ ⇰ ⇫ ⇬ ⇭ ⇳ ⇮ ⇯ ⇱ ⇲ ⇴ ⇵ ⇷ ⇸ ⇹ ⇺ ⇑ ⇓ ⇽ ⇾ ⇿ ⬳ ⟿ ⤉ ⤈ ⇻ ⇼ ⬴ ⤀ ⬵ ⤁ ⬹ ⤔ ⬺ ⤕ ⬶ ⤅ ⬻ ⤖ ⬷ ⤐ ⬼ ⬽⤘⤝ ⤞ ⤟ ⤠ ⤡ ⤢ ⤣ ⤤ ⤥ ⤦ ⤪ ⤨ ⤧ ⤩ ⤭ ⤮ ⤯ ⤰ ⤱ ⤲ ⤫ ⤬ ⬐ ⬎ ⬑ ⬏ ⤶ ⤷ ⥂ ⥃ ⥄ ⭀ ⥱ ⥶ ⥸ ⭂ ⭈ ⭊ ⥵ ⭁ ⭇ ⭉ ⥲ ⭋ ⭌ ⥳ ⥴ ⥆ ⥅ ⥹ ⥻ ⬰ ⥈ ⬾ ⥇ ⬲ ⟴ ⥷ ⥺⭄⥉⥰⭃ ⬿ ⤳ ⥊ ⥋ ⥌ ⥍ ⥎ ⥏ ⥐ ⥑ ⥒ ⥓ ⥔ ⥕ ⥖ ⥗ ⥘ ⥙ ⥚ ⥛ ⥜ ⥝ ⥞ ⥟ ⥠ ⥡ ⥢ ⥤ ⥣ ⥥ ⥦ ⥨ ⥧ ⥩ ⥮ ⥯ ⥪ ⥬ ⥫ ⥭ ⤌ ⤍ ⤎ ⤏ ⬸ ⤑ ⬱ ⟸ ⟹ ⟺ ⤂ ⤃ ⤄ ⤆ ⤇ ⤊ ⤋ ⭅ ⭆ ⟰ ⟱ ⇐ ⇒ ⇔ ⇶ ⟵ ⟶ ⟷ ⬄ ⬀ ⬁ ⬂ ⬃ ⬅ ⬆ ⬇ ⬈ ⬉ ⬊ ⬋ ⬌ ⬍ ⟻ ⟼ ⤒ ⤓ ⤙ ⤚ ⤛ ⤜ ⥼ ⥽ ⥾ ⥿ ⤼ ⤽ ⤾ ⤿ ⤸ ⤺ ⤹ ⤻ ⥀ ⥁ ⟲ ⟳
Icon Du Mục Kỹ Thuật Số - digitalnomad
Icon Kế Toán - Accouting
Icon Kinh doanh
Icon Nhà máy - Sản xuất :
Icon Company :
<style>
pre, code {
display:block;
font: 1em 'Courier New', Fixed, monospace;
font-size : 100%;
color: #666666;
background : #fff
url(//1.bp.blogspot.com/-JwLiVKMnq38/UW7pdw5s0CI/AAAAAAAAUac/5aQFbpM-HVE/s1600/viewcode.jpg)
no-repeat left top;
overflow : auto;
text-align:left;
border : 1px solid #99cc66;
padding : 0px 20px 0 30px;
margin:1em 0 1em 0;
line-height:17px;
}
</style>
<pre>
Khung chèn code số 1
</pre>
Code :
<style>Kết quả :
/*=====================================
= CSS TẠO MỤC LỤC
=====================================*/
#toc_container{background: #edf6ff;border: 1px solid #aaa;padding: 0 10px;margin-bottom: 1em;font-size:95%;}p.toc_title,ul.toc_list {margin: 5px;padding-left: 0;}.toc_list li {list-style: none;margin-top: 0px; margin: 0!important;}#toc_container a {text-decoration: none;text-shadow: none;color: #52b043;font-weight: 555;}#toc_container a:hover {color: #d7c20d;text-decoration: underline;}span.accordion{cursor: pointer;}div.panel {padding: 0 20px;max-height: 0;overflow: hidden;opacity: 0;}div.panel.show {opacity: 1;max-height:500px;} </style>
<!-- #CODE ẨN/HIỆN MỤC LỤC -->
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function(){
this.classList.toggle("active");
this.nextElementSibling.classList.toggle("show");
}
}
</script>
<!-- Chèn vào vị trí cần hiển thị -->
<div id="toc_container">
<b>MỤC LỤC: Nội dung bài viết</b> <span class="accordion active">[Ẩn/Hiện]</span>
<br />
<div class="panel show">
<ul class="toc_list">
<li><a href="#Id-di-chuyen-den-phan-1">Tiêu đề 1</a></li>
<li><a href="#phan-2">Tiêu đề 2</a></li>
<li><a href="#phan-3">Tiêu đề 3</a></li>
<li><a href="#phan-4">Tiêu đề 4</a></li>
<li><a href="#phan-5">Tiêu đề 5</a></li>
</ul>
</div>
</div>
<!-- ID cần di chuyển tương ứng liệt kê trên bảng ID Toc-container-->
<div id="Id-di-chuyen-den-phan-1"> Tiêu đề 1</div>
Xem mẫu minh họa trên : http://www.vietquangcao.xyz/viet-quang-cao/code-lam-dep-blog-viet-content-marketing
- https://freefrontend.com/css-link-styles/
- https://uicookies.com/link-style-css/
- https://www.w3schools.com/css/css_link.asp
- https://codepen.io/bennettfeely/pen/XgMWpX [ Jumping link hovers ]
Share code :
- <a href="default.asp" target="_blank" style="background-color: white;color: black;border: 2px solid green;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;float: left;"> Code link liên kết dạng khung </a>
- <a href="default.asp" target="_blank" style="color: hotpink;background-color: cyan;"> Code link liên kết dạng background gạch chân </a>
- <a href="default.asp" target="_blank" style="content: 'ok';text-transform: uppercase;font-family: Courier;font-size: .625rem;position: absolute;left: 30px;top: 7px;box-shadow: 0px 1px 3px 0px slateblue;color: black;padding: 3px;transform: rotate(-17deg);background-color: yellow;">Link chéo</a>
@import url('https://fonts.googleapis.com/css?family=Cabin:400,500');
$duration : .5s;
$bounce : cubic-bezier(.33,1.61,0,.83);
body {
font: 2em Cabin;
margin: 1em;
text-align: center;
background: seashell;
}
a {
position: relative;
display: inline-block;
padding: .25em;
text-decoration: none;
color: mediumblue;
mix-blend-mode: multiply
}
.underline {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
transition: transform $duration $bounce;
&.background {
background: skyblue;
}
}
</style>
<div class = "underline.outline">
<a href="#"> Link 1</a>
<a href="#"> Link </a>
</div>
Tui Bán Thớt Gỗ, Thích Đu #Trend effecthouse.tiktok & Làm Video #aiStyle, Phong Cách
AI To AI
Sponsor : goghepthanh.com Tiktok : @bloggiabao Youtube : @ChannelVideoAI
Mua điện thoại thông minh, trải nghiệm viết content ChatGPT, làm video Ai xuất bản lên Youtube, Tiktok bạn chọn Smartphone model, hãng nào ?
Với nhà sáng tạo vì đam mê, nhà không có gì ngoài tiền, miễn bàn, thích mẫu nào, mua mẫu đó.
- Flagship, đẳng cấp, công nghệ bảo mật : Click để xem
- Flagship, công nghệ mới nhất : Click để xem
- Flagship, thời trang : Click để xem
Dành cho anh em đi đường giữa :
- Samsung Click để xem
- Vivo Click để xem
- Xiaomi Click để xem
Dành cho anh em đi đường dưới :
- Điện Thoại POCO M4 Pro Click để xem
- Điện Thoại TECNO POVA 3 Click để xem