Cách đặt quảng cáo Adsense vào trong bài viết trên blogspot

Thêm quảng cáo Adsense vào trong bài viết

Trước khi tiếp tục, các bạn cần sao lưu mẫu của mình lại để đề phòng bạn triển khai mã không đúng mà còn phục hồi lại nhé.

Lấy mã quảng cáo

Bước 1: Chuyển đổi mã code adsense của bạn sang dạng text văn bản thuần túy

Bấm vào đây

Pass đoạn code từ adsense vào đó và bấm convert
Sau khi convert đoạn mã adsense sang dạng text văn bản thuần túy thì bạn hãy Copy đoạn code đó để lát nữa chèn vào template blogspot của bạn.

Tiếp theo bạn hãy vào Template của bạn và bấm chọn "Edit HTML" và bấm phím tắt Ctrl+F để tìm đoạn code như dưới đây:

<data:post.body/>

Chú ý: Thông thường trong template blog của bạn sẽ có 2 đến 4 đoạn code giống như trên, nhưng các bạn cần triển khai ở kết quả thứ 2 hoặc nếu không được thì các bạn triển khai đoạn code thứ 3 nhé. Các bạn cứ thử lần lượt đến khi nào thành công thì thôi.

Bước 2: Các bạn xóa bỏ dòng code <data:post.body/> vừa tìm được:
và dán đoạn code dưới đây vào chỗ vừa xóa.

<div expr:id='"adsmiddle1" + data:post.id'></div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style="clear:both; margin:10px 0">
<!-- Đặt mã quảng cáo adsense của bạn ở đây -->
</div>
</b:if>
</b:if>
<div expr:id='"adsmiddle2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var obj1=document.getElementById("adsmiddle2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Bước 3: Các bạn thay dòng này

<!-- Đặt mã quảng cáo adsense của bạn ở đây -->

thành đoạn mã adsense mà khi nãy bạn đã convert sau đó bạn bấm lưu template lại.

Bước 4: Hiển thị quảng cáo adsense ở vị trí bạn muốn trong bài viết
Khi bạn đăng bài viết mới, bạn hãy đêm đoạn code này

<!-- adsense -->

vào nơi bạn muốn hiển thị quảng cáo, các bạn nên bấm vào HTML để chèn đoạn code trên nhé.

vidu như hình ảnh dưới:

Lưu ý: Nếu bạn không thêm chú thích này để chỉ định vị trí hiển thị adsense thì nó sẽ xuất hiện bên dưới tiêu đề bài viết theo mặc định.

goodluck

Read More

Tạo nút bấm back to top, back to bottom và tắt quảng cáo góc trái màn hình cho web và blogspot

Code Tạo quảng cáo ở cuối trang web, 

blogspot có nút tắt bằng css và js

Gợi ý: 2 loại code trên mình để left (bên trái) nếu các bạn muốn bên phải thì cứ chỗ nào trong đoạn code có chữ left thì đổi thành right.

Tắt quảng cáo [x] (Bằng css) bên trái

2021

<!--Demo ads-->
<style>
#adBox {height: 310px; width: 300px; position:fixed; left:0px;bottom:0px; z-index:999;  }
#adBox img{ border:1px solid #3691CE;}
#adBox #adBox_title a { margin: 0px 0px 0px 194px; font-weight: bold; text-align: right; background-color: red; color: white;}
#adBox:target {display:none;}
</style>

<div id="adBox">
 <div id="adBox_title"><a href="#adBox">Tắt Quảng Cáo [X]</a></div>
<img src="link images" /></div>

<!-- End quang cao -->

Tắt quảng cáo [x] (Bằng js) bên trái

2021

<script type="text/javascript">
   function hide_float_left() {
       var content = document.getElementById('float_content_left');
       var hide = document.getElementById('hide_float_left');
       if (content.style.display == "none")
       {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">Tắt quảng cáo [X]</a>'; }
           else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Xem quảng cáo...</a>';
       }
       }
</script>
<style>
   .float-ck { position: fixed; bottom: 0px; z-index: 9000}
   * html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
   #float_content_left {border: 1px solid #01AEF0;}
   #hide_float_left {text-align:left; font-size: 11px;}
   #hide_float_left a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="left: 0px" >
   <div id="hide_float_left">
      <a href="javascript:hide_float_left()">Tắt Quảng Cáo [X]</a>
   </div>
   <div id="float_content_left">
      <!-- Start quang cao-->
      <embed src="http://ads.visaonho.com/img/afoo/300x250.swf" width="250" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" wmode="transparent" allowScriptAccess="always"/>
      <!-- End quang cao --> 
   </div>
</div>

Code quay về đầu trang web, blogspot

(Nút cuộn lên đầu trang không cần lăn chuột)

Back to top (JQuery)

2021

<!-- BACK TO TOP -->
<style type='text/css'>
.back-to-top {
	border: 1px solid #F1F1F1;
	background: #C10000;
	text-align: center;
	padding: 5px;
	position: fixed;
	bottom: 0px;
	right: 35px;
	cursor: pointer;
	display: none;
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	width: 38px;
	border-radius: 8px 8px 0px 0px;
}

.back-to-top:hover {
	border: 1px solid #ffa789;
	background: #ff6734;
}

</style>

<p class='back-to-top'> BACK TO TOP </p>
<script >
    jQuery(document).ready(function() {
            var offset = 220;
            var duration = 500;
            jQuery(window).scroll(function() {
                if (jQuery(this).scrollTop() >
                    offset) {
                    jQuery('.back-to-top').fadeIn(duration);
                } else {
                    jQuery('.back-to-top').fadeOut(duration);
                }
            });
            jQuery('.back-to-top').click(function(event) {
                event.preventDefault();
                jQuery('html, body').animate({
                    scrollTop: 0
                }, duration);
                return false;
            })
        }
    );
</script>

Code di chuyển xuống cuối trang web, blogspot 

(Nút cuộn xuống cuối trang không cần lăn chuột)

Back to bottom (js)

2021

<!-- BACK TO BOTTOM -->
<style type='text/css'>.bottombottom{position: fixed; z-index: 9999; bottom: -3px; right: -6px; padding-bottom: 0px;}</style>
<a class='bottombottom' href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' src='http://icons.iconarchive.com/icons/saki/nuoveXT-2/48/Actions-green-arrow-down-bottom-icon.png'/></a>

<!-- QDS Bottom -->
<script type='text/javascript'>
function hide_float_right() {
    var content = document.getElementById(&#39;float_content_right&#39;);
    var hide = document.getElementById(&#39;hide_float_right&#39;);
    if (content.style.display == &quot;none&quot;)
    {content.style.display = &quot;block&quot;; hide.innerHTML = &#39;<a href='javascript:hide_float_right()'>Tắt Quảng Cáo [X]</a>&#39;; }
        else { content.style.display = &quot;none&quot;; hide.innerHTML = &#39;<a href='javascript:hide_float_right()'>Xem Quảng Cáo</a>&#39;;
    }
    }
</script>

Read More

Hướng dẫn tạo website đơn giản với blogger của google từ A-Z

Xin chào tất cả mọi người, việc sở hữu một website để quảng bá là cực kỳ quan trọng,vừa tạo website có nội dung để khách hàng có thể nhớ địa chỉ để thường xuyên ghé thăm giúp cho việc buôn bán hay quảng bá của bạn được thuận lợi, song song đó việc có một địa chỉ website cũng sẽ bổ trợ cho việc : tạo website vệ tinh, tạo địa chỉ để có thể chạy facebook ads, google adword hoặc đi spam dễ dàng hơn.

Tuy nhiên một số bạn ko có am hiểu về mã nguồn sẽ khó có thể tự xây dựng hay sử dụng một website dễ dàng, vì thế hôm nay mình sẽ giới thiệu các bạn cách tạo website đơn giản với Blogger của Google

• Bước 1 : Đăng ký blogger
• Bước 2 : Thiết kế giao diện cho Blogger cho đẹp mắt
• Bước 3 : Gắn tên miền vào blogger để tạo địa chỉ ngắn gọn và dễ nhớ.
• Bước 4 : Thêm bài viết và làm các bước nâng cao như : Seo, chạy facebook ads, google adword, spam.

==> Chỉ phí cho website cá nhân chỉ tốn tiền mua 1 tên miền đẹp cho website của bạn. Tên miền nếu có khuyến mại chỉ có giá 1$ = 23,000 VNĐ, hoặc cao nhất là 184,000 VNĐ cho tên miền .Comtại Namecheap. Vì thế hãy bỏ ra số tiền nho nhỏ mua tên miền phục vụ mục đích kiếm tiền nhé.

Nói chung việc lập website bằng blogger khá đơn giản, có thế lúc đầu thấy hơi khó, nhưng nghịch vài bữa sẽ thấy dễ và thú vị lắm đó.

Nào chúng ta bắt đầu từng bước nhé.

Bước 1 : Đăng ký Blogger

Đầu tiên, bạn cần phải có 1 tài khoản Gmail. Nếu bạn chưa có thì hãy tạo một địa chỉ Gmail cực dễ tại địa chỉ :http://www.gmail.com nhé.

Sau đó, bạn truy cập và đăng nhập vào Blogger bằng tài khoản Gmail bằng đường dẫn: http://blogger.com

Tiếp theo tại giao diện Blogger, bạn chọn vào Blog Mới.

Bạn chọn tên, đường dẫn của trang Blog của bạn và mẫu Blog cơ bản. Và nhấn tạo Blog.

Sau khi quá trình tạo hoàn tất, bạn đã có thể viết bài và xem giao diện Blog của mình.

 

Như vậy, bạn đã biết cách tạo website từ Blogger của google rồi đấy. Thật đơn giản đúng không nào.

Bước 2 : Thiết kế giao diện cho Blogger cho đẹp mắt

Sau khi tạo xong thì cái website của bạn nhìn rất chán, Nói thẳng ra là không muốn nhìn luôn. Việc làm tiếp theo bây giờ là tạo cho nó một cái giao diện thật đẹp

Đầu tiên các bạn phải lựa chọn một giao diện cho Website của bạn bằng cách vào những website sau để download giao diện:

btemplates.com

deluxetemplates.net

mybloggerthemes.com

…

Trên đây đều là những webstie cung cấp giao diện blogger miễn phí và rất đẹp. Bạn có thể tìm một giao diện ưng ý cho website của mình hoặc nếu không tìm được thì có thể lên google để tìm: Blogger Template, Blogger Template cực đẹp, Free theme blogger, Theme blogger miễn phí… Thậm chí bạn có thể bỏ tiền ra mua 1 giao diện blogger cực đẹp với giá từ 3-19$ để có một giao diện Blogger hoàn hảo

*** Tiện đây mình cũng tặng luôn các bạn bộ theme mà Tekzoom.Net đang xài được mua với giá 21$. Các bạn download theo đường link sau :http://www.mediafire.com/download/lp2a1jyds3b9kej/Theme+Blogger+Sevida+-+21+Dollar.rar

Bonus thêm 1 số theme mình đã mua, tặng các bạn luôn, dùng được cái nào thì dùng :

• http://www.mediafire.com/download/pj4p511kgs339aa/FullBox+Premium.rar
• http://www.mediafire.com/download/br88jdeyddzdph3/Power+Game+Full+version.zip

===> Các bạn giải nén file, trong file có file hướng dẫn cài đặt trong đó luôn nhé, nhưng bằng Tiếng Anh, nói chung đọc cũng dễ hiểu thôi, các bạn cố gắng rèn luyện thêm kiến thức tiếng Anh cơ bản nhé. File có đuôi .xml chính là file giao diện cần cài đặt

Cách cài đặt Theme (Giao Diện) cho Blogger

Đăng nhập Blogger bằng gmail tại địa chỉ blogger.com

Nhấn zô Blog đã được tạo, chọn mục "Mẫu"

Sau khi nhấn chuột vào "Mẫu" sẽ hiện ra giao diện như hình bên dưới, bạn click chọn vào mục "Sao lưu/ Khôi phục"

 

Bạn chọn tiếp vào nút "Browse"

Chọn thư mục chứa giao diện Blogger đã tải về để chọn file giao diện. File này có đuôi .xml nhé.

Sau khi chọn được file cần tải lên bạn sẽ nhấn nút "Tải Lên". Khi đó giao diện của bạn đã được Update theo giao diện bạn tải lên nhé.

==> Còn chỉnh sửa thế nào cho đúng giao diện thì bạn xem trong file hướng dẫn của từng file theme nhé. Muốn thêm hay thay đổi cái gì tại giao diện cần có  1 chúc kiến thức về Source, bạn có thể nghiên cứu thêm tại Google, nói chung cái gì ban đầu thấy khó, mò 1 lúc là ra hết thôi, do bạn có chịu mò hay ko thôi.

Bước 3 : Gắn tên miền vào blogger để tạo địa chỉ ngắn gọn và dễ nhớ.

Nếu bạn dùng tên miền : tenban.blogspot.com theo định dạng sẵn của Blogger thì chẳng ai nhớ tên đó mà vào đâu, vì thế bạn hãy chịu khó bỏ thêm khoảng 200,000 VNĐ mua 1 tên miền về gắn vào blogger cho dễ nhớ.

Hướng dẫn cách gắn tên miền vào blogger

Bước 1: Đăng nhập blogspot của bạn

Bước 2: Vào phần cài đặt → Cơ bản → Thêm tên miền tùy chỉnh → Chuyển sang cài đặt nâng cao

Click vào thêm tên miền tùy chỉnh để trỏ tên miền riêng 

Bước 3:  điền tên miền cần trỏ (chú ý điền có cả www. mới được nhé) vào phần cài đặt nâng cao giống như ảnh dưới rồi nhấn lưu

- Sau khi nhấn Lưu ta sẽ được hình như dưới rồi làm tiếp bước 4

Bước 4: Đăng nhập vào trang quản trị tên miền mà khi mua tên miền bên bán tên miền đã cung cấp cho bạn và thực hiện các thao tác như hướng dẫn dưới ảnh dưới

Nếu bạn mua domain của Tenten thì bạn đăng nhập vào trang quản trị của tên miền bạn đang sở hữu và thực hiện thêm 02 bản ghi như blogspots hướng dẫn để chứng minh quyền sở hữu tên miền.

 

Nếu bạn mua tên miền của Godady bạn click vào đây: https://support.google.com/blogger/troubleshooter/1233381?rd=1rồi chọn GoDaddy.com. Hoặc bạn tự vào trang quản trị tên miền trên GoDaddy bạn đang sở hữu.

Click vào tên miền của bạn sẽ ra bảng quản lý domain-> click vào DNS Zone file - edit

Điền các thông số ở phần cần chú ý lúc nãy.

Bản ghi thứ nhất: 

- Tại mục Host: (đối với GoDaddy, với những hệ thống khác có thể là Name hoặc Label) bạn thêm giá trị: www 
- Tại mục Points to: (đối với GoDaddy, với những hệ thống khác có thể là Destination hoặc Target) bạn điền giá trị là: ghs.google.com 

Bản ghi thứ hai: 

- Tại mục Host: qrlhv7oknsox
- Tại mục Points to: gv-yhipcze3mn7cug.dv.googlehosted.com

Bạn xem hình bên dưới sẽ rõ những gì cần làm, khi sửa các thông tin bạn click trực tiếp vào, còn khi thêm bạn click vào Quick add. Sau đó nhấn Save --> Save zone

Bước tiếp theo, bạn chỉ việc vào blogspot và lưu domain của bạn là xong ,có thể bạn sẽ phải đợi cho DNS của domain được cập nhật. Lần tiếp theo, nếu bạn muốn tạo 1 blog khác nữa với tên miền tùy chỉnh là domain này, vd: blog.yourdomain.com , bạn chỉ cần add vào và không cần thêm: "Bản ghi thứ hai (xác minh thẩm quyền)" nữa.

Bước 5: Quay trở lại Blogspot rồi nhấn Lưu.Đợi khoảng 5 - 15 phút để hệ thống DNS cập nhật. Sau đó nhấn Lưu .Nếu đã xác thực được.

** Một số bạn có thắc mắc làm thế nào để không cần gõ thêm giá trị: www ở phía trước mà vẫn có thể sử dụng được blogger. Bạn Quay trở lại bước cài đặt các bản ghi tên miền. Hãy thiết lập thêm các bản ghi như sau (Nếu đã thiết lập rồi thì bỏ qua bước này nhé):



- Sau khi thiết lập các bản ghi này thành công. Việc cuối cùng là khai báo với blogger để hoàn tất quá trình cài đặt 

Trong phần cài đặt cơ bản tại blogger. Chọn "Chỉnh sửa" tên miền bạn cần thay đổi

 

Và đánh dấu vào mục Chuyển hướng < tên miền > ... tới < tên miền > ...

Bấm lưu lại thế là xong rồi bạn đã gắn tên miền (domain) vào blogspot rồi đấy.

Bước 4 : Thêm bài viết và làm các bước nâng cao như : Seo, chạy facebook ads, google adword, spam. 

Để viết bài cho website bạn chỉ cần nhấn nút "Bài Đăng Mới".

 Và viết bài xong nhấn nút "Xuất Bản" là được.

==> Còn các bước nâng cao như : Seo, chạy facebook ads, google adword, spam... thì bạn tìm hiểu trên google nhé!

Cuối cùng chúc các bạn dễ dàng tạo được website cho riêng mình thật là dễ dàng và ít tốn kém.

Nguồn Tekzoom.Net

Read More