Cảm ơn bạn đã tham gia khảo sát
Đóng góp của bạn sẽ giúp chúng tôi dần cải thiện về mặt nội dung cũng như giao diện của trang.

Khanh Blogger

Khanh Blogger

Tạo quảng cáo Video 1040x240 giống Youtube cho Blogspot

Quảng cáo này sẽ giúp bạn quảng bá tốt hơn sản phẩm của mình cũng như thu hút nhiều người xem đến sản phẩm của bạn. Đây là loại quảng cáo có kích thước khá lớn, khá bắt mắt, bố trí dễ nhìn. Nó được tích hợp video Youtube vào để quảng bá cho sản phẩm. Còn chần chờ gì nữa, hãy tìm hiểu cách làm ngay sau đây !


Cách thực hiện

Chèn đoạn code sau vào nơi muốn hiển thị:

<style>
.adsvideo_home {width: 1040px; height: 240px; background: #fff; position: relative}
.video_HDD {position: absolute; top: 0; left: 0}
.bgf_video {position: absolute; top: 0; right: 0}
.logopost-ads {position: absolute; top: 120px; left: 435px}
.logopost-ads img {border-radius: 100%}
.title_classvideo {position: absolute; top: 140px; left: 540px; }
.title_classvideo .titlebar a {font-size: 15px; color: #000; text-decoration: none; font-family: Roboto; font-weight: 500}
.pici_ads {background: hsl(46.8, 79.3%, 52.7%); color: #fff!important; font-family: Roboto; padding: 2px 5px; text-decoration: none; font-size: 12px; font-weight: 500; border-radius: 3px}
.postbyads {margin-top: 5px; text-align: left!important}
.postbyads .namepost {padding-left: 5px; color: #4c4c4b; font-family: Roboto; text-decoration: none; font-size: 14px; font-weight: 400}
.postbyads .details_ads {margin-top: 10px; font-family: Roboto; text-decoration: none; font-size: 15px; font-weight: 500; display: block; padding: 10px 16px; border-radius: 3px; color: #fff; background: hsl(206.1, 79.3%, 52.7%); width: fit-content; }
</style>
<div class='adsvideo_home'><div class='video_HDD'><iframe allowfullscreen='true' allowtransparency='true' frameborder='0' height='240' hspace='0' id='adtech_linkthuthuat' marginheight='0' marginwidth='0' name='ads_linkthuthuat' scrolling='no' src='https://www.youtube.com/video_masthead?video_id=ID VIDEO YOUTUBE&textLine1=TIÊU ĐỀ QUẢNG CÁO&textLine2=none&autocrop=1&autoplay_start_time=1000&autoplay_duration=50000&channel_banner=1&video_wall=0&subscribe_button=1&subscriber_count=1&site_cta=1&cta_label=none&layout=material&line_item_id=4609291090&creative_id=138234452676' vspace='0' width='424'></iframe></div><div class='bgf_video'><img height='130' src='LINK ẢNH BÌA' width='616'/></div><div class='logopost-ads'><img height='90' src='LINK ẢNH LOGO' width='90'/></div><div class='title_classvideo'><div class='titlebar'><a href='LINK QUẢNG CÁO' target='_blank' title='TIÊU ĐỀ BÀI VIẾT'>TIÊU ĐỀ QUẢNG CÁO</a></div><div class='postbyads'><a class='pici_ads' href='http://adtech.linkthuthuat.com' target='_blank' title='adslinkthuthuat'>Quảng cáo</a><a class='namepost' href='#' title='Người tải lên'>NGƯỜI ĐĂNG</a><a class='details_ads' href='"LINK QUẢNG CÁO"' target='_blank' title='click quảng cáo'>TÊN BUTTON</a></div></div></div>
Thay các phần in đậm thành nội dung phù hợp nhé. 1000 = giây thứ 1 (ở đây là khoảng thời gian bắt đầu chạy của video, ví dụ bạn muốn video chạy ở giây thứ 10 thì sửa thành 10000)

Nếu bạn không muốn mang những đoạn code phức tạp vào Blog của mình thì chỉ cần nhúng đoạn code dưới đây vào Blog:

<iframe allowfullscreen='true' allowtransparency='true' frameborder='0' height='240' hspace='0' id='adtech_linkthuthuat' marginheight='0' marginwidth='0' name='ads_linkthuthuat' scrolling='no' src='https://adtech.ltt.doubleclick.linkthuthuat.com/2018/05/ads-video-top-home.html?videoid=ID VIDEO YOUTUBE&title=TIÊU ĐỀ QUẢNG CÁO&url=LINK QUẢNG CÁO&=LINK ẢNH BÌA&amp;logo=LINK ẢNH LOGO&name=TÊN NGƯỜI ĐĂNG&namebutton=TÊN BUTTON' vspace='0' width='1040'></iframe>

Thay các phần in đậm thành nội dung phù hợp nhé. Nếu bỏ vào blog không hiện, bạn hãy sửa phần https:// in đậm thành http:// .

Nếu các bạn không có ý định tùy biến thì mình khuyên các bạn nên nhúng sẽ tốt hơn vì thao tác cũng như chỉnh sửa tiêu đề, liên kết quảng cáo... sẽ nhanh chóng hơn.

Chúc các bạn thành công !

Bình luận

  1. Làm thế nào chỉnh sữa video nó có độ dài bằng với hình ảnh thế ? chỉnh sữa ở đâu chỉ m với.

    hungcoder.com

    Trả lờiXóa
    Trả lời
    1. cái TH bác lạ nhỉ. bác thử id video khác xem lõi không bác. nếu không set admin mình giúp cho nhé: trongkhanh5678@gmail.com

      Xóa
    2. à, cái này là do css iframe mặc định blog bạn giới hạn. bạn thêm css này vào trên thẻ style nha bạn:
      #adtech_linkthuthuat {height: 240px!important}

      Xóa
  2. đúng lúc đang cần. thanks pro

    Trả lờiXóa
  3. Trả lời
    1. nhúng vào blog đi r xem demo :v

      Xóa
    2. lâu lâu ghé qua xem đòi thấy demo hả - mơ đi

      Xóa
  4. Xem trong hình hơi hơi khó hình dung tý nhỉ, nhưng nội dung bài HD thì tuyệt :3 Thanks ♥

    Trả lờiXóa
  5. mình chèn được video rồi, nhưng hình và logo thì bị lỗi là sao bạn
    link đây: https://sv1.uphinhnhanh.com/images/2018/06/15/li.png

    Trả lờiXóa

XEM NHIỀU TRONG TUẦN

Bạn có thể quan tâm