July 2017

 
Chào mọi người, Hôm nay mình sẽ share cho các bạn một tiện ích cho blogger/blogspot đó là Hộp đăng ký nhận bài viết qua Email. Code này do mình edit từ code trên twistblogger.com nhá.
Chức năng của nó là biểu mẫu cho phép mọi người đăng ký theo dõi các bài viết mới trên Blog.Việc tạo một Hộp đăng ký nhận bài viết qua Email (Subscribe by email) chuyên nghiệp và bắt mắt ắt hẳn sẽ giúp bạn tăng số lượng người dùng đăng kí.


Xem demo

Xem demo tại đây >>

Bắt đầu thủ thuật

Đầu tiên bạn vào Blogger => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ <head>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ <head> và Lưu mẫu.
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css' rel='stylesheet'/>
Tiếp đến bạn vào Blogger => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu.

<style>#twist-blogger-sbox-v2{padding:0;padding-bottom:5px;font-family:Arial,Helvetica;display:block;margin:0;width:100%;border-radius:1px;border:0;background:#333}#twist-blogger-sbox-v2 .main_tagline{padding:0;line-height:2.5em;font-size:26px;margin:0;height:90px!important;overflow:hidden;font-weight:normal;color:#FFF;text-align:center;border:0;background-color:#03a9f5}#twist-blogger-sbox-v2 .email_icon{display:table;transition: all .5s;margin:-35px auto 0;font-size:25px;padding:12px;height:25px;width:25px;background-color:#03a9f5;color:#FFF;border-radius:50px;border:10px solid #fff;line-height:0}#twist-blogger-sbox-v2:hover .email_icon{transform: rotate(360deg);}#twist-blogger-sbox-v2 p{font-size:15px;color:#f9f9f9;text-shadow:0 -1px 0 #000;line-height:20px;padding:7px 10px 0;text-align:center;width:90%;margin:0 auto}#twist-blogger-sbox-v2 .rssform{padding:0;margin:0 auto;display:block}#twist-blogger-sbox-v2 .rssform input{padding:8px;margin:15px auto;font-size:13px;color:#000;text-align:center;display:block;font-family:Arial,Helvetica;font-weight:normal;width:90%;height:38px;text-transform:uppercase;outline:none!important;border:1px solid #fff;border-radius:1px;background-color:#fcfcfc;box-sizing:border-box!important}#twist-blogger-sbox-v2 .rssform .button:hover{opacity:.8}#twist-blogger-sbox-v2 .rssform .button{background:#03a9f5;border:0;color:white!important;margin-top:15px;outline:none!important;transition:all .3s ease-in-out;padding:5px 2px!important;float:none;text-transform:uppercase;font-size:15px;font-weight:normal;cursor:pointer}#twist-blogger-sbox-v2 .social_profiles{line-height:1.2em;display:table;float:none;margin:0 auto;text-align:center;min-width:157px;padding:5px 0;border:0}#twist-blogger-sbox-v2 .social_profiles a:hover{color:#FFF;background-color:#ff5959;border-color:#FFF}#twist-blogger-sbox-v2 .social_profiles a{color:#000;margin:0 5px;text-align:center;float:left;display:table;padding:4px 5px;background-color:#fff;border-radius:50px;border:2px solid #2d2d2d;width:15px;height:15px;line-height:0;font-size:16px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}#twist-blogger-sbox-v2 form{margin-bottom:10px!important}</style>
<div id="twist-blogger-sbox-v2">
<div class="main_tagline">
Đăng kí nhận tin</div>
<div class="email_icon">
<i class="fa fa-envelope"></i></div>
<p>Nhập Email để nhận bài viết mới nhất từ Star Tuấn Blog</p>
<div class="rssform">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=StarTuan','popupwindow','scrollbars=yes,width=550,height=520');return true">
<input type="text" name="email" placeholder="Địa chỉ Email của bạn..." />
<input type="hidden" value="StarTuan" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input value="Đăng kí ngay" class="button" type="submit" />
</form>
</div>
</div>

Tùy chỉnh:

Thay #03a9f5 thành mã màu bạn thích.
Thay Nhập Email để nhận bài viết mới nhất từ Star Tuấn Blog thành nội dung bạn muốn.
Thay đổi địa chỉ StarTuan thành địa chỉ URL FeedBurner Blog của bạn.

Vậy là xong. Chúc các bạn thành công!

" Anh ơi, có biết điều gì thật đau 
Trong cuộc sống muôn màu để em nói cho anh nghe nhé 
Rằng nơi em đã từ lâu có cảm xúc lạ 
Mỗi khi anh kề bên được nghe anh nói cười "
                                                                                        Trích lời bài hát: Đường một chiều


Tải PSD

TRUY CẬP ' WWW.DIINOIT.TK ' ĐỂ XEM THÊM NHIỀU BÀI ĐĂNG KHÁC NHÉ!

Style 1

Sớm mai tỉnh dậy tôi lạc vào hư không
Đôi tay níu lấy điều gì mà chờ mong

Style 2


Anh cứ đi, đi tìm tình yêu mới
Tôi đứng đây ôm trọn tình yêu cũ
Nhắn gió mây gửi đến em đôi lời
Sợi tơ duyên đứt đi rồi có nối lại được không?
Trích bài hát Ai Chờ Ai - FloD ft. M!

Cảm ơn bạn đã truy cập blog chúc bạn cuối tuần vui vẻ, bài này mình sẽ hướng dẫn bạn video intro 3D Online không cần dùng phần mềm và có thể làm được trên cả điện thoại luôn nhá :) Rất tiện dành cho những bạn làm youtube mà không có thời gian tải phần mềm về để làm.

Bước thực hiện

Bước 1:

Truy cập vào https://panzoid.com/templates và chọn vào intro bạn muốn làm

Nhấn vào show more để chọn thêm intro khác

Chọn Open in Clipmaker

Xem trước video intro đầu tiên bạn nhấn chuột vào biểu tượng con mắt rồi nhấn vào biểu tượng hình tam giác

Bước 2:

Để thay dòng chữ của intro đầu tiên bạn chọn vào biểu tượng hình hộp
tiếp theo kéo xuống và thấy Group: All Text và chọn từng Text để chỉnh sửa thành tên mình và nhấn phím enter.


Bước 3:

Lưu video bạn chọn biểu tượng mũi tên xuống như này,
Ở phần Mode bạn chọn chất lượng video
Chọn Star video render


sau đó chờ cho nó render video nhé :)
tùy vào chất lượng video mà bạn chọn ở phần mode ảnh hưởng đến tốc độ lưu nhé

Sau khi render video xong bạn chọn Download your video

và video intro của bạn được tải về :)

Chúc các bạn thành công :)
Và dưới đây là thành quả của mình

Author Name

{picture#YOUR_PROFILE_PICTURE_URL} YOUR_PROFILE_DESCRIPTION {facebook#YOUR_SOCIAL_PROFILE_URL} {twitter#YOUR_SOCIAL_PROFILE_URL} {google#YOUR_SOCIAL_PROFILE_URL} {pinterest#YOUR_SOCIAL_PROFILE_URL} {youtube#YOUR_SOCIAL_PROFILE_URL} {instagram#YOUR_SOCIAL_PROFILE_URL}

Contact Form

Name

Email *

Message *

Powered by Blogger.