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

Gia Bảo
Ký tự lạ, ký tự đặc biệt là gì và được dùng để làm gì? : Ký Tự Lạ, bảng mã ASCII, mã Symbol , ký tự Character Map (char), Icon, emoji, ký Tự Đặc biệt (special characters list) là những dạng ký tự đẹp độc đáo, mã code - char chuyên dùng viết quảng cáo, sáng tạo nội chạy quảng cáo facebook, zalo,... dùng nhắn tin thể hiện cảm xúc trên các trang mạng xã hội, trang web club, forum, diện đàn, dùng tạo tên game, phong cách viết cá tính đầy màu sắc...

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
MỤC LỤC: Nội dung bài viết
A. Sử dụng SortCode - SoraSoft :
Là những mẫu Css - javascript được thiết lập sẵn trên template soraSoft bạn chỉ cần sử dụng đúng cú pháp được liệt kê dưới đây - lưu ý - SortCode chỉ dùng trên template blogspot sử dụng giao diện SoraSoft ( Link gốc sortCode : https://sorasoft-soratemplates.blogspot.com/p/post-format-and-page-markup.html ) :

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;">

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 quả :
success message You successfully read this important message.
Alert message This alert needs your attention.
Warning message Warning! Best check yo self.
Error message Oh snap! Change a few things up


Ký Tự đặc biệt dùng Tạo Form Liên Hệ :  
✆ : Gọi Điện Thoại
✉ : Email - Thư Điện Tử 
 
Ký Tự lạ chèn vào bài viết quảng cáo tạo sự lôi cuốn hấp dẫn  :
➠ 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,... 
💻🖥📱 : sản phẩm công nghệ máy tính, laptop, mobile phone
👘 : Thời trang Quần Áo
🍕🌭🍔  : Ẩm thực bánh Pizza, hotdog, hambuger,...
 
Ký lạ & ký tự đặc biệt dùng chỉnh sửa làm đẹp nội dung bài viết :

➽ | ❖ | ❉ | ✔ | ⫷ | ⫸ | 𒋨 | ✓ | ✔ | ✗ | ✘ | ☓ | ∨ | √ | ✿ | ❀ | ❁ | ❂ | ❃ | ❇ | ❈ | ❉ | ❊ | ❋ | ➊ |➋ | ➌ | ➍ | ➎ | ➏ | ➐ | ➑ | ➒ | ➓ 
© ® ™ ℠ ℡ ℗ ‱ № ℀ ℁ ℅ ℆ ⅍ ☊ ☎ ☏ ⌨ ✁ ✂ ✃ ✄ ✆ ✇ ✈ ✉ ✎ ✏ ✐ ✑ ✒ ‰ § ¶ ✌ ☝ ☞ ☛ ☟ ☜ ☚ ✍
⇦ ⇧ ⇨ ⇩ ⇪ ⤊ ⤋ ⭅ ⭆ ⟰ ⟱
♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♤ ♠ ♧ ♣ ♡ ♥ ♢ ♦
☮ ☸ ♈ ♉ ☪ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ☤ ☥ ☧ ☨ ☩ ☫ ☬ ☭ ☯ ☽ ☾ ✙ ✚ ✛ ✜ ✝ ✞ ✟ † ⊹ ‡ Thống kê về ♁ ♆ ❖ ♅ ✠ ✡ ✢ 卍 卐 〷 ☠ ☢ ☣ ☦
⌕ ⌖ ⌗ ⌘ ⌙ ⌚ ⌛ 〶 ⌴ ⌵ ⌶ ⌷ ⌸ ⌹ ⌺ ⌻ ⌼ ⌽  
•|•°∆$€¢™®©🐟 🎏 🐶 🐕🐮 🐄 🐦 🌽 🗻🐶 🐔 🐮 🌽 🍑 🍓 🐟🎏☔🐢 ❤️💓 ❤️ ✋⛵🌲🐦🐌🦀👻🥁🎺🐜👃🍐🍋🍕 🍕🦊
 
Ifame Facebook :
 
Dành riêng cho dân làm việc văn phòng, viết blog content marketing :
 
Bộ ký tự đặc biệt dùng làm đẹp nội dung văn bản, dành cho dân kế toán, hành chính tuyển dụng & dân làm việc văn phòng :

↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪ ⌅ ⌆ ⌤ ⏎ ▶ ☇ ☈ ☊ ☋ ☌ ☍ ➔ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ⤗➹ ➺ ➻ ➼ ➽ ➾ ⤴ ⤵ ↵ ↓ ↔ ← → ↑ ⌦ ⌫ ⌧ ⇰ ⇫ ⇬ ⇭ ⇳ ⇮ ⇯ ⇱ ⇲ ⇴ ⇵ ⇷ ⇸ ⇹ ⇺ ⇑ ⇓ ⇽ ⇾ ⇿ ⬳ ⟿ ⤉ ⤈ ⇻ ⇼ ⬴ ⤀ ⬵ ⤁ ⬹ ⤔ ⬺ ⤕ ⬶ ⤅ ⬻ ⤖ ⬷ ⤐ ⬼ ⬽⤘⤝ ⤞ ⤟ ⤠ ⤡ ⤢ ⤣ ⤤ ⤥ ⤦ ⤪ ⤨ ⤧ ⤩ ⤭ ⤮ ⤯ ⤰ ⤱ ⤲ ⤫ ⤬ ⬐ ⬎ ⬑ ⬏ ⤶ ⤷ ⥂ ⥃ ⥄ ⭀ ⥱ ⥶ ⥸ ⭂ ⭈ ⭊ ⥵ ⭁ ⭇ ⭉ ⥲ ⭋ ⭌ ⥳ ⥴ ⥆ ⥅ ⥹ ⥻ ⬰ ⥈ ⬾ ⥇ ⬲ ⟴ ⥷ ⥺⭄⥉⥰⭃ ⬿ ⤳ ⥊ ⥋ ⥌ ⥍ ⥎ ⥏ ⥐ ⥑ ⥒ ⥓ ⥔ ⥕ ⥖ ⥗ ⥘ ⥙ ⥚ ⥛ ⥜ ⥝ ⥞ ⥟ ⥠ ⥡ ⥢ ⥤ ⥣ ⥥ ⥦ ⥨ ⥧ ⥩ ⥮ ⥯ ⥪ ⥬ ⥫ ⥭ ⤌ ⤍ ⤎ ⤏ ⬸ ⤑ ⬱ ⟸ ⟹ ⟺ ⤂ ⤃ ⤄ ⤆ ⤇ ⤊ ⤋ ⭅ ⭆ ⟰ ⟱ ⇐ ⇒ ⇔ ⇶ ⟵ ⟶ ⟷ ⬄ ⬀ ⬁ ⬂ ⬃ ⬅ ⬆ ⬇ ⬈ ⬉ ⬊ ⬋ ⬌ ⬍ ⟻ ⟼ ⤒ ⤓ ⤙ ⤚ ⤛ ⤜ ⥼ ⥽ ⥾ ⥿ ⤼ ⤽ ⤾ ⤿ ⤸ ⤺ ⤹ ⤻ ⥀ ⥁ ⟲ ⟳ 
 
Icon chèn vào Blog :
 
Icon Shop / Gian hàng

 
Icon Blog 

 



 
Icon Seo / Top Google

 
Icon Website :
 
Icon Marketing Online :

 
Icon Sale



 
Icon Related - Bài viết liên quan 
 

 
Icon Table Of Content
 

 


Icon Hot Item



Icon Hot Deal 
 

Icon Hàng Hóa Cần Thiết - Nhu yếu Phẩm - necessary goods

 
Icon Đồ Gia Dụng  - Houseware
 

 


 

Icon Trang Trí Nhà cửa - home decoration
 

 


 
Icon Chăm Sóc Sức Khỏe - health care
 

 
 
Icon chăm sóc sắc đẹp - beauty care
 
 



 
Icon Sách - Book

 
Icon Giải Trí entertainment  - Chơi game




 
Icon Du Lịch - tralvel 




 
 
Icon Kiếm tiền 
 
Icon Việc Làm 


 

 
Icon Học online :
 

 
 
Icon làm vườn - Garden



 
Icon hàng tiêu dùng nhanh - FMCG
 


 



Icon đồ chơi - toy 
 

 

Icon Nấu ăn - Cooking


Icon Viết Lách - writing - Content
 


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 :


 
Icon Hàng Tiêu Dùng Chậm - SMcG
 
Icon Tổng hợp  


C. Sử dụng code sưu tầm trên Internet :

C.1 Khung chèn code :
Code : 
<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>
C.2 : Mục lục giúp di chuyển nhanh đến nội dung trong bài viết blogspot - Khung Series bài viết :

Code : 
<style>

/*=====================================

= 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 &lt; 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>&nbsp; <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>
Kết quả :
Xem mẫu minh họa trên : http://www.vietquangcao.xyz/viet-quang-cao/code-lam-dep-blog-viet-content-marketing
Tiêu đề 1
 
Code làm đẹp Link liên kết   { Key : Css beautiful link | }
Tham khảo trang :
  • 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>
Css Link mẫu 1 :
<style>
@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>
Biến Content Thành tiền
Chiến mã đường rừng
Gia Bảo