Tạo code tiện ích tìm bài viết cho blogger

Hello anh em, lâu rồi blog mình cũng không share gì về thủ thuật nhiều :v Cho nên nay cũng rảnh nên share cái tiện ích về blogger khá hay cho anh em nhé.

Bắt đầu thôi nào:

Demo gay tại blog mình nhé

CÁC BƯỚC THỰC HIỆN:
Bước 1. Đăng nhập Blogger, vàoChủ đề >> Chỉnh sửa HTML. Chèn đoạn code bên dưới vào trước thẻ </head>.

<style type="text/css">
#findXdate {
background-color: #00a2ff;
border: 1px solid #00a2ff;
margin: 0 auto;
padding: 5px 0 10px;
text-align: center;
width: 380px;
}
#findXdate select {
    background-color: #fff;
    border: none;
    color: #000;
    font-size: 11px;
    height: 30px;
    width: 60px;
}
#findXdate input {
    background-color: #fff;
    border: none;
    color: #000;
    font-size: 11px;
    height: 30px;
    width: 60px;
}
</style>

<script type="text/javascript">
home_page = "http://wwww.nguyenhuyit.tk/";
timezone = "+07:00";
function submitdate(){
year = document.selectdate.year.options[document.selectdate.year.selectedIndex].value;month = document.selectdate.month.options[document.selectdate.month.selectedIndex].value;day = document.selectdate.day.options[document.selectdate.day.selectedIndex].value;tmax = year+"-"+month+"-"+day+"T23:59:59"+timezone;
tmin = year+"-"+month+"-"+day+"T00:00:00"+timezone;
tlink = home_page+"search?updated-max="+encodeURIComponent(tmax)+"&updated-min="+encodeURIComponent(tmin)+"&max-results=20";
if(year=="" || month=="" || day=="") {
alert("Vui lòng chọn ngày chính xác!"); return false;
} else {
self.location.href=tlink;
}
}
</script>

Trong đoạn code trên, bạn cần thay http://www.nguyenhuyit.tk bằng link blog của bạn nhé, lưu ý timezone tại Việt Nam chọn là +07:00.
Sau đó bạn --> Lưu Template.
Bước 2. Vào phần Bố Cục, rồi thêm một tiện ích HTML/Javascript và đặt đoạn code sau đây vào phần nội dung tiện ích.

<h2>Tìm bài viết theo ngày</h2>
<form id="findXdate" name="selectdate">
<select name="day"><option value="" selected />Ngày<option value="01" />1<option value="02" />2<option value="03" />3<option value="04" />4<option value="05" />5<option value="06" />6<option value="07" />7<option value="08" />8<option value="09" />9<option value="10" />10<option value="11" />11<option value="12" />12<option value="13" />13<option value="14" />14<option value="15" />15<option value="16" />16<option value="17" />17<option value="18" />18<option value="19" />19<option value="20" />20<option value="21" />21<option value="22" />22<option value="23" />23<option value="24" />24<option value="25" />25<option value="26" />26<option value="27" />27<option value="28" />28<option value="29" />29<option value="30" />30<option value="31" />31</select> <select name="month"><option value="" selected />Tháng<option value="01" />01<option value="02" />02<option value="03" />03<option value="04" />04<option value="05" />05<option value="06" />06<option value="07" />07<option value="08" />08<option value="09" />09<option value="10" />10<option value="11" />11<option value="12" />12</select> <select name="year"><option value="" selected />Năm<option value="2017" />2017<option value="2018" />2018</select> <input type="button" onclick="submitdate()" value="TÌM"/></form>

Sau đó lưu lại rồi tận hưởng thành quả thôi :v
Chúc các bạn thành công!

Share this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait