-->
Trang chủ
Thủ Thuật
Thủ Thuật Blogger

Tạo Code Tiện Ích Tìm Bài Viết Cho Blogspot

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ào Chủ đề >> 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!
Nguồn: Blog Chia Sẻ 78

22 nhận xét

  1. Ồ lâu quá mới vào blog a lại
    • hihi ^^ cám ơn e đã ghé thăm blog nhé.
  2. Bài viết hơi sơ sài :D
    • tại chỉ có nhiêu đó thôi à. nên hơi ngắn :v
  3. tuyệt vời mà viết hơi ngắn hiih :v
    • tại vì chỉ có nhiêu đó thôi :v nên hơi ngắn :V hihi ^^
  4. Còn trống 1 liên kết kìa cho xin cái chỗ để liên kết đi
    • link blog đi bạn
    • Tên: Duy Phương
      URL: www.duyphuong.tk
    • Tên: Duy Phương
      URL: www.duyphuong.tk
  5. Tên: S2TopVN Blog
    LinK: https://www.s2topvn.com/
    Mô tả: Blog Phi Lợi Nhuận - SHARE ALL FREE
    • mai onl PC a đặt cho e nhé.
  6. Nhìn bắt mắt đó em :v
    • cám ơn a :v
    • Hổng có gì hì
  7. tuyệt vời
    • cám ơn a <3
  8. Thú vị đấy, cái này lấy về CSS thì rất là ok.
    • hihi^^ thanks a
  9. buổi chìu vui vẻ nha
  10. Nhờ bác sửa lại giúp tôi

    Tên hiển thị: Anh QUI-IT Network
    title: Chuyên viên phần mềm, phần cứng và mạng
    url: https://www.duongngocqui007.xyz
  11. Đặt Liên Kết với mình nha: Zoy Thủ Thuật Blog
    URL: https://www.zoyit.info/