Blospot là một mã nguồn đóng, cho nên dù muốn hay không bạn cũng có thể phải sử dụng css mặc định của nó nếu bạn không khai báo thêm.

Thủ thuật này sẻ giúp bạn loại bỏ hoàn toàn css mặc định của blogspot. Giúp bạn design một site mới tinh không bị ảnh hưởng bất kỳ thuộc tính HTML + CSS nào đã có sẵn.

Rất đơn giản bạn thay

<b:skin>
<![CDATA[
/* nội dung css trong đây như mặc định*/
]]>
</b:skin>

Sửa thành:

<b:skin><![CDATA[ ]]></b:skin>
<style id='page-skin-1' type='text/css'>
<!--
Tất cả nội dung css mặc định như ở trên được bỏ vào đây hoặc bạn viết css mới cho riêng bạn
-->
</style>

Tuy nhiên có một điều lưu ý rằng, nếu bạn không đảm bảo được tất cả css mình tự viết ra sẽ khiến sire blogspot của bạn hoạt động đúng thì không nên áp dụng. Mặc định css blogspot cực nhiều để đảm bảo nó hoạt động tốt dù bạn không css tý nào.
Thường áp dụng thủ thuật này vào mục đính tạo trang blog không theo các truyền thống như dùng làm demo HTML CSS JAVASCRIPT hay một thứ gì đó mà các bài viết độc lập với nhau, không liên quan nhau....
Để áp dụng triệt được để thủ thuật này bạn phải áp dụng cùng thủ thuật ẩn 2 file css mặc định blogger đã giới thiệu trong bài trước.

thao trinh

http://web.bendoi.vn/2013/08/blogger-thu-thuat-loai-bo-hoan-toan-css.html

Some people asked me for showing Picasa albums in a page of Blogspot, and in my latest template that made for customer, he requested the same. So in this post, I will show you the way to embed Picasa Gallery in Blogger by using Jquery Picasa Gallery. This plugin is writen by Alan Hamlett at http://ahamlett.com .

Demo

1,Go to this website: http://ahamlett.com/jQuery-Picasa-Gallery/ Download the zip or tar file. Then extract them. You will see files :
jquery.picasagallery.css
jquery.picasagallery.js
and a document name Fancy box.

2,If you have a private hosting, you can host files above in your own host.

3, If you do no own a hosting ,you can embed scripts and css into template file by using tips in this post :Unlimited hosting for blogger

4, Open template file, then add lines as bellow :

<link href="your_host/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="your_host/jquery.picasagallery.css" rel="stylesheet" type="text/css" media="screen" />
<link href="your_host/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="your_host/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="your_host/jquery.fancybox-thumbs.js" type="text/javascript"></script>
<script src="your_host/jquery.picasagallery.js" type="text/javascript"></script>

Replace link in code above with url to files in your host.
If you have no hosting and follow step3, you can skip this step.

5, Save template file and upload to your host.

6, Go to Blogger Dashboard -> Create a pages . You can name it whatever you want . In my case, I choose "photo gallery"

7, In editor window , choose HTML mode ,then add the code bellow into content :

<script type="text/javascript">
$(document).ready(function() { $('.picasagallery').picasagallery({'username':'alan.hamlett'}); } );
</script>Replace alan.hamlett in code above with your Picasa username . Save page and back to your blog to see result. When you click on photo gallery page ,you will see all public albums in picasa will be shown , you can click on each album and view the image with effect from FancyBox.

That's all. Hope this tip helpful to you.

Thanks Dinh Quang Huy

Giao diện chỉ phù hợp với trang chủ (home)
Link:
http://btemplates.com/2012/blogger-template-my-blue-construction/
http://btemplates.com/2012/blogger-template-my-blue-construction/demo/

Thanks  btemplates.com

Link:
http://btemplates.com/2012/blogger-template-blue-one-coloumn/demo/
http://btemplates.com/2012/blogger-template-blue-one-coloumn/

Thanks btemplates.com

This rounded style template with a nice header image of earth from space is called Daya Earth. It’s originally based off the Rounders Blogger template but evolved into this earth version. It’s got 3 columns so plenty of room to put your page elements or advertisements.

Original design by Abdul Munir but the modified header was done by yours truly.
Revision History

Update 5/2/08 – Created demo site and added new sidebar widgets.

Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!

Want to make your blog stand out from the crowd? I recommend giving your newly downloaded Blogger template a unique and personalized look. Read our Free Blogger Header Images article and find yourself a great custom header image!

If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.

Thanks blogtemplates

---

Demo: http://www.eblogtemplates.com/download/daya-earth-blogger.zip
Download: http://daya-earth.blogspot.com/

This beautiful Apple OS knock off new Blogger template is awesome. Not only does it look and feel just like you’re using a Mac, but it’s quite functional as well. It includes the original really cool drag & drop sidebar feature which allows you to rearrange the order of your sidebar in a dynamic fun way (check out the demo and try it yourself). It also includes the FeedIt widget which shows real-time live traffic to your site.

This template also comes with a top AdSense link unit which is a great spot to make money with your blog. Make sure you have a Google AdSense account and then you’ll need to modify the template code and replace the AdSense code with your own.

So if you’ve got the iPhone, iTouch, iPod, iMac, and all the other amazing Apple products, this template has your name all over it. Now you can have your own iBlog template!

I love the silver and white modules with the icons and the tabs. Speaking of tabs, if you want to add some you’ll need to edit the “top tabs” page element within Blogger. It’s easy to do though since it’s a link list. That means you don’t need to go muck around in the template code to add/remove new tabs. A cool feature added by eBlog Templates.

The date box on each post is a bonus feature as well. If the date doesn’t show up when you first install it, you’ll have to make a small change in your Blogger settings. Go to “Settings” => “Formatting” => “Timestamp Format” and change it to this format: Saturday, February 09, 2008. That should make the date feature work.

Another additional widget included in this Apple iTheme template is the “recent posts” widget. You’ll need to plug in your rss feed to get it to work though. Just copy the entire rss feed url and paste it in the widget.

The original design was done by N.Design Studio and ported over to Blogger by BlackQuanta.

Update (3/3/08) – Blogger recently made a change to their xml parser which caused this template to break (no div tags in the head error message). It has since been fixed so please download it again if you don’t have a working version.

Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!

Want to make your blog stand out from the crowd? I recommend giving your newly downloaded Blogger template a unique and personalized look. Read our Free Blogger Header Images article and find yourself a great custom header image!

If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.

Thanks eblogtemplates.com

Demo: http://itheme-techno-2columns-right.blogspot.com/
Download: http://www.eblogtemplates.com/download/itheme-blogger.zip

---

This is another variation of the popular Mac OS interface design which includes the original really cool drag & drop sidebar feature. It allows you to rearrange the order of your sidebar in a dynamic fun way (check out the demo and try it yourself). It also includes the FeedIt widget which shows real-time live traffic to your site.

This template also comes with a top AdSense link unit which is a great spot to make money with your blog. Make sure you have a Google AdSense account and then you’ll need to modify the template code and replace the AdSense code with your own.

This XML template was converted by BlackQuanta and was designed and built by Nick La.
Installation Instructions

• Upload XML Template file (DO NOT copy and paste the code directly to template editor box)
• PLEASE DO NOT PREVIEW YOUR BLOG. Go to Layout > Page Element
• Edit “Top Menu” widget. Add at least one link, for example you can make a link to your blog homepage with “Home” anchor text
• Edit “Archives” widget. Chose “Flat List” Style and “MM YY” Date Format style, for example “February 2008″
• Edit “Recent Posts” widget. Change Feed URL to http://YOURBLOGNAME.blogspot.com/feeds/posts/default
• Edit “Recent Comments” widget. Change Feed URL to http://YOURBLOGNAME.blogspot.com/feeds/comments/default
• Go to Settings > Formatting, choose Timestamp style: “Wednesday, January 30, 2008″
• Finish. Preview your blog to see the result.

Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!

Want to make your blog stand out from the crowd? I recommend giving your newly downloaded Blogger template a unique and personalized look. Read our Free Blogger Header Images article and find yourself a great custom header image!

If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.

Thanks eblogtemplates

---

Đây là một biến thể của thiết kế Mac phổ biến giao diện hệ điều hành bao gồm kéo thực sự mát mẻ ban đầu tính năng sidebar thả. Nó cho phép bạn sắp xếp lại thứ tự của thanh bên trong một cách vui vẻ năng động (kiểm tra các bản demo và thử nó cho mình). Nó cũng bao gồm các widget FeedIt trong đó cho thấy thời gian thực giao thông trực tiếp đến trang web của bạn.

Mẫu này cũng đi kèm với một đơn vị liên kết hàng đầu của AdSense mà là một nơi tuyệt vời để kiếm tiền với blog của bạn. Hãy chắc chắn rằng bạn có một tài khoản Google AdSense và sau đó bạn sẽ cần phải sửa đổi các mẫu mã và thay thế mã AdSense với của riêng bạn.

XML mẫu này đã được chuyển đổi bởi BlackQuanta và được thiết kế và xây dựng bởi Nick La.

Hướng dẫn cài đặt:

• Tải lên tập tin Template XML (KHÔNG sao chép và dán mã trực tiếp vào hộp biên tập mẫu)
• XIN ĐỪNG xem trước BLOG CỦA BẠN. Yếu tố Page Layout>
• Chỉnh sửa "Top Menu" phụ tùng. Thêm ít nhất một liên kết, ví dụ bạn có thể tạo một liên kết tới trang chủ blog của bạn với các văn bản neo "Home"
• Chỉnh sửa "-" phụ tùng. Lựa chọn "Flat List" Phong cách và phong cách "YY MM" Ngày Định dạng, ví dụ "tháng 2 năm 2008"
• Chỉnh sửa "Bài viết mới" phụ tùng. Thay đổi URL Feed http://YOURBLOGNAME.blogspot.com/feeds/posts/default
• Chỉnh sửa "Recent Comments" phụ tùng. Thay đổi URL Feed http://YOURBLOGNAME.blogspot.com/feeds/comments/default
• Tới Formatting Cài đặt>, chọn Timestamp phong cách: "Thứ Tư 30 Tháng 1, 2008"
• Kết thúc. Xem trước blog của bạn để xem kết quả.

Sẵn sàng phí siêu blog của bạn? Kiểm tra chuyên nghiệp của chúng tôi cao cấp mẫu blogger kiếm tiền bằng cách tham gia chương trình liên kết của chúng tôi trên blog !

Bạn muốn làm cho blog của bạn nổi bật từ đám đông? Tôi khuyên bạn nên đưa ra mới được tải về mẫu Blogger của bạn một cái nhìn độc đáo và cá nhân hoá. Đọc của chúng tôi miễn phí Blogger Tiêu đề bài viết hình ảnh và tìm cho mình một hình ảnh tiêu đề tùy chỉnh tuyệt vời!

Nếu bạn thích bài viết này sau đó xin vui lòng xem xét việc đăng ký của chúng tôi eBlog Templates nguồn cấp dữ liệu RSS . Bạn cũng có thể đăng ký qua email và có mẫu mới và các bài viết được gửi trực tiếp đến hộp thư của bạn.

Download: http://www.eblogtemplates.com/download/itheme-techno-2c-left-blogger.zip
Demo: http://itheme-techno-2columns.blogspot.com/

DEMO | Download 

Hướng dẩn
-Để hiển thị bộ phim của bạn ra ngoài hãy Vào Phần tử Trang - và điền tên nhãn muốn hiển thị vào 5 Widget từ Movie Category 1 đến Movie Category 5
Vào Chỉnh sửa HTML (Mở rộng Mẫu Tiện ích)

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=11111111111111111111111111&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61% 20% 68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar= 0,s crollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

Thay 11111111111111111111111111 ID của blog của kenhdaihoc.com thành ID blog của bạn

Update Templates

Vào Edit HTML
Tìm
<script src='http://kauman.googlecode.com/files/switch.display.js' type='text/javascript'/>
Thay bằng
<script src='http://jagad.googlecode.com/files/switch.js' type='text/javascript'/>

Và tìm:
<script src='http://kauman.googlecode.com/files/jcarousellite.js' type='text/javascript'/>
Thay bằng
<script src='http://jagad.googlecode.com/files/jcarousellite.js' type='text/javascript'/>

---

Một mẫu tương tự chỉ khác chút hình thức của cùng 1 tác giả:

DEMO | Download 

---

Thanks johny-jossbanget

Template thanh lịch và đơn giản. Tạm dịch như sau:

• Đây là một biến thể của thiết kế Mac phổ biến giao diện hệ điều hành bao gồm kéo thực sự mát mẻ ban đầu tính năng sidebar thả. Nó cho phép bạn sắp xếp lại thứ tự của thanh bên trong một cách vui vẻ năng động (kiểm tra các bản demo và thử nó cho mình). Nó cũng bao gồm các widget FeedIt trong đó cho thấy thời gian thực giao thông trực tiếp đến trang web của bạn.
• Mẫu này cũng đi kèm với một đơn vị liên kết hàng đầu của AdSense mà là một nơi tuyệt vời để kiếm tiền với blog của bạn. Hãy chắc chắn rằng bạn có một tài khoản Google AdSense và sau đó bạn sẽ cần phải sửa đổi các mẫu mã và thay thế mã AdSense với của riêng bạn.
• XML mẫu này đã được chuyển đổi bởi BlackQuanta và được thiết kế và xây dựng bởi Nick La.
• Hướng dẫn cài đặt
• Tải lên tập tin Template XML (KHÔNG sao chép và dán mã trực tiếp vào hộp biên tập mẫu)
• XIN ĐỪNG xem trước BLOG CỦA BẠN. Yếu tố Page Layout>
• Chỉnh sửa "Top Menu" phụ tùng. Thêm ít nhất một liên kết, ví dụ bạn có thể tạo một liên kết tới trang chủ blog của bạn với các văn bản neo "Home"
• Chỉnh sửa "-" phụ tùng. Lựa chọn "Flat List" Phong cách và phong cách "YY MM" Ngày Định dạng, ví dụ "tháng 2 năm 2008"
• Chỉnh sửa "Bài viết mới" phụ tùng. Thay đổi URL Feed http://YOURBLOGNAME.blogspot.com/feeds/posts/default
• Chỉnh sửa "Recent Comments" phụ tùng. Thay đổi URL Feed http://YOURBLOGNAME.blogspot.com/feeds/comments/default
• Tới Formatting Cài đặt>, lựa chọn phong cách Dấu thời gian: Thứ Tư 30 Tháng 1, 2008 "
• Kết thúc. Xem trước blog của bạn để xem kết quả.

Thanks: eblogtemplates.com

---

Preview    Download