TIN HOT

Menu

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

Cách tạo khung chứa code cho bài viết trên Blogspot, tạo khung chứa code cho bài viết trên Blogspot, tạo khung chứa code cho blogspot, hướng dẫn tạo tạo khung chứa code cho blogspot, hướng dẫn tạo khung chứa code trong bài viết blogspot

Đố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>
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!!!

Share This:

Anh Kim

“Đừng ngại thay đổi!!! Bạn có thể mất một cái gì đó tốt nhưng bạn có thể đạt được một cái gì đó còn tốt hơn.”

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!

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM