Bài đăng

Đang hiển thị bài đăng từ Tháng 10, 2017

Tạo widget About giống Facebook cho Blogger, Blogspot

Hình ảnh
Xin chào tất cả các bạn. Hôm nay mình sẽ chia sẻ cho các bạn widget 'Giới thiệu thông tin' giống Facebook. Mình nghĩ nó sẽ giúp cho Blog của các bạn trở nên sinh động hơn. Bắt đầu thôi! Hình Minh Họa Các bước thực hiện Bước 1: Chèn đoạn CSS sau vào vị trí bất kì hoặc trước thẻ đóng </style> <style> .about-facebook>p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px; font-family: Roboto} .about-facebook h3{font-size: 16px;color:#525252;padding:10px; font-family: Roboto} .about-facebook h3 span{width:30px;height:30px;background:#d8d8d8;line-height:31.5px;text-align:center;border-radius:50%;display:inline-block;margin-right:5px;font-size:20px} .main-about-facebook ul{margin:0;padding:0;list-style:none; font-family: Roboto} .main-about-facebook ul li{margin-bottom:15px} .main-about-facebook ul li p{color:#333;font-size:14px} .main-about-facebook ul li a{color:#365899} .main-about-facebook ul li p .fa{width:20px;color:#86

Cách Đăng Nhập Nick Facebook Bằng Token Đơn Giản

Hình ảnh
Chào các bạn, có phải bạn đang thắc mắc hay tò mò về cách đăng nhập nick facebook bằng token không ? Rất nhiều bạn đang thắc mắc cái này và yêu cầu mình viết bài viết nên hôm nay trời không mưa nên viết tặng mọi người cách đăng nhập nick facebook bằng token, cách này thực ra là nó biến token thành cookie để nó login vào account facebook thôi, không khuyến khích các bạn làm việc xấu. Hình Minh Họa Các Bước Thực Hiện Bước 1: Các bạn vào link sau tại đây Bước 2: Nhập token vào Get Cookies From Access Token sau đó chọn Export Dạng Edit This Cookies rồi các bạn bấm Bắt đầu  Bước 3: Download tiện ích " EditThisCookies ": Tại Đây Sau khi Download xong các bạn vào lại trang vừa get Cookies của Token rồi Coppy phần cookies. Bước 4: Quay lại Facebook.com ( Chú ý: Đăng xuất nick bạn ra ). Click vào Icon của Tiện Ích  và chọn " Nhập Dữ Liệu " ( Hình " Mũi Tên ⤍ " cạnh Dấu Cộng + )  Bước 5: Nhập Pass Cookie  vào và chọn " Dấu Tích ". Sau đó ấn F5 rồi

Tạo nút viết bình luận đơn giản cho blogspot

Hình ảnh
Chào các bạn, bây giờ là 12h10p. Giờ mới là lúc tranh thủ để viết bài cho các bạn vì giờ này rảnh và yên tĩnh nữa. Thôi không dài dòng nữa, thủ thuật của chúng ta hôm nay sẽ là cách làm sao để chèn một nút mà khi click vào sẽ tự động chuyển xuống khung viết bình luận. Nó sẽ rất thuận tiện khi không phải cuộn chuột xuống tận đó. Giờ thì bắt tay vào làm nha! Hình Minh Họa 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: Nếu Template chưa có thư viện Fontawesome thì thêm code dưới 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: Thêm CSS dưới đây trước thẻ ]]></b:skin> .comments-publish a{color:#fff!important;line-height:5px;font-size:13px;margin-top:3px} .comments-publish{float:right} .comments-publish a{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:2px;background:linear-gradi

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-weight:500;color:#222} .author-about{margi

Tạo Chữ Hiệu Ứng Trượt Dưới Chân Đơn Giản Cho Blogspot

Hình ảnh
Chào các bạn, hôm nay mình xin chia sẽ các bạn hiệu ứng trượt dưới chân chữ cực kì độc đáo để gây ấn tượng cũng như tô thêm vẻ đẹp, chuyên nghiệp cho blog của các bạn, cùng đi vào vấn đề chính nào :))) Hình Minh Họa Trượt từ trái sang phải Trượt từ phải sang trái Các Bước Thực Hiện Bước 1: Chèn CSS Sau đây vào trước  ]]></b:skin> .truot{display:inline-block}.truot:after{content:'';display:block;height:3px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}.truot:hover:after{width:100%;background:#138882}.truot2{display:inline-block;position:relative;padding-bottom:3px}.truot2:after{content:'';display:block;position:absolute;right:0;bottom:0;height:3px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}.truot2:hover:after{width:100%;background:#138882} Bước 2: Chèn Đoạn Code bên dưới vào nơi muốn hiển thị. Trượt Từ Trái Sang Phải <div class="truot"> <b>Chữ Cần Tạo Hiệu Ứng<

Z.com Và Tenten.vn Template Blogger Landing Page Dịch Vụ Tên Miền Cực Đẹp

Hình ảnh
Tenten.vn và Z.com là 2 website cung cấp tên miền lớn nhất Việt Nam của GMO Group. Chắc hẳn nhiều webber cũng sử dụng tên miền của 2 nhà cung cấp này. Bên cạnh đó, template của 2 web này theo như Star Cường IT khảo sát thì rất đẹp cũng như khá bắt mắt, nhưng rất tiếc là không thể sở hữu nó. Chính vì thế hôm nay Star Cường IT xin được chia sẻ các bạn 2 mẫu web landing page Z.COM và TENTEN.VN được làm từ blogger giống hệt như web thật. Nó có thể tự động cập nhật CSS cho các bạn luôn nhé! Hình Minh Họa Demo Tenten.vn Demo Z.com Thông Tin Về Template Thiết kế bởi: Trọng Khanh Nguyễn Phiên bản: 1.0 Giá: Free theme Mã hóa: không Responsive: Chuẩn Hỗ trợ: Có Hiện tại 2 template này đang bị thất lạc và mình đang tìm lại link down.

Tạo Sitemap Tuyệt Đẹp Cực Kì Đơn Giản Cho Blogspot

Hình ảnh
Chào các bạn, nếu các bạn đang cần có một sitemap riêng cho mình nhưng bạn thấy quá nhàm chán với các mẫu trên mạng ? Okey, hôm nay mình sẽ chia sẽ các bạn sitemap Khá Deep, bạn nào edit tốt thì có thể thay các thứ các thứ nữa =)) Hình Minh Họa Xem Demo Các Bước Thực Hiện Bước 1:  Truy cập vào Quản Trị Blogger - Trang - Trang Mới. Bước 2:   Chuyển Sang chế độ HTML và dán đoạn code sau vào đó, edit vài thứ rồi xuất bản. <div id="bp_toc"> </div> <script type="text/javascript">    var postTitle = new Array();     // array of posttitles    var postUrl = new Array();       // array of posturls    var postDate = new Array();      // array of post publish dates    var postSum = new Array();       // array of post summaries    var postLabels = new Array();    // array of post labels // global variables    var sortBy = "datenewest";         // js abcdoff jave linkthuthuat    var tocLoaded = false;           // true if feed is read and ToC can be d

Thay nền chuyển tiếp độc đáo cho khung bình luận

Hình ảnh
Bạn sở hữu cho mình một blog? Và thi thoảng đi bình luận dạo hoặc trả lời bình luận của bạn đọc bên blog mình. Khi đó, bạn có thấy khung viết bình luận của mình trông hơi ảm đạm không? Chính vì thế mà hôm nay, mình xin hướng dẫn cho các bạn một thủ thuật nho nhỏ giúp bạn làm đẹp khung bình luận trong blog hơn. Thủ thuật này chỉ dùng toàn CSS nên gần như không ảnh hưởng đến tốc độ tải trang đâu nhé. Hình Minh Họa Demo Thay Nền Chuyển Tiếp Khung Bình Luận Chưa rê chuột: Hình Minh Họa Khi rê chuột vào: Hình Minh Họa Xem Demo Cách thực hiện:  Bước 1: Truy cập vào Quản Trị Blogger - Chủ đề - Chỉnh Sửa HTML . Bước 2: Dán đoạn CSS dưới đây trước thẻ ]]></b:skin> .comment-form iframe{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOzNhJvieNRTeDPA2a-tD1-P-5a96T6O-1shxEljDcaB8g1365VPlAtrK6o32GB7bF598FO1Js4c5UekcDYhkf-ExryaKszyJ6pah6KNr6DEokHq6yF6pmSti4WkcBLaHZ2lDfrZYAAXJR/s1600/Galaxy-Tab-S-Wallpaper-SamMobile_014.jpg) no-repeat; padding:0;width:618px;heig