Hướng dẫn cách chèn code html vào bài viết

Written By pdanghai.com

Thứ Tư, 15 tháng 5, 2013

Chia sẻ :

Tweet

Bài viết này Pdanghai's Blog sẽ hướng dẫn các bạn cách chèn một đoạn mã html vào bài viết đối với blogspot. Bình thường bạn muốn thể hiện một đoạn code html vào bài viết, bạn thường copy các đoạn code đó và paste vào bài là xong, nhưng như thế nó sẽ hiện lỗi kể cả bạn có đặt chế độ là Viết hay HTML, mình ví dụ copy và paste một đoạn code vào bài viêt như sau:

.recommend{border:1px solid #eee;background:#F8F6E7;color:#000;padding:5px;font-size:12px;margin:10px 0;text-align:center}.post{text-align:justify}pre:hover{background:white;color:black}pre{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #CCC;-moz-box-shadow:inset 0 0 10px #ccc;-webkit-box-shadow:inset 0 0 10px #ccc;box-shadow:inset 0 0 10px #ccc;padding:5px;color:#555;font-size:12px;background:#F8F8F8;font-family:Courier New,monospace;overflow:auto;max-height:250px}.comment-body p em,code{padding:2px 5px;background:#F6F1BA;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-family:"Courier New",monospace;font-size:15px;color:#222}

Tuy nhiên có cách khắc phục nhược điểm này bằng cách như sau:

Các bạn vào phần Mẫu:

Chọn tiếp Chỉnh sửa HTML

Các bạn để chuột trong khung HTML rồi bấm Ctrl F để mở ra hộp tìm kiếm. Nhập ]]></b:skin  vào rồi Enter để tìm kiếm.

Thêm đoạn code sau vào trên thẻ đó rồi chọn Lưu mẫu.

.recommend{border:1px solid #eee;background:#F8F6E7;color:#000;padding:5px;font-size:12px;margin:10px 0;text-align:center}.post{text-align:justify}pre:hover{background:white;color:black}pre{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #CCC;-moz-box-shadow:inset 0 0 10px #ccc;-webkit-box-shadow:inset 0 0 10px #ccc;box-shadow:inset 0 0 10px #ccc;padding:5px;color:#555;font-size:12px;background:#F8F8F8;font-family:Courier New,monospace;overflow:auto;max-height:250px}.comment-body p em,code{padding:2px 5px;background:#F6F1BA;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-family:"Courier New",monospace;font-size:15px;color:#222}

Muốn chèn một đoạn code HTML nào đó vào bài viết bạn chỉ cần để bài viết ở chế độ soạn thảo HTML rồi  copy đoạn code đó vào giữa hai code <pre> và </pre>

<pre>Đoạn code của bạn</pre>

Chúc các bạn thành công!

Tag : Blogger , chèn code html , Thủ thuật IT