[Share] - Templates 2tinvn.com full mobi

Chào các bạn hôm nay chia sẻ cho các bạn một templates tin tức chuẩn seo full mobi đã check với  GOOGLE Mobile-Friendly Test, hoàn toàn thân thiện với thiết bị di động nhé. Templates này thì cũng được share nhiều trên mạng rồi nhưng giao diện mobi cho blogspot này không đẹp bằng của mình.

Giao diện desktop của nó thì chắc ai cũng biết cả rồi mình không giới thiệu nữa, dưới đây là hình ảnh demo giao diện mobi của templates blogpsot tin tức này.

DEMO - DOWNLOAD

[Vip2] - Templates Blogspot Bất Động Sản Full Mobi

Chào các bạn do nhu cầu việc làm nên có rất nhiều bạn hỏi mua mình templates blogspot bất động sản cho nên hôm nay Khám Phá Blog's gởi đến quý khách hàng thân thiết gần xa một mẫu templates blogspot bất động sản full giao diện mobi chuẩn seo 100%.
Khi mua hàng tại Khám Phá Blog's các bạn được miễn phí 100% phí cài đặt ban đầu và được hướng dẫn tận tình cách quản lý cũng như đăng bài cho đến hoàn thiện.
Demo : Desktop

Demo : Mobi

DEMO DESKTOP - MOBI - Liên Hệ Mua

[demo]http://hungthinhland-hd.blogspot.com/[/demo]

[Tips] - Tối ưu css và js cho blogspot

Trong việc seo blogspot thì tối ưu css và js là một điều khá cần thiết cho một blogger. Trong cộng đồng blogger việc nam ít có ai viết bài hướng dẫn về vấn đề này, nay Khám Phá Blog mạng phép viết bài này chia sẻ cho các bạn tăng tốc blogspot bằng cách tối ưu css và js.

Hướng dẫn tối ưu css và js tăng tốc cho blogspot.

Để tối ưu được css và js cũng là một điều khá đơn giản và ai cũng có thể làm được nhưng không được nhiều người chú ý đến.

Vậy tối ưu bằng cách nào?

Mình lấy ví dụ như các bạn có một slider ảnh chỉ hiện ở trang chủ và không hiện ở những trang khác thì khi chúng ta tối ưu thì chúng ta cho tất cả css và js của slider này chỉ hiển thị ở trang chủ, còn bình thường thì các bạn để nó hiển thị ở tất cả các trang làm tốc độ load trang của các trang còn lại giảm đi khá đáng kể.

Và dưới đây là một số mẫu các bạn có thể áp dụng

1. Chỉ hiển thị ở trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
Css ở đây
</style>
<script type='text/javascript'>
//<![CDATA[
JS nằm ở đây
//]]>
</script>
</b:if>

Sử dụng đoạn code trên thì tất cả css và js nằm trong này chỉ hiển thị ở trang chủ nhé các bạn.

2. Chỉ hiển thị ở trang bài viết

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
Css ở đây
</style>
<script type='text/javascript'>
//<![CDATA[
JS nằm ở đây
//]]>
</script>
</b:if>

3. Không hiển thị ở trang chủ và hiển thị ở các trang còn lại

 <b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
Css ở đây
</style>
<script type='text/javascript'>
//<![CDATA[
JS nằm ở đây
//]]>
</script>
</b:if>

Xêm thêm : Cách ẩn hiện widget bất kỳ cho blogspot 

Đây là một cách mà Khám Phá Blog khuyên các bạn nên dùng nếu các bạn có ý định seo cho blogspot của mình, các bạn sẽ thấy hiệu quả rõ rệt sau khi tối ưu bằng kết quả tìm kiếm của blog các bạn trên google. Chúc các bạn thành công.

[Tips] - 3 bước để tạo đánh giá 5 sao cho bài viết Blogspot

Bạn là blogger muốn cho blogspot của mình chuyên nghiệp hơn với tính nắng đánh giá 5 sao khi thấy bài viết hay giống như cái website đây là một chức năng đánh giá rất chuyên nghiệp được những website lớn hay dùng.

Cách thêm đánh giá 5 sao chuyên nghiệp cho bài viết blogspot

Để làm việc này khá đơn giản các bạn làm theo các bước sau :

Bước 1 : Truy cập vào địa chỉ http://graddit.com/ratings-widget
Bước 2 : Chọn như hình

• 1 chọn mẫu bạn thích
• 2 tích vào chữ Blogger
• 3 lấy code

Bước 3 : Bây giờ bạn dán code này vào nơi mà bạn cần hiển thị mà thôi. Chúc các bạn thành công nhé.

[Tips] - Thẻ điều kiện trong blogspot là gì?

Chào các bạn có rất nhiều bạn liên hệ với mình và hỏi rằng thẻ điều kiện trong blogspot là gì? thẻ điều kiện dùng để làm gì? và nó có tác dụng ra sao trong blogspot.

Nhân đây thì mình cũng viết một bài giới thiệu cho các bạn cách áp dụng thẻ điều kiện cho blogpsot. Mình nghĩ hai chữ điều kiện cũng đã nói lên được phần nào về công dụng của nó.

Thẻ điều kiện trong blogspot giúp các bạn tối ưu seo blogspot rất nhiều. Mình lấy ví dụ cho các bạn dễ hiểu, các bạn để ý lên logo của Khám Phá Blog's thì các bạn thấy rằng ở trang chủ thì logo này nằm trong thẻ <h1> còn ở các trang khác thì logo nằm trong thẻ <h2>. Và đó cũng chính là công dụng của thẻ điều kiện.

Cùng một vị trí nhưng ở trang này nó có nội dung này mà ở trang khác nó lại có nội dung khác đó là công dụng của thẻ điều kiện.

Vậy làm sao để sử dụng thẻ điều kiện cho blogspot

Nhân đây thì mình cũng giới thiệu cho các bạn một số loại thẻ điều kiện

1. Thẻ điều kiện dành cho trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Phần này chỉ hiện ở trang chủ
<b:else/>
Phần này hiển thị ở các trang còn lại
</b:if>

2. Thẻ điều kiện dành cho trang nhãn

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/search/label/Tennhan"'>
Phần này chỉ hiện ở trang nhãn đã chọn
<b:else/>
Phần này hiển thị ở các nhãn còn lại
</b:if>

3. Thẻ điều kiện dành cho trang bài viết 

<b:if cond='data:blog.pageType == "item"'>
Phần này chỉ hiện ở trang bài viết
<b:else/>
Phần này hiển thị ở các trang còn lại
</b:if>

Xem thêm : Cách ẩn hiện các widget trên blogspot 
Kết luận : Thẻ điều kiện rất có lợi cho blogspot nhằm tối ưu css và javascript giữa các trang nhằm giúp blogspot bạn load nhanh hơn và đồng nghĩa với việc cũng seo tốt hơn.

[Tips] - Hướng dẫn tạo Author Box cho blogspot

Author Box là hộp mô tả nằm ở dưới hoặc trên bài viết dùng để tóm tắt nội dung bài viết hoặc có thể dùng để giới thiệu về tác giả rất chuyên nghiệp và cũng giúp cho người đọc hiểu hơn về bài viết cũng như biết rõ thông tin về tác giả hơn.

Thêm Author box vào blogspot

Bài viết này mình sẽ giới thiệu cho các bạn hai loại author box, một thích hợp tóm tắt bài viết và một thích hợp làm giới thiệu thông tin tác giả, và mình sẽ hướng dẫn các bạn đặt author box ở cuối bài viết trên blogspot.

1. Author box tóm tắt bài viết

Để thêm box này vào blog trước tiên bạn đăng nhập vào templates blogspot tìm đến đoạn code

<div class='post-footer-line post-footer-line-1'>

Thêm toàn bộ code sau ngay bên dưới nó

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
<!--athaubox-->
.author-box{background:#CFCFCF;width:570px border:1px dashed #999; margin-top:20px; overflow:hidden; padding:10px; border: 5px dashed #999;}
.avatar-author{border:1px solid #888; float:left; padding:5px}
.info-author{float:right; width:570px} .info-author h2{font-size:20px}
.info-author h2 {
margin-top: 0;
font-size: 18px;
border-top: 1px dashed #0080FF;
border-bottom: 1px dashed #0080FF;
font-weight: 700;
padding: 5px;
}
</style>
<div class='author-box'>
<img class='avatar-author' expr:alt='data:blog.pageName' expr:src='data:blog.postImageThumbnailUrl' expr:title='data:blog.pageName' height='80' width='80'/>
<div class='info-author'><h2 style='color:#256EAD;'><data:blog.pageName/></h2>
<p>Bạn đang xem <b style='font-size: 14px;'><data:blog.pageName/></b> tại <b>Khám Phá Blog's. </b>
Đừng quên nhấn <span style='font-weight: bold;color: red;font-size: 18px;'>LIKE </span> và <span style='font-weight: bold;color: red;font-size: 18px;'>Chia Sẻ </span> để ủng hộ Khám Phá Blog's nếu bài viết có ích !
<br/>Hiện tại mình có nhận <b>Rip - Chỉnh Sửa - Thiết Kế Template Blogspot</b> Nếu bạn có nhu cầu và muốn cộng tác liên hệ với mình qua mail: <b>admin@khamphablog.com</b>
</p>
</div></div>
</b:if>

2. Author box giới thiệu tác giả

Tương tự như author box trên bạn thêm đoạn code sau

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
<!--athaubox-->
.author-box { background: #28282E; color: #FFFFFF; margin: 20px 0 30px 0; padding: 10px; overflow: auto; -webkit-border-radius: 4px; border-radius: 4px; border-right: #929292 solid 3px; border-bottom: #929292 solid 4px; box-shadow:inset 20px 0px 20px 0px #111; -moz-box-shadow:inset 20px 0px 20px 0px #111; -webkit-box-shadow:inset 20px 0px 20px 0px #111; } .author-box p { margin: 0; padding: 0; } .author-box img { background: #FFFFFF; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #E6E6E6; }
</style>
<div class='author-box'> <p><img alt='YOUR NAME' height='70' src='YOUR IMAGES URL' width='70'/><b>About Me</b><br/>YOUR PROFILE DESCRIPTIONS<br/>Follow : | <a href='URL OF YOUR GOOGLE PLUS PROFILE' rel='author'><b>Google profile</b></a> | <a href='http://facebook.com/wisnu.doubleu' target='blank'><b>Facebook</b></a> | <a href='http://twitter.com/vadanium' target='blank'><b>Twitter</b></a><br/></p> </div> </b:if>

Bình thường là css nằm trong thẻ ]]></b:skin> nhưng mình giúp các bạn tối ưu luôn là css chỉ hiện ở trang bài viết chứ không hiện ở những trang khác, giúp phần nào đó tăng tốc blogspot cho các bạn. 

[Vip1] - Giao diện blogspot bán hàng chuyên nghiệp

Nói đến templates blogspot bán hàng thì đây là mẫu hội tụ được tinh hoa của tất cả các mẫu, với phong cách đẹp chuyên nghiệp, đầy đủ tính năng của một website thực thụ, miễn phí hoàn toàn hosting. Chỉ với giá vài trăm ngàn bạn đã sở hữu một giao diện blogspot đẹp đầy đủ tính năng, không phải lo về việc gia hạng hosting về sau. Rất thích hợp cho các bạn ít chi phí.

-Demo : Templates blogspot bán hàng chuyên nghiệp

- Mã Nguồn : Blogger / Blogspot

- Rip bởi : Khám Phá Blog's

- Giá : 500.000VNĐ
- Hotline : 0967 84 99 34

- Mail :admin@khamphablog.com
[demo]http://nbloggerthemerip.blogspot.com/[/demo]