Thứ Ba, 14 tháng 10, 2014

Hướng dẫn đặt banner quảng cáo trên blogspot

Bạn đang sở hữu một hệ thống blog vệ tinh, tuy nhiên việc thu traffic về site chính từ các blog đó chưa đạt hiệu quả cao? Do đó, ngoài những cách như đặt link liên kết từ blog về site chính, bạn có thể nghĩ tới việc đặt các banner quảng cáo trên các blog đó.



Chắc hẳn có nhiều bạn chưa kịp tìm hiểu về việc đặt banner quảng cáo trên blogspot như thế nào? Mình sẽ chia sẻ cách đơn giản nhất mà các bạn có thể áp dụng được ngay. Vấn đề của bạn chỉ còn là ý tưởng thiết kế cho banner quảng cáo như thế nào mà thôi.

Cùng làm theo các bước hướng dẫn dưới đây nhé:

Bước 1: Chuẩn bị

- Thiết kế banner thu hút lượt click ( Bước này dành cho các Designer). Nếu bạn chưa có ý tưởng cho banner  hãy tìm đến dịch vụ thiết kế đồ họa của LMT. Chúng tôi sẽ lên ý tưởng và thiết kế cho bạn một cách chuyên nghiệp và hiểu quả nhất.

- Link bạn muốn đem đi quảng cáo, có thể là link về một sản phẩm hay dịch vụ của website mà bạn đang kinh doanh.

Bước 2: Lấy đường dẫn ảnh

- Vào mục đăng bài mới trên blog, bạn đăng hỉnh ảnh lên và cho xuất bản. 
- Vào trang blog vừa đăng ảnh, copy Url của ảnh để ra file word hoặc notepad
- Sau khi copy được Url ảnh thì bạn quay trở lại mục đăng bài để xóa bài vừa cho xuất bản.





Bước 3: Chỉnh sửa html

- Vào mẫu, chọn “chỉnh sửa html”
Nhấn tổ hợp phím “ctrl_F” Tìm đoạn mã  </head>
Sau đó copy đoạn code bên dưới đây đặt trên phần </head>

<style>
      .popup_even{position:relative; z-index:999999;}
      a.right_pop{position: fixed;
      width: 165px;
      height: 470px;
      top: 150px;
      left: 0px;
z-index:999999;
}
      a.left_pop{
position: fixed;
      width: 175px;
      height: 150px;
      top: 150px;
      right: 0px;
z-index:999999;
}
</style>



- Sau đó nhấn tiếp “ctr_F” tìm tiếp đoạn mã code  <body>
Rồi pate đoạn mã bên dưới đây vào sau <body>

<div class='popup_even'>
      <a class='right_pop' href=’Url website 1'>
<img alt='' border='0' height='436' src=’Đường dẫn ảnh 1’ title=’tên hiển thị ảnh 1' width='176'/>
</a>
      <a class='left_pop' href=Url website 2'>
<img alt='Dich vu bao ve' border='0' height='436' src=’Đường dẫn ảnh 2’ title=’tên hiển thị ảnh 2'/>
</a>
</div>


Bạn có thể tùy chỉnh html để treo banner 1 bên hay 2 bên, hoặc bạn có thể căn chỉnh lại kích thước chiều dài, chiều rộng của banner để cho phù hợp với blog.
  
Bước 4: Lưu mẫu 

Bạn đã hoàn thành xong các bước để đặt banner cho blog. Giờ bạn chỉ cần vào “xem blog” để xem kết quả của mình. Nếu thấy chưa ổn thì ta có thể chỉnh sửa lại.

0 nhận xét: