Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia
Showing posts with label Thiết Kế. Show all posts
Showing posts with label Thiết Kế. Show all posts

Wednesday, November 19, 2014

[Tips] - Chèn quảng cáo vào nội dung bài viết Blogger Blogspot P.1

by
Vị trí chèn quảng cáo Adsense vàobài đăng blogspot
Làm sao để chèn quảng cáo Google vào bài viết & nội dung của Blogger/Blogspot? Làm sao để chèn quảng cáo ở đầu bài viết? chèn quảng cáo ở giữa bài viết, cuối bài viết hay thậm chí là một bên bài viết trong blogger? Bài viết sau đây sẽ hướng dẫn các bạn cách chèn mã quảng cáo của Google Adsense vào Blogger, cách này cũng áp dụng với một số quảng cáo khác như: Adnet.vn, Bidvertiser...
Nếu ai chưa có tài khoản Google Adsense để kiếm tiền, hãy tham khảo các bài viết để đăng ký tài khoản kiếm tiền bằng quảng cáo Google Adsense thông qua Website, Blogspot & Youtube.

[Tips] - Chèn quảng cáo vào bên trong bài viết trên Blogspot Blogger P.2

by
Chèn quảng cáo vào bên trong bài viết trên Blogspot
Làm sao để Chèn quảng cáo vào bên trong bài viết trên Blogspot Blogger? Hiện bạn đang có một trang blog được thiết kế trên nền tảng của Blogger và muốn kiếm tiền từ các quảng cáo bạn đặt trên blog của mình. Trên blog có rất nhiều vị trí để bạn có thể đặt code quảng cáo, tuy nhiên để đặt quảng cáo vào giữa các bài viết trên blog thì không phải ai cũng biết.
  1. [Tips] - Chèn quảng cáo vào nội dung bài viết Blogger Blogspot ở nhiều vị trí khác nhau
  2. Đăng ký Google Adsense cho Youtube - Hướng dẫn chi tiết
  3. Cách đăng ký Google AdSense cho Blogspot Blogger
  4. Bí kíp đăng ký tài khoản Google Adsense thành công không phải ai cũng biết?
Bài viết này mình xin chia sẻ lại thủ thuật mà Fandung đã có giới thiệu để giúp bạn có thể đặt code quảng cáo vào giữa nội dung hay vị trí bất kì bạn muốn trong bài viết trên blogspot. Ở vị trí đầu hay cuối bài viết thì chèn đơn giản và các bạn có thể đã biết, bài viết này mình chỉ tập trung chèn quảng cáo vào một vị trí bất kì mà bạn muốn trong bài viết của bạn.

Chống copy nội dung bài viết và click chuột phải trên Blogspot

by
Chống Copy, Pate và Click chuột phải trên Blogspot
Bạn không muốn cho người khác copy nội dung bài viết của bạn trên internet nhưng vẫn muốn chia sẻ một nội dung đó với mọi người thông qua mạng internet. Bài viết này sẽ hướng dẫn các bạn cách để chống mọi hành vi muốn sao chéo nội dung bài viết trên website của bạn thông qua việc chống quét khối (bôi đen) văn bản, chống click và vô hiệu hóa các tùy chọn trên menu chuột phải để chọn các tùy chọn như copy hay xem mã nguồn.

Saturday, November 15, 2014

[Tips] - Tạo số đếm cho Popular Posts / Bài viết phổ biến trong Blogspot Blogger

by
Có nhiều bạn vừa hỏi Terocket làm sao để Tạo số đếm cho Popular Posts / Bài viết phổ biến trong Blogspot Blogger? Việc tạo số đếm này thực ra rất đơn giản, nên hôm nay Terocket sẽ hướng dẫn cho các bạn thắc mắc và các bạn khác nếu có yêu cầu thì cũng sử dụng được.

[Tips] - Tạo số đếm cho Popular Posts / Bài viết phổ biến trong Blogspot Blogger
Một mẫu tạo số đếm cực kỳ đẹp mắt dành cho tất cả mọi người!

[Tips] - Bộ nút Share Buttons hiệu ứng tự động hiện ở dưới lên cho Blogspot Blogger

by
Tiếp tục với những chuỗi thủ thuật blog hay cùng Terocket, hôm nay chúng tớ sẽ hướng dẫn cả nhà cách để tạo một Bộ nút Share Buttons hiệu ứng tự động hiện ở dưới lên cho Blogspot Blogger, với thủ thuật blog tạo nút buttons share này thì hiệu ứng cực kỳ đẹp mắt, nó sẽ tự động hiện lên ở dưới màn hình khi chúng ta lăn xuống xem trang. Với việc này, gây ấn tượng mạnh mẽ với người đọc, làm họ có cảm giác kích thích và muốn share ngay lập tức.

Tiện ích này chỉ hoạt động với bài viết dài

Các widget có chứa bốn nút chia sẻ xã hội gồm Facebook, Twitter, Google+, LinkedIn. Và có một nút đóng X khi người dùng không muốn nó xuất hiện nữa. Rất tiện dụng với Bộ nút Share Buttons hiệu ứng tự động hiện ở dưới lên cho Blogspot Blogger này đúng không nào. Trước đây thì Terocket đã cho ra nhiều thủ thuật blog khác cực kỳ hay liên quan đến nút share buttons này rồi, các bạn có thể xem list ở cuối  bài viết nha.

Nút share buttons này sẽ tự động hiện lên khi ta lăn trang xuống.

Friday, November 14, 2014

[Tips] - Cách để SEO Label & google index nhãn Label cho Blogger Blogspot

by
Thiết kế Website với blogger blogspot hay còn gọi là Thiết kế Blog và SEO với nó là điều tuyệt vời rồi, thực sự khó có mã nguồn nào cạnh tranh lại nổi với Blogger ở thời điểm hiện tại. Blogger Blogspot của Google có tất cả mọi thứ hỗ trợ bạn, bạn có thể thiết kế một website tin tức, bán hàng, video, mạng xã hội trên đó. Tất cả mọi thứ vượt ngoài sự mong đợi của bạn.

[Tips] - Cách để SEO & google index Nhãn Label cho Blogger Blogspot
[Tips] - Cách để SEO & google index Nhãn Label cho Blogger Blogspot

[Tips] - 3 bước để Backup dữ liệu của Blogger Blogspot

by
Hôm nay Terocket sẽ cho bạn biết một thủ thuật blog làm thế nào bạn có thể dễ dàng sao lưu blog blogger của bạn, với 3 cách khác nhau. Sao lưu một blog là điều mà bất cứ blogger nào cũng phải thực hiện. Mặc dù Blogger là thuộc sở hữu của Google và là một trong những nền tảng an toàn nhất và không thể bị tấn công một cách dễ dàng, nhưng chúng ta không thể đảm bảo rằng nó hoàn toàn an toàn...ví dụ nếu chúng ta mất email và mật khẩu Gmail, và không cài xác minh 2 bước, thì điều tồi tệ có thể sẽ xảy ra.

Một blogger phải sao lưu blog của mình định kỳ và để làm công việc này dễ dàng hơn, tôi sẽ chỉ cho các bạn 3 cách khác nhau để sao lưu blogger của mình.

Phương pháp sao lưu 1 - Phương pháp truyền thống

Cách đơn giản nhất để sao lưu nội dung của blogger của bạn chính là sử dụng phương pháp này, để thực hiện phương pháp này các bạn chỉ cần vào Blogger -> Cài đặt -> Khác -> Công cụ Blog -> Xuất Blog -> Tải xuống Blog. Chọn thư mục và tải xuống là xong. Đây là phương pháp đơn giản nhất và nhiều người thường dùng nhất.
[Tips] - 3 bước để Backup dữ liệu của Blogger Blogspot
Đây là phương pháp sao lưu blogger phổ biến nhất hiện nay!

Phương pháp sao lưu 2 - Tải dữ liệu từ Google Dashboard

Đây có lẽ là phương pháp dễ nhất để sao lưu tất cả các mẫu và các bài viết chỉ với vài cú nhấp chuột trong blog của bạn. Vì vậy, để thực hiện sao lưu từ phương pháp này bạn cần làm theo các bước dưới đây.

Wednesday, November 05, 2014

[Tool] - Tạo sitemap sơ đồ trang web cho Blogger Blogspot

by
Terocket sẽ hướng dẫn các bạn cách tạo Sitemap hay sơ đồ trang cho blogger blogspot một cách nhanh nhất, với bộ công cụ chuyên nghiệp nhất từ trước đến nay dành cho Blogger Blogspot. Với công cụ Tạo sitemap sơ đồ trang web cho Blogger Blogspot mà Terocket sắp cung cấp ở dưới đây, bạn sẽ dễ dàng tạo sitemap sơ đồ trang cho website blogspot của mình. Giúp website chuẩn SEO, dễ lên TOP và phát triển bền vững hơn.

[Tool] - Tạo sitemap sơ đồ trang web cho Blogger Blogspot chuẩn SEO đến từ Terocket

Monday, November 03, 2014

[Tips] - Bộ sưu tập ảnh & quà tặng hiệu ứng đẹp cho Blogger V1

by
Hôm nay Terocket sẽ hướng dẫn cả nhà một thủ thuật mới, thực sự không biết phải đặt tên nó là gì và đặt như thế nào, nên đặt tạm tên nó là Bộ sưu tập ảnh & quà tặng hiệu ứng đẹp mới nhất cho Blogger V1. 

Đây là tiện ích rất phù hợp cho các bạn là bộ sưu tập hình ảnh trong website của mình, hoặc làm một mục quà tặng, thú nhồi bông cho blogspot. Rất đẹp mắt với các tiện ích cực kỳ đẹp và ấn tượng. Tiện ích Bộ sưu tập ảnh & quà tặng hiệu ứng đẹp cho Blogger V1 này có thể chuyển động, xoay một góc 90 độ và hiển thị chữ lên rất ok.

Bộ sưu tập ảnh & quà tặng hiệu ứng đẹp cho Blogger V1 rất phù hợp và cần thiết cho nhiều bạn làm blog đó nhé!

Saturday, November 01, 2014

[Tips] - Thiết kế trang loading chờ tải trang cho Blogger P.1

by
Giờ Terocket sẽ giới thiệu tiện ích Thiết kế trang loading chờ tải trang cho Blogger.Đây là tiện ích mà khi người dùng tải trang thì sẽ hiện ta tiện ích loading chờ, giúp website được chuyên nghiệp hơn, giống như cái hiệu ứng chuyển đổi từ trang này qua trang khác vậy. 

[Tips] - Thiết kế trang loading chờ tải trang cho Blogger
Bạn có muốn có một trang loading page thật đẹp và chuyên nghiệp không?

[Tips] - Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger V1

by
[Tips] - Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger
Bạn có muốn có một tiện ích theo dõi và mạng xã hội thế này ở chân bài viết blogger không?

Terocket sẽ tiếp tục hướng dẫn các bạn các thủ thuật thiết kế một tiện ích theo dõi bài viết qua email, biến thể có thêm theo dõi qua nút tương tác mạng xã hội. Với tiện ích Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger này, thì Terocket đã thay đổi sao cho phù hợp với các thiết kế dành cho mobile, có nghĩa chính là thiết kế responsive đáp ứng. Hoàn toàn chuẩn SEO và có lợi cho công cụ tìm kiếm.

Live Demo

Cách thức thực hiện Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger mà Terocket sẽ hướng dẫn sau đây:


Bước 1 - Chèn đoạn code vào trong mẫu của bạn. Trước hết hãy vào Blog Title → Template → Edit HTML. Nhấn Ctrl. + F và tìm kiếm <data:post.body/> . Sau đó hãy thay thế đoạn code vào sau <data:post.body/> nhé. Bạn phải nhớ rằng, có đến tận 2-4 cái <data:post.body/> ở trong mẫu của bạn. Bạn phải dự đoán nó và thay thế vào, nếu không hiệu ở đoạn này, hãy thay thế vào <data:post.body/> ở đoạn khác nhé.

<section class="newsletter">
<h2>
Tired of checking for new posts ?
</h2>
<div id="form-newsletter">
<div class="social facebook">
<a href="https://www.facebook.com/Terocket" target="_blank">
      <img src="http://1.bp.blogspot.com/-HiD7bFwl-fM/U3nB1ozGbKI/AAAAAAAACb0/5_nqyCGPN8Q/s1600/nl-facebook@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box fb-like" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTerocket&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US" style="border: none; height: 21px; overflow: hidden; width: 90px;">
    </iframe>
  </div>
<div class="social twitter">
<a href="https://twitter.com/AllBloggerTrick" target="_blank">
      <img src="http://2.bp.blogspot.com/-NPqgpxxxV1s/U3nB1GvOtwI/AAAAAAAACbw/CmH7ymTRpR4/s1600/nl-twitter@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box twitter-follow-button twitter-follow-button" data-twttr-rendered="true" frameborder="0" id="twitter-widget-0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=AllBloggerTrick&amp;show_count=false&amp;show_screen_name=false&amp;size=m" style="height: 20px; width: 60px;" title="Twitter Follow Button">
    </iframe>
    <script>
      !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;
        if(!d.getElementById(id)){
          js=d.createElement(s);
          js.id=id;
          js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
    </script>
  </div>
<div class="newsletter-form">
<fieldset>
<h2>
       Get all posts directly in your mail.
      </h2>
<div class="fields">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Terocket', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" id="email" name="email" onblur="ifundefinedthis.value=='')this.value=this.defaultValue;" onfocus="ifundefinedthis.value==this.defaultValue)this.value='';" type="text" value="Enter Your Email here.." />
          <input name="uri" type="hidden" value="Terocket" />
          <input name="loc" type="hidden" value="en_US" />
          <input class="subscribe" name="commit" type="submit" value="Subscribe" />
        </form>
</div>
</fieldset>
</div>
</div>
</section>
<style>
.newsletter{text-align:center;margin:20px 0;}
.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.newsletter:before,.newsletter:after{content:&quot; &quot;;display:table}
.newsletter:after{clear:both}
.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.newsletter .social a:hover img{transform:scale(1.1)}
.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
.newsletter .social .social-box.fb-like{margin-left:-45px}
.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.newsletter .newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
</style>
<script type="text/JavaScript">
fontsize = function () {
    var abtSubs = $(".newsletter #form-newsletter").width() * 0.025; // 10% of container width
    $(".newsletter .newsletter-form fieldset h2").css('font-size', abtSubs);
};
$(window).resize(fontsize);
$(document).ready(fontsize);
</script>

***Bạn có thấy các chữ màu đỏ Terocket không? Hãy thay thế vào của bạn tương ứng nhé. Trong tiện ích này có sử dụng Feedbuner đó, nếu bạn không biết hãy vào cách Đăng ký và cài đặt Feedburner Atom cho Blogspot mà Terocket cung cấp để tạo cho mình một cái Feed nha!

Xong rồi, chúc bạn thành công với tiện ích Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger mà Terocket giới thiệu nhé. Nếu có gì thắc mắc và không hiểu, hãy gửi một câu hỏi ở phần bình luận, Terocket sẽ trả lời bạn nhé!
An Thành Adthinks - Terocket

[Tips] - Thủ thuật chia bài viết thành nhiều trang cho Blogger V1

by
Hôm nay Terocket sẽ chia sẽ với các bạn mê thủ thuật blog còn gọi là "Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1", đặc biệt là mê thủ thuật blogger cách để chia một bài viết thành nhiều trang, giống như của Masable, hay các blog công nghệ khác vậy.

Chia nhỏ bài viết thành nhiều phần, phù hợp với một trang đọc truyện hoặc một trang xem phim cả nhà nhé. Terocket sẽ hướng dẫn cách thiết kế trang đọc truyện hay cho cả nhà và trang xem phim bằng blogspot cho cả nhà nhé!

Điểm ưu của Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 đó là rất tiện dụng trong việc biến thành và chia phần tuyển tập truyện trên cùng một trang, một nơi xem phim và chia phần phim trên đó, chia phần ca nhạc nữa...đặc biệt hơn, có thể chia các nội dung dài thành các đoạn ngắn, giúp các bạn nhà ta dễ dàng hơn trong việc đọc và theo dõi nội dung. Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 thật thú vị và tiện ích đúng không nào ^^!

>>[Tips] - Nút buttons động bằng CSS3 cho Blogger V1
>>[Tips] - Popular Posts / Bài đăng phổ biến hiện đại & hiệu ứng đẹp tùy chỉnh cho Blogger V1

Giờ thì cùng Terocket thiết kế Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 nhé các bạn mê blogger và mê thủ thuật nhé.

Live Demo

Bước 1 - Để thực hiện, trước tiên bạn vào Blog Title → Template → Edit HTML. Nhấn Ctrl + F và tìm kiếm ]]></b:skin> trong hộp tìm kiếm. Sau đó hãy dán đoạn mã code dưới đây vào phía sau ]]></b:skin> bạn nhé. Sau đó lưu lại.

<b:if cond='data:blog.pageType != &quot;index&quot;'> <style>
.post-pagination {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script></b:if>

Bước 2 - Vào phần bài viết, chỉnh qua chức năng HTML và copy phần code sau vào nhé, và thay đổi tùy biến nội dung cho phù hợp. Nếu bạn muốn có nhiều trang hơn thì nhân rộng ra thôi, thêm trang 4,5,6...rất dễ dàng.

<div class="content_1">
Nội dung trang 1
</div>
<div class="content_2" style="display: none;">
Nội dung trang 2
</div>
<div class="content_3" style="display: none;">
Nội dung trang 3
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

Bước 3 - Bước này cần chú ý đó copy đoạn mã javascript sau vào phía dưới <head> trong phần Blog Title → Template → Edit HTML. Nhấn Ctrl + F tìm <head>. Đặt phía dưới nó nhé! Còn nếu có rồi thì không cần đặt nha. Rồi lưu lại!

<script src = "//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"> </script>

Bước 4 - Kết luận của Terocket là chúc các bạn thành công với thủ thuật này,Thủ thuật chia bài viết thành nhiều trang cho Blogger V1!
An Thành Adthinks - Terocket