Một trong những vấn đề của Blogger hiện nay là bỏ quên đi công cụ rất rất quan trọng này ! Vậy bạn có biết ,bạn có thể kiếm một số lượng lớn người truy cập thông qua việc gửi tin tức trên blog bạn hàng ngày đến tận tay người đã đăng ký ! Trước tiên bạn hãy đăng ký một tài khoản https://feedburner.google.com hoặc ở phần Bố Cục > Thêm tiện ích > Theo dõi qua Email Bắt đầu ngay luôn nhé ! Bước 1 : Truy cập Blogger Dashboard > Template > Edit HTML và thêm đoạn code sau dưới <head> nếu đã có thì bỏ qua <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/> view raw HTML hosted with by GitHub Bước 2 : Tiếp tục chèn mã sau trước </style> #subscribebox{background:#576269;p...
Một trong những vấn đề của Blogger hiện nay là bỏ quên đi công cụ rất rất quan trọng này !
Vậy bạn có biết ,bạn có thể kiếm một số lượng lớn người truy cập thông qua việc gửi tin tức trên blog bạn hàng ngày đến tận tay người đã đăng ký !
Bắt đầu ngay luôn nhé !
Bước 1 : Truy cập Blogger Dashboard > Template > Edit HTML và thêm đoạn code sau dưới <head> nếu đã có thì bỏ qua
| <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/> |
Bước 2 : Tiếp tục chèn mã sau trước </style>
| #subscribebox{background:#576269;padding:20px;font-family:'PT Sans',sans-serif;} |
| .widget_follow_subscribe .widget-detail{padding:36px 30px 40px} |
| #subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700} |
| .follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px} |
| .follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center} |
| .follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none} |
| .follow-subscribe-social ul li:last-child{margin:0} |
| .follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out} |
| .follow-subscribe-social ul li a:hover{color:#fff} |
| form.subscribe{margin-top:-7px} |
| form.subscribe input{display:block;width:100%} |
| .subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff} |
| .subscribe-email:focus{outline:0} |
| form.subscribe .placeholder{color:#cacaca} |
| form.subscribe input:-ms-input-placeholder{color:#cacaca} |
| form.subscribe input::-webkit-input-placeholder{color:#cacaca} |
| form.subscribe input:-moz-placeholder{color:#fafafa} |
| form.subscribe input::-moz-placeholder{color:#fafafa} |
| .subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out} |
| .subscribe-button:hover{background-color:#f1d640} |
| .subscribe-button:focus{outline:0} |
| .creadit a{color: #A7A6A6; float: right; font-size: 8px;} |
Bước 3 : Lưu lại Template
Kế sau đó ta sẽ vào phần Bố Cục > Thêm Tiện Ích > HTML/Javascript và chèn đoạn code bên dưới
| <div id="subscribebox"> |
| <div class="follow-subscribe-social"> |
| <ul> |
| <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li> |
| <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> |
| <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li> |
| <li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li> |
| <li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li> |
| <li><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li> |
| <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li> |
| </ul> |
| </div> |
| <p>Subscribe to my Newsletter</p> |
| <form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> |
| <input name='uri' type='hidden' value='YOUR-USER-NAME'/> |
| <input name='loc' type='hidden' value='en_US'/> |
| <input class="subscribe-email" type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/> |
| <input class="subscribe-button" type="submit" value="Subscribe" /> |
| </form> |
| </div> |
– Thay # bằng địa chỉ mạng xã hội của bạn
– Thay YOUR-USER-NAME bằng tên feedburner mà bạn đã lấy ở trên
Vậy là xong rồi đó , bạn cũng có thể tích hợp popup vào cho đẹp hơn nhé!
Chúc các bạn thành công !