Test

• Template Blogspot - Extra News - Responsive
• 5 Template Blogspot tải trang cực nhanh

Thông tin khác về Template Gaps cho Blogspot:

• Phong cách thiết kế tạp chí
• Tự động resize ảnh cho Thumbnails bài viết
• Giao diện 2 cột
• Thanh menu xổ xuống
• Bài viết phổ biến
• Vị trí đặt quảng cáo có sẵn
• Hệ thống bình luận G+ và FB
• Tối ưu hóa công cụ tìm kiếm
• Thiết kế hoàn toàn Responsive
• Hình ảnh và thông tin về tác giả bài viết
• Sidebar bên phải
• Footer 3 cột
• Có mục News Sticker
• Bài viết liên quan
• Tương thích với các trình duyệt phổ biến
• Icons chia sẻ mạng xã hội
• Thanh diều hướng trang
• Trang 404 tùy chỉnh
• Giao diện dễ sử dụng
• Sử dụng tốt nhất cho tạp chí, tin tức, trang web công nghệ, các trang web review trực tuyến
• Màu chủ đạo: Đen, xanh và trắng

• Template Blogspot - XPress News - Responsive
• Template Blogspot - Theme bán hàng BetaCommerce

Thông tin thêm về Template Breeze cho Blogspot:

• Thiết kế landing page, thanh lịch
• Tự động resize ảnh cho thumbnails
• Giao diện 2 cột
• Thanh menu xổ xuống
• Bài viết phổ biến
• Có sẵn các vị trí đặt quảng cáo
• Tối ưu hóa công cụ tìm kiếm
• Giao diện hoàn toàn responsive
• Thông tin tác giả bài viết
• Sidebar bên phải
• Footer 3 cột
• Slider bài viết liên quan cuối mỗi bài viết
• Hệ thống bình luận G+
• Tương thích với các trình duyệt phổ biến
• Icons chia sẻ mạng xã hội
• Điều hướng trang
• Hộp tìm kiếm tự động mở rộng khi trỏ chuột vào
• Trang lỗi 404 tùy chỉnh
• Theo dõi qua email
• Phù hợp nhất cho cá nhân, tiếp thị, doanh nghiệp và các trang web loại tạp chí đơn giản
• Màu sắc không giới hạn

Vậy ngoài cách đặt các đơn vị Adsense nội dung để tối ưu doanh thu thì còn cách gì khác?

Google Search Box ( Hộp tìm kiếm tùy chỉnh)

• Xem thêm: Chèn quảng cáo Adsense vào trong bài viết

Cách tạo Google Search Box để tối ưu doanh thu Adsense

• Xem thêm: Hướng dẫn tạo sitemap cho Blogspot

Làm thế nào để tối ưu các thẻ H1, H2 cho Blogspot?

class='post hentry'

<div class='post hentry' itemprop='blogPost' itemscope='itemscope'itemtype='http://schema.org/BlogPosting'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> 

<b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
      <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
      <data:post.title/>
    </b:if>
   </h3>
  </b:if>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title' itemprop='name'>

<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>

<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<b:if cond='data:post.title'>

                     <b:if cond='data:blog.pageType == &quot;index&quot;'>

    <h2 class='post-title entry-title' itemprop='name'>

     <b:if cond='data:post.link'>

       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>

     <b:else/>

        <b:if cond='data:post.url'>

<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>

<b:else/>

          <data:post.title/>

        </b:if>

     </b:if>

     </h2>

                       <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>

<h2 class='post-title entry-title' itemprop='name'>

     <b:if cond='data:post.link'>

       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>

     <b:else/>

        <b:if cond='data:post.url'>

<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>

<b:else/>

          <data:post.title/>

        </b:if>

     </b:if>

      </h2>

<b:else/>

<h1 class='post-title entry-title' itemprop='name'>

     <b:if cond='data:post.link'>

       <data:post.title/>

     <b:else/>

        <b:if cond='data:post.url'>

         <data:post.title/>

<b:else/>

          <data:post.title/>

        </b:if>

     </b:if>

      </h1>

</b:if>

                    </b:if>

Làm thế nào tạo hộp tìm kiếm cho Blogspot?

<style>
#tbg-social{ width:350px;}ul.tbg-social{margin:0;padding:0;list-style:none;-webkit-perspective: 10000px; -moz-perspective: 10000px;-o-perspective: 10000px;perspective: 10000px;}
ul.tbg-social li{display: inline-block;width: 55px; height: 50px;margin-right: -px; background: white;font: bold 36px Arial;
text-transform: uppercase;text-align: center;cursor: pointer;}
ul.tbg-social li a{display:block;width: 100%;height: 100%;color: black;text-decoration: none;outline: none;-webkit-transition:all 300ms ease-out 0.1s; -moz-transition:all 300ms ease-out 0.1s;-o-transition:all 300ms ease-out 0.1s;transition:all 300ms ease-out 0.1s;}
ul.tbg-social li a span{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 5px; display:block;width: 100%;height: 100%;-webkit-transition:all 300ms ease-out 0.1s;-moz-transition:all 300ms ease-out 0.1s;-o-transition:all 300ms ease-out 0.1s;transition:all 300ms ease-out 0.1s;}
ul.tbg-social li a img{border-width: 0;}
ul.tbg-social li:hover a{-moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);transform: rotateY(180deg);background: #cef1ff; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 0 5px #eee inset;-moz-box-shadow:0 0 5px #eee inset;box-shadow:0 0 5px #eee inset;
}ul.tbg-social li:hover a span{-moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg);transform: rotateY(90deg);}
#tbguide-searchbox { border-radius: 5px; background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRNAPeFfD2hpUr4W7KdaBP2m8931DyHRB7p770QY2t2Wk4Uyum9KHMmJni1GxV68Lf_zOC26PZzJ7_Gw82kqG92RSGM1aKagE0wSUCLa36QVBrooEgh2FkrY0DZZ5F0vqxmP9dKbF0lovB/s1600/search_box_psd_12.jpg) no-repeat scroll center center transparent; width: 290px; height: 50px; disaply: block;}
form#tbguide-searchform { display: block; padding: 7px 16px; margin: 0;}
form#tbguide-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent;}form#tbguide-searchform#sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent;}</style>
<div id="tbg-social"><center><a style="font-size:25px;" >Find Us Here </a>
</center><br />
<ul class="tbg-social"><li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8XeKfXWPqaEW9A0CdvmyuFNAYD7h-y0qfzSSsgOCBVnw2Ido3MSVx9Bp0lMa10sAvYz1sKDzR1YdSjKS0I3Sie5E1RFmtgxNFNgsJ_YZ3b8tAxvMYfR_AQSuWdscy5mapl8jmvc4txXn0/s1600/tbguide-social-buttons-facebook.jpg" title="Facebook" /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglFXi4ggJ12QguAqTlQpko1pgGlItfajdWNfYxhavWNrDZ_LYkXVNbTv_CSVKr1Mz5Nx8Fs4SzA3FFenQ_0ZczGqyBI7pFov1QDZrJqbFkiqxQkGU_noInBBBFpK3zOpicj31j6_-M_3L/s1600/tbguide-social-buttons-stumble.jpg" title="stumble" /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaTDPXV1qJ6pSs9QDs3melXWyTvWCFMs5iWgW2qe6nv-QXo-mlsKW6khpe0KFsViqe74edL3yYAhTHy6G-rMpQDEUU2QAFwGAyC84UfkSQVW3cpVOZf9mTYAXmbBMLkXVtXhBoBHXMgJRW/s1600/tbguide-social-buttons.jpg" title="twitter" /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxxOoKgiltlJMWqJbC78T2ohyphenhyphenzvzX6gtRZazaGEgsLznd7pz0et_RvQ5YkJyje3wEaA_qp-CMyWpozKx2ggc7IYeyPL59sh6vY4d35ULle1_iMTX6xmi86vkJ_vxad-_Gn42zYX9Ibiq55/s1600/tbguidesocial-buttons-google.jpg" title="Google Plus" /></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bJsS-UlPb6s4oVOW_TP3KFWXoVd3k0kRlG8CgiGbRXSf4XHABF8n_ii4L8RD8EiTJd5jGSvE5zuFMNfD5rnTgbDvCrKrG1lc_AmTmCpHfbyzk1BRYuo2Lho5Uw17onGRX1FygyasnqWl/s1600/tbguidesocial-buttons-rss.jpg" title="Add RSS Feed" /></a></li>
</ul><div id="tbguide-searchbox"><form action="/search" id="tbguide-searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;&quot;Search..;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="" />
<input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" /> </form></div></div>

Thông tin khác về template Proxima cho Blogspot:

• Thiết kế phong cách Gallery và Danh mục
• Tự động lấy ảnh làm ảnh đại diện cho bài việt
• Giao diện 2 cột
• Thanh menu xổ xuống
• Bài viết mới nhất với slider dạng zoom ảnh
• Vị trí đặt banner quảng cáo có sẵn
• Tối ưu hóa công cụ tìm kiếm
• Giao diện hoàn toàn responsive
• Thông tin tác giả 
• Sidebar bên phải
• Footer 3 cột
• Có News Ticker
• Bài viết liên quan
• Hệ thống bình luận Blogger
• Tương thích với các trình duyệt phổ biến
• Button theo dõi và các icon chia sẻ lên mạng xã hội 
• Thanh điều hướng trang
• Hộp tìm kiếm
• Bài viết phổ biến, Nhãn và Lưu trữ bên thanh Sidebar!
• Trang lỗi 404 tùy chỉnh

• Xem thêm: Template Bright - Responsive - phong cách tạp chí cho Blogspot

• Đẹp và giao diện tối giản
• Thiết kế responsive hoàn toàn
• Thích hợp cho các blog cá nhân
• Bài viết mới nhất trên thanh sidebar
• Giao diện 2 cột
• Hộp tìm kiếm
• Footer 3 cột
• Tối ưu hóa công cụ tìm kiếm
• Thông tin về tác giả trên thanh sidebar
• Bài viết liên quan
• Tương thích với các trình duyệt được phổ biến
• Các button chia sẻ mạng xã hội
• Khu vực đặt quảng cáo có sẵn
• Thông tin tác giả dưới mỗi bài viết
• Thanh menu xổ xuống responsive
• Widget Instagram ở sidebar
• Hệ thống bình luận G+
• Màu chủ đạo: Màu xám, vàng và trắng

• Xem thêm: Tạo thanh menu ngang hiệu ứng 3D cho Blogspot

Làm thế nào thêm ngày tháng vào cạnh bài viết Blogspot?

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

<div id='Date'>
<script>changeDate(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='Date'>
<script>changeDate(&#39;&#39;);</script>

</div> 

 <script type='text/javascript'>
//<![CDATA[
var DateCalendar;
function changeDate(d){
if (d == "") {
d = DateCalendar;
}
var da = d.split(' ');
day = "<strong class='date_day'>"+da[0]+"</strong>";
month = "<strong class='date_month'>"+da[1].slice(0,3)+"</strong>";
year = "<strong class='date_year'>"+da[2]+"</strong>";
document.write(month+day+year);
DateCalendar = d;
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Calendar style date
----------------------------------------------- */
#Date {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcPNw_BZzepyaHdKzhPU03bPSPyexqTN_y_9Ei-K6xvca6R01D-LVMP_QE0MD4ocgtxpIo8kFV9eRw-_u7FNqArFPAJFZeLWnC39SdaB7-kCBZjBTQRL1iLtXnfmcDnphZ4L0JPKoACsj/s1600/calendar07.png) no-repeat;
display: block;
width:60px;
height:60px;
float: left;
margin: 15px 2px -40px -108px;
padding: 0 0 8px 0px;
border: 0;
text-transform: uppercase;
}
.date_month {
display: block;
font-size: 15px;
font-weight:bold;
margin-top:-1px;
text-align:center;
color:#ffffff; /* Month's color */
}
.date_day {
display: block;
font-size: 28px;
font-weight:bold;
margin-top:-8px;
text-align:center;
color:#282828; /* Day's color */
}
.date_year {
display: block;
font-size: 10px;
margin-top:-8px;
text-align:center;
color:#282828; /* Year's color */
}
</style>
</b:if>