Tạo widget tìm kiếm dưới chân trang cho blogger - WAPCHIASE24H /* Sitemap by Showdzgn.com */
Tạo widget tìm kiếm dưới chân trang cho blogger
Xin chào các bạn, lâu rồi mình chưa ra bài viết nào hết nhỉ ? Do việc học kín hết cả tuần, thứ 7 này được nghỉ xả hơi, cũng chẳng biết làm gì, nên hôm nay mình xin hướng dẫn các bạn tạo widget tìm kiếm dưới chân trang tuyệt đẹp cho Blogspot.Không linh tinh luyên thuyên nữa, chúng ta cùng bắt đầu nào !


CÁC BƯỚC THỰC HIỆN

Bước 1: Đăng nhập Blogger  Chủ đề  Chỉnh sửa HTML.
Bước 2: Các bạn tìm thẻ <div id='lower'> và dán đoạn code này vào phía trước nó.
<!-- Start Widget --><style> .tim-kiem-blogger {;z-index: 999;width: 650px;overflow: hidden;position: relative;margin: 0 auto;display: block;} .tim-kiem-blogger input[type=&quot;text&quot;] {;z-index: 999;background: rgba(0, 0, 0, 0.1);position: relative;display: inline;width: 100%;margin: 0;border: 2px solid rgba(0,0,0,.1) !important;padding: 15px 15px 15px 15px;font: 20px &#39;Roboto&#39;, san serif;color: #fff;} span.font30 {;z-index: 999;font-size: 30px;}span.font20 {;z-index: 999;font-size: 20px;} .tim-kiem-blogger input[type=&quot;submit&quot;] {z-index: 999;position: absolute;right: 3px;background: #069999;border-radius: 4px;top: 6px;padding: 12px 25px;border: 0;color: #fff;font-size: 19px;font-weight: 300;} .tim-kiem-blogger input[type=&quot;submit&quot;]:hover {background: #009EFF;} </style> <style> #intro_hh{position:relative;display:table;width:100%;height:30vh;margin:0!important;padding:0!important;z-index:999;background:url(https://i.imgur.com/gIqnMEE.jpg) no-repeat center center!important;background-size:cover!important} #intro_hh:before{content: &#39;&#39;; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(transparent)} #intro_hh:after{content:&#39;&#39;;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent,rgba(51, 51, 51, 0.15) 0%,rgba(12,23,36,0.4))} h1{text-align:center;margin:0;padding:0;font:500 32px Roboto;color:#fff} .count{margin:0;padding:0;font:500 32px Roboto;color:#ffd969} </style> <div id='intro_hh'> <br/><br/> <h1>Có <strong> <script type='text/javascript'>/*<![CDATA[*/function postCount(a){document.write(" ");var b=a.feed.openSearch$totalResults.$t;document.write("<span class='count'>"+b+"</span>");document.write("</span>")};/*]]>*/</script> <script src='/feeds/posts/default?alt=json-in-script&amp;max-results=0&amp;callback=postCount' type='text/javascript'/> </strong> bài viết và <strong> <script type='text/javascript'>/*<![CDATA[*/function numberOfComments(a){document.write(" ");var b=a.feed.openSearch$totalResults.$t;document.write("<span class='count'>"+b+"</span>");document.write("</span>")};/*]]>*/</script> <script src='/feeds/comments/default?alt=json-in-script&amp;max-results=0&amp;callback=numberOfComments' type='text/javascript'/> </strong> bình luận trên Blog.</h1> <br/> <div class='tim-kiem-blogger'> <form action='/search/' id='searchform' method='get'> <input id='s' name='q' placeholder='Nhập từ khóa và cào phím enter để tìm kiếm...' type='text'/> <input id='searchsubmit' type='submit' value='TÌM!'/> </form> <br/> </div> </div><!-- End Widget --> 
Các bạn có thể thay #069999 và https://i.imgur.com/gIqnMEE.jpg thành mã màu và link ảnh bạn muốn hiển thị.
Bước 3: Lưu mẫu lại và tận hưởng thôi! 

LỜI KẾT

Trên đây là các bước để ta có được một widget tìm kiếm dưới chân trang cực đẹp rồi. Nếu thấy bài viết này hay thì đừng quên cho mình 1 chia sẻ hoặc bình luận nhé. Nếu trong quá trình thực hiện có thể có một số bước lỗi, thì đừng ngần ngại bình luận phía dưới để mình hỗ trợ nhé. Chúc các bạn thành cô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

    0 Response to "Tạo widget tìm kiếm dưới chân trang cho blogger"

    Đăng nhận xét

    Giới thiệu bản thân

    Thống kê

    Đăng nhận xét

    Menu mobi

    NHÃN

    8vui.top (1) Anime (1) Anime641 (1) Bác sĩ window (6) Bts (1) Canhme (1) Choionline (1) chuyện thú vị (1) Code bán hosting cPanel (1) Code banghoi (1) Code blog php (6) code bot like (2) Code Dinhluyen (1) Code Forum JohnCMS 6.1.2 Mod By Chuối (1) Code Forum JohnCMS Vinajohn v2 (1) Code game Đại Anh Hùng (1) Code game Gunny (1) Code game Naruto (1) Code Link Protect Groups Facebook By Chuoi (1) Code MXH JohnCMS Userviet v3 (1) Code ovigame (1) Code sim (1) code tin tức (1) Code Vnhihi (1) Code Wap Game JohnCMS LOL (1) Date a live (2) Diendanvn (1) Dnfamily (1) emoji facebook blogger (1) Game (1) Gocpho (3) Hadpro (3) Hi4u (1) Imzik Template (1) Johncms (83) Johncms mod twitter (1) KB Template (1) Lebalongit (1) leminhut (1) M3v (1) Mefun (2) Modjohncms (1) MrT79 (1) nhanhnao code (1) nukeviet (2) olaVn (1) Phieubac code (2) phonho (1) Sao (1) Scam (2) scoure code upload (3) Source Web Chat Realtime ReactJS + Firebase (1) Star An Blog (1) Star Năm It (1) Start cường it (2) Sword art online (1) Teaavartar (1) Teen10x (1) Templat (1) template anime (10) Template blogger (185) template code đây rồi (2) template facebook (2) template nghĩa rồng blog (2) Template NPC (1) template phim (25) Template php (152) Template rút gọn link (1) Template shop bán nick lmht (1) template shop bán nick ngọc rồng (4) template star sinh blog (1) template star tuấn it (1) template thảo blogger (1) Template truyện (4) template TV (2) Template Vietblogger (1) Template wordpess (4) template youtube (1) tenki no ko (5) Tên Tiếng Nhật (2) Tết (1) Thanhstar code (1) Thủ thuật (287) Tin anime (67) Tin tức hay (1) Toàn siêu nhân (2) Top 10 anime hấp dẫn dựa trên tác phẩm văn học nổi tiếng (2) TuoiTre4v (1) Văn hoá Nhật Bản (4) Văn Huy ít (1) Vietfun (1) VietVina (1) Việt hoá (1) Vina4u (4) Vina4z (2) Vinajohn (2) Vinajohn vina (1) vlogstips (1) Vnbay code (1) Vnstar (1) Vnteam code (2) Vnteen code (1) Vtjohn (1) Wapchiase24h (1) Xenforo (1) Ya4r (1) Yeudehon (1) Youkoso Jitsuryoku Shijou Shugi (1) Z777 (2) Zzui 1.5 (1)

    Topst

    Đang tìm kiếm...

    Trang

    Recent Posts

    Liên kết website

    Website có sử dụng nguồn video được chia sẻ từ PhimMoi, Bilutv, Phimbathu,KPhim, Youtube... chúng tôi không giữ bản quyền về bất cứ nội dung trên website.

    Business

    [3,Demo,post-tag]

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Quảng cáo

    Quảng cáo bài viết