Thứ Năm, 23 tháng 3, 2017

Thủ thuật Blog P2

Blog hiện nay là một phương tiện truyền tải thông tin rất được ưa chuông, tuy không được sử dụng rộng rãi như facebook, nhưng nó có nhiều cái mà những người có sở thích viết lách hay dùng. Thậm chí trong Marketting Online, blog được sử dụng để là, môi trường tiếp thị online rất hiệu quả cho những ai chưa có khả năng trang bị một domain. Sau đây, tôi xin chia sẻ một vài thủ thuật cơ bản cho các bạn chưa biết cách trang trí blog của mình (chỉ với blogspot), với hi vọng sẽ giúp các bạn ít nhiều gì đó trong quá trình sử dụng. Đây chỉ là một vài kinh nghiệm cá nhân, có thể các bạn sẽ có nhiều thủ thuật hay hơn. Trên tinh thần chia sẻ, hi vọng nhận được nhiều ý kiến chia sẻ.

Dưới đây tôi xin chia sẻ một vài thủ thuật khác, tiếp theo phần 1 đã chia sẽ đến mọi người. Mọi người xem phần đầu vui lòng vào link để cuối bài viết này

1. Thông kê bài đăng phổ biến + có hình ảnh kèm theo
Đầu tiên vào Blog => Bố cục => Thêm tiện ích => Bài đăng phổ biến => Lưu sắp xếp


Sau đó vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F trong khung code Html và nhập vào ]]></b:skin>. Chèn đoạn code 

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 1px solid #ddd;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.popular-posts ul
  li:hover {
  border:1px solid #6BB5FF;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
}
.popular-posts .item-thumbnail img {
  webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

Sau đó bấm vào lưu chủ đề => Xem blog để tân hưởng kết quả. Nếu bạn muốn thay đổi một số chổ về màu sắc text/link/border và kích thước ảnh, bạn cần có chút kiến thức về html chuyên môn hơn.

Chú ý: Còn rất khá nhiều cách để bạn thiết kế cho mục bài đăng phổ biến này, trên đây chỉ là một cách dễ thiết kế nhất.

Xem Phần 1



Không có nhận xét nào:

Đăng nhận xét