Cách tạo khung chứa code cho bài viết trên Blogspot
Cách tạo khung chứa code cho bài viết trên Blogspot đơn giản nhất
Đối với các bài viết
chia sẻ thủ thuật blogspot đa phần đều sử dụng các mã code đặc
thù, các mã code này đa số đều phức tạp và dài dòng. Bởi vậy khi viết bài các
bạn nên Tạo khung chứa code để gom nó vào một
khung chứa code riêng biệt nhằm tách hẳn với nội dung trong bài đăng giúp bài
đăng trông gọn gàng hơn, đẹp mắt hơn, và trên hết nó giúp cho thao tác copy của
khách trở nên dễ dàng và thuận tiện hơn.
Hôm nay Blog Kim Anh sẽ
chia sẻ với các bạn cách để Tạo khung chứa code đơn giản cho blogspot nhưng
cũng không kém phần bắt mắt. Hy vọng nó sẽ giúp ích được cho các bạn.
Để làm được điều này các
bạn làm theo các bước dưới đây:
1.
Đăng nhập (Login) vào
Blog.
2.
Vào Mẫu (Template).
3.
Chọn Chỉnh sửa HTML
(Edit HTML).
4.
Bạn copy đoạn code trong
khung dưới (đó cũng chính là mẫu khung chứa code mà mình muốn chia sẻ với các
bạn). bạn chèn đoạn code này vào trước thẻ
]]></b:skin>
]]></b:skin>
5.
Cuối cùng các bạn lưu
mẫu lại.
.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
background: #E6E6E6;
background: -moz-linear-gradient(top, #FFF, #f5f5f5 5%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.03, #f5f5f5), to(#e2e2e2));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2')"; /* IE8 only */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border:1px solid #d0d0d0;
border-bottom:1px solid #b5b5b5;
color:#5e5e5e;
text-shadow: 1px 1px 1px #FFF}
6. Cách chèn code vào khung khi viết bài.
Các bạn sử dụng mẫu codet ở dưới để sử dụng mỗi khi viết bài cần chèn code (Bạn cứ viết bài như bình thường đến đoạn nào cần chèn code bạn sử dụng code dưới và chuyển sang tab HTML và chèn vào vị trí bạn muốn nó xuất hiện, xong bạn trở lại tab Viết bạn sẽ thấy đoạn code được đặt gọn gàng trong bài viết. Khi xuất bản bài viết bạn hãy xem thành quả của mình).
<div class="code">
Nội dung đoạn code
</div>
Như vậy là bạn đã biết được Cách tạo khung chứa code cho bài viết trên Blogspot.
Chúc bạn thành công!!!
</div>
Như vậy là bạn đã biết được Cách tạo khung chứa code cho bài viết trên Blogspot.
Chúc bạn thành công!!!
No Comment to " Cách tạo khung chứa code cho bài viết trên Blogspot "
Xin chào! Nếu bạn có bất cứ đóng góp, câu hỏi hay thắc mắc nào vui lòng để lại bình luận dưới đây. Mỗi góp ý, nhận xét của bạn đều rất quan trọng với tôi. Tôi rất vui nếu bạn viết bằng Tiếng Việt có dấu. XIN CẢM ƠN!