Bài đăng

Hiển thị các bài đăng có nhãn BLOGGER

Tạo Label Landing Chất Cho Blogspot

Hình ảnh
Một blog load nhanh, mượt sẽ thu hút rất nhiều người xem, ghé lại và ngược lại. Ngoài ra, tốc độ load không chỉ là yếu tố duy nhất thu hút người xem mà cái quan trọng không kém là mẫu blog. Một blog đẹp thì người xem sẽ có thấy thích thú cũng như ở lại blog lâu hơn đôi khi chỉ đơn giản là để 'ngắm' nó. Đây cũng chính là lý do hôm nay mình xin được chia sẻ với các bạn side Label Landing cực đẹp được thiết kế bởi Bác Sĩ Windo ws. Các bước thực hiện Bước 1:  Chèn đoạn CSS sau vào dưới thẻ <style> /* CSS header-page */ .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;} .container:before,.container:after{content:" ";display:table;} .container:after{clear:both;} a:link {text-decoration: none;} a:visited {text-decoration: none;} @font-face{font-family:"symbol";src:url(//static.edumall.vn/assets/symbol/fonts/symbol-9ebb41d8d8ad0e1c1a9a1f6e5c237ea33bedac81d42f7a13140c55246a3dbc03.eot);src:url(//static.edumall.vn/assets/symbol/f...

Khung Tác Giả Đơn Giản Với Hiệu Ứng Viền Chạy Trên Avatar Cho Blogspot

Hình ảnh
Hôm nay cuối tuần, ngồi nhà chán chán đem sửa lại cái khung tác giả cuối mỗi bài viết. Cũng do lâu không viết bài nên giờ viết để chia sẻ cho các bạn khung tác giả (Author Box) đơn giản có hiệu ứng viền chạy chạy trên avatar đây. Khung tác giả đơn giản với hiệu ứng viền chạy trên avatar cho blogspot DEMO - XEM TRƯỚC Hình Minh Họa LIVE DEMO CÁCH THỰC HIỆN: Bước 1:  Truy cập  Quản trị blogger  -  Chủ đề  -  Chỉnh sửa HTML . Bước 2:  Thêm đoạn CSS dưới đây trước thẻ  ]]></b:skin> /* Author Frame phucuongblogger*/ .author-profilepc{background:#2a2a2a;width:100%;height:auto;border:1px solid #dfe0e4;margin:10px 0 0px;padding:10px;position:relative;float:left} .author-avatar{padding:0;height:140px;width:140px;float:left;margin:0;overflow:hidden;} .author-fullname{font-size:20px;color:#ddd} .author-info1{float:right;padding-left:10px;width:80%} .author-info1 a{color:#ff6600} .author-info1 a:hover{color:#fff} .author-info1 span{font-size:17px;font...

Cách Index Bài Viết lên Google Nhanh Nhất

Hình ảnh
Xin chào mọi người, thường thì một nội dung, bài viết nào đó xuất bản, thì thường được google index rất chậm.Index ở đây là đã được con bọ của google đọc, lập chỉ mục và lưu trên sever và sẽ trả kết quả khi người dùng tìm kiếm ! Một bài viết website được index nhanh hay chậm phụ thuộc rất nhiều và lượng traffic của website đó, độ mạnh của website đó cũng như mức độ tối ưu của code website chuẩn HTML5, CSS3 để con bọ google có thể dễ dàng đọc code HTML được,... Sau đây là một số cách mình thường làm để index nội dung lên Google nhanh 1/ GOOGLE SUBMIT URL Truy cập  https://www.google.com/webmasters/tools/submit-url Nhập URL, Catcha và Submit Nhược điểm là chỉ index được từng url, nếu website của bạn có nhiều bài viết thì phải index nhiều lầm 2/ PING SITEMAP Đưa URL bài viết mới vào sitemap.xml Copy URL của file sitemap; Ví dụ:  http://starsonrapper.ml/sitemap.xml Gõ địa chỉ sau trên trình duyệt: http://google.com.vn/ping?sitemap= http://starsonrapper.ml/sitemap.xml Thay lại tên ...

Tạo tổ hợp nút To Top, Home,...

Hình ảnh
Chào các bạn, Mới gần đây, mình có sửa lại blog một tí. Mình thấy đã có Back To Top (lên đầu trang) rồi thì nên có thêm Back To Bottom (xuống cuối trang) để mọi người có thể dễ dàng di chuyển qua lại cho nhanh chỉ bằng 1 cú click chuột và không phải lăn chuột kéo thanh cuộn nữa. Khởi nguồn của 2 nút có sẵn Back To Top và Home (Trang chủ) thì mình lấy bên BSW và chỉnh sửa lại CSS cũng như thêm nút Back To Bottom hiệu ứng trượt vào thôi. Ngay sau đây mình cùng bắt tay vào làm nhé. Hình Minh Họa XEM DEMO CÁCH THỰC HIỆN: Bước 1:  Truy cập Quản trị blogger - Chủ đề - Chỉnh sửa HTML. Bước 2:  Thêm thư viện FontAwesome nếu blog bạn chưa có trước thẻ  </head> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> Bước 3:  Dán toàn bộ đoạn CSS dưới đây trước thẻ  ]]></b:skin> /* Back To xxx */ .back-top{z-index:9999;width:35px;height:35px;position:fixed;bottom:70px;right:10px;cursor:point...