Tạo thanh quảng cáo trong bài viết cho blogspot

Lượn qua blog của bạn kslzone bạn lâm kiều nhìn thấy quảng cáo của bạn rất đẹp mắt bắt thu hút lượt xem của khách truy cập nên hôm nay làm bài hướng dẫn cho anh em cách tạo quảng cáo trong bài viết cho Blogspot

Tạo thanh quảng cáo trong bài viết cho blogspot

Bước 1 : Cách làm, rất đơn giản bạn chỉ cần chèn đoạn code này vào trước ]]></b:skin>

.entry-ads {
margin: 0px -10px 10px -60px;
padding: 12px 0 5px;
text-align: center;
background: none repeat scroll 0% 0% #333;
position: relative;
}
.entry-ads:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 0px;
top: 100%;
border-width: 10px 25px;
border-style: solid;
border-color: #666 #666 transparent transparent;
}

#HTML3 {
margin-top: 10px;
}

.search-bar { margin-bottom: 15px; }

@media only screen and (max-width: 800px) {
.entry-ads { margin: 0 0 10px; padding: 0; }
.top-ads, .entry-ads { display: none; }
.search-bar { display: none; }
.block-image { margin-bottom: 5px }
}
@media only screen and (max-width: 960px) {
.sidebar2 { display: none; }
.kslsocialdock { display: none; }
}

Chú ý : Nếu chỉ thêm phần màu đỏ thì sẽ hiển thị trên mobile còn nếu thêm cả đỏ và xanh thì chỉ hiển thị trên máy tính màu đen là chỉnh sửa kích thước cho phù hợp với blog của bạn


Bước 2 : Thêm code này vào nơi bạn muốn hiển thị sau đó thay phần màu đỏ thành mã quảng cáo của bạn

<div class='entry-ads'>
<script async='' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' data-ad-client='ca-pub-3525811010178550' data-ad-slot='4191394025' style='display:inline-block;width:728px;height:90px'></ins>
<script>
      (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
</div>
أحدث أقدم

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

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