vi-template: Blogger

Hiển thị các bài đăng có nhãn Blogger. Hiển thị tất cả bài đăng

Thứ Bảy, 9 tháng 11, 2013

trang mẫu

http://vi-template.blogspot.com/

Thứ Năm, 7 tháng 11, 2013

MAXXIZ – RESPONSIVE BLOGGER TEMPLATE

Maxxiz – Responsive Blogger Template

Maxxiz – Responsive Blogger Template Maxxiz is a blogger/blogspot template with responsive layout. Its High User Friendly Blogger Template. Its design simple and clean and perfect for magazine or portofolio websites. With an attractive color combination and impressed professionals and has many features.
Maxxiz Blogger Template Features :

Responsive Design
Manual Featured Post from Image Widget (Responsive Skitter Slideshow)
Auto Featured Post (Responsive Skitter Slideshow)*
Support Blogger Template Customize Editor
Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
Ajax load more post
Page Navigation
Tabs Widgets ready
Cool blogger threaded comment (Support Google+ Comment)
JSON Search Result *
Ajax Recent Post by Tag (3 Post Type(Slider, Vertical, and Horizontal) support random) *
Ajax Recent Comment Widget *
Ajax Related Post Widget *
Ajax News Ticker Widget *
Two View Mode (List and Grid) with Cookies
Optimize SEO
Meta Keywords And Description Support (Official Meta Description Support)
Emoticon
Compatible with major browsers (IE9+,Mozilla,Chrome,Safari,Opera)
Custom Error 404 Page
Custom Share widget icon (addthis widget plugin)
Professional admin layout, help you easy work with blog layout.

Work with Blogger JSON Feed and Public Blog
Live Demo : http://maxxiz-mkrdezign.blogspot.com
Download :

Thanh Hoa 's Blog Sưu Tầm

Cody – Responsive Magazine Blogger Template tin tức

Cody – Responsive Magazine Blogger Template

Cody – Responsive Magazine Blogger Template is a template for blogger/blogspot. Its High User Friendly Blogger Template. If You Blogger User This is a best Template For You, Mobile, Desktop And Tablet Friendly User Interface. Simple And Clean Color’s, Navigation Menu, Image Slider and Tabs Wight Ready Template.
Features :

Responsive Template Design
Auto Blog Post summarize
Auto Image Crop With Thumbnail (Home Page and Label Page Only)
Css And HTML Base Menu With Drop down
Auto Date Show At Header Right side
Tabs Widgets ready (Powered By Jquery)
Image Slider (Powered By Jquery)
Simple User Friendly Search Box
Auto Pagination Added To Post Footer
Social Share Widget (Placed Post Footer)
Custom Error 404 Page With Search Box (Official 404 Page)
Related Post Widget (Placed Post Footer)
Ads Banner Ready
Meta Keywords And Description Support (Official Meta Description Support)
Recent Post By Label
4 Column Footer Area
Flicker Image Gallery
Flicker Image Gallery
Official “FOLLOW BY EMAIL” Widget
Popup Contat Us Widget (Official Contact us Widget)
User Friendly Layout Page

Live Demo : http://cody-cbtblogger.blogspot.com
Download :

Read more: http://h2oblogs.blogspot.com/2013/11/cody-responsive-magazine-blogger.html#ixzz2jxJj1djq

Thanh Hoa 's Blog Sưu Tầm

Adamz – Responsive Blogger Template tin tức đẹp

Adamz - Responsive Blogger Template TemplateNew.Com

Adamz – Responsive Blogger Template v1.30

Free download Adamz – Responsive Blogger Template Adamz Is a blogger/blogspot template with responsive layout. This theme has a design that is perfect for magazine websites. With an attractive color combination and impressed professionals and has many features.
Adamz Blogger Template Features :

Responsive Design
Auto Featured Post from JSON (Slideshow) and Manual Featured Post from Image Widget (Slideshow)
Support Advance Editor
Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
Ajax load more post
Ajax Page Navigation New
Cool blogger threaded comment (Support Google+ Comment)
Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
JSON Search Result
View Mode (List or Grid) New
Recent Comment Widget
News Ticker Widget
Related Post Widget
Optimize SEO
Emoticon
Custom Error Page
RTL Support New
Support Post Preview
Professional admin layout, help you easy work with blog layout.
Ajax Recent Post by Tag (3 Post Type(Slider, Vertical, and Horizontal)) Support Random Post and Load More Ajax New

Live Demo : http://adamz-satankmkr.blogspot.com
Download :

Thanh Hoa 's Blog Sưu Tầm

Bpress – New & Responsive Magazin Blogger Template tin tuc

Bpress – New & Responsive Magazin Blogger Template

Free Download Bpress – New & Responsive Magazin Blogger Template Bpress Is a Template for Blogspot. Its Responsive and High User Friendly Blogger Template. Bpress Blogger Template Design For Magazine Style Premium Blogger Blogs.
Bpress Blogger Template Features :

Responsive Template Design
Auto Blog Post summarize
Auto Image Crop With Thumbnail (Home Page and Label Page Only)
Css And HTML Base Menu With Drop down
Auto Date Show At Header Right side
Tabs Widgets ready (Powered By Jquery)
Image Slider (Powered By Jquery)
Simple User Friendly Search Box
Auto Pagination Added To Post Footer
Simple And User Friendly Social Icon’s Placed Header Right Side
Social Share Widget (Placed Post Footer)
Custom Error 404 Page With Search Box (Official 404 Page)
Related Post Widget (Placed Post Footer)
Ads Banner Ready
Meta Keywords And Description Support (Official Meta Description Support)
Modern Recent Post By Labels
Quick Massage Option (Using Official Contact Form)
4 Column Footer Area
Flicker Image Gallery
Official “FOLLOW BY EMAIL” Widget

Live Demo : http://bpress-cbtblogger.blogspot.com
Download :

Thanh Hoa 's Blog Sưu Tầm

SYAHIRA – RESPONSIVE BLOGGER TEMPLATE TIN TỨC

Syahira – Responsive Blogger Template

Syahira – Responsive Blogger Template Syahira is a blogger/blogspot theme with responsive layout. Its High User Friendly Blogger Template. Its design simple and clean and perfect for magazine or portofolio websites. With an attractive color combination and impressed professionals and has many features.
Syahira Blogger Template Features :

Responsive Design (Full Width or Boxed Width)
Manual Featured Post from Image Widget (3D Slideshow)
Auto Featured Post (3D Slideshow)
Support Advance Editor (Change Background Image, Color and Font Type)
Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
Ajax load more post
Ajax Page Navigation New
Tabs Widgets ready
3 Comment System Support (Blogger Comment, Facebook Comment and Disqus Commnent) New
Cool blogger threaded comment (Support Google+ Comment)
JSON Search Result *
Ajax Recent Post by Tag (5 Post Type(Slider, Vertical, Combine, Gallery and Horizontal)) Support Random New
Ajax Recent Comment Widget *
Ajax Related Post Widget *
Two View Mode (List and Grid) with Cookies
Optimize SEO
Comment View with Cookies New
RTL Language Support
Meta Keywords And Description Support (Official Meta Description Support)
Emoticon
Compatible with major browsers (IE9+,Mozilla,Chrome,Safari,Opera)
Custom Error 404 Page
Professional admin layout, help you easy work with blog layout.

Work with Blogger JSON Feed and Public Blog
Live Demo : http://syahiramain-mkrdezign.blogspot.com
Download :

Thanh Hoa 's Blog Sưu Tầm

RIFQIY V1.2 RESPONSIVE TEMPLATE TIN TỨC

Rifqiy v1.2 Responsive Blogger Template

Free download Rifqiy v1.2 Responsive Blogger Template (Blogspot) is blogger theme with responsive layout. This theme has a design that is perfect for magazine or portofolio websites. With an attractive color combination and impressed professionals and has many features.

Rifqiy Blogger Template Features

Responsive Design
Manual Featured Post from Image Widget (Slideshow)
Auto Featured Post (Slideshow)*
Support Advance Editor
Lightweight Auto read-more (support third party image, and Youtube Thumbnail)
Ajax load more post
Page Navigation New
Cool blogger threaded comment (Support Google+ Comment)
JSON Search Result *
Ajax Recent Post by Tag (3 Post Type(Slider, Vertical, and Horizontal)) *
Ajax Recent Comment Widget *
Ajax Related Post Widget *
Ajax NewsTicker *
Two View Mode (List and Grid) with Cookies
Tabs Widgets Ready
Optimize SEO
Emoticon
Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
Custom Error 404 Page
Professional admin layout, help you easy work with blog layout.

Demo : http://rifqiy-satankmkr.blogspot.com
Download :

Thanh Hoa 's Blog Sưu Tầm

QUICKLY RESPONSIVE BLOGGER TEMPLATE

Quickly – Responsive Blogger Template

Free download Quickly – Responsive Blogger Template is a clean multipurpose, elegant template for blogging system – Blogspot. It is highly customizable and it is easy to navigate through the posts and of course it’s written in the newest standards of HTML5 and CSS3! It’s focus on user-experience, usability, and beautiful typography and it will shows you how cool and flexible Blogspot Portfolio and Photography template can be.

Fully Responsive – The theme looks great not only on desktops but also on devices, which means they are working super sleek on mobile device like ipad or iphone
Requirement – Ensure all images are hosted in Blogger / Blogspot server.

Primary Features:

Masonry Powered Grid
Sleek design with a responsive layout
Effective thumbnail and summary generator w/ Youtube Thumbnail
Supports archive template
Custom 404 error page
Background, Color and font customization
Documentation

Live Demo : http://quickly-dzignine.blogspot.com
Download :

Thanh Hoa 's Blog Sưu Tầm

COMPETITIVEMAG BLOGGER TEMPLATE

CompetitiveMag Responsive Blogger Template

LIVE DEMO

DOWNLOAD

Name: CompetitiveMag Responsive Blogger Template

Author: www.bloggertipsandtricks.net | www.favoritebtemplates.com

License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below: http://creativecommons.org/licenses/by/3.0/

Copyright: Copyright Removal License

Type: CompetitiveMag is a new responsive blogger template with red, blue, white, black, orange colors, 3+ columns, 1 right sidebar and very clean html code.

Basic Instructions: How to install a Blogger template

Free download CompetitiveMag Responsive Blogger Template from Favorite Blogger Templates.

Read more: http://h2oblogs.blogspot.com/2013/11/competitivemag-blogger-template.html#ixzz2jxIwHx7f

Thanh Hoa 's Blog Sưu Tầm

SEVIDA V1.30 RESPONSIVE MAGAZINE TEMPLATE TIN TỨC

Sevida v1.30 Responsive Magazine Blogger Template

Sevida Responsive Magazine Blogger Template (Blogspot) is the premium responsive blog and magazine template for Blogger fans. This template shows you how cool and flexible Blogspot magazine template can be.

Sevida Blogger Template Features

Responsive Design
Auto Featured Post from JSON (Slideshow) *
Manual Featured Post Work with Image Widget(Slideshow) New
Support Advance Editor
Lightweight Auto read-more support third party image and youtube (option make it slideshow) New
Ajax load more post
Ajax Page Navigation New *
Cool blogger threaded comment (Support Google+ Comment)
JSON Search Result *
Lightweight Summary (option make it slideshow)
Two View Mode (List and Grid) width Cookies
Recent Comment Widget *
News Ticker Widget *
Related Post Widget *
Recent Post by Labels (3 Post Type (Slider, Vertical, Horizontal) support Random) New *
Optimize SEO
Archive Page *
Emoticon
Dropdown Menu
Top Social Icon
Custom Error 404 Page
Support RTL Language New
Social Share Plugin (Addthis) New
Compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
Professional admin layout, help you easy work with blog layout.

Demo : http://sevida-satankmkr.blogspot.com

Download :

Thanh Hoa 's Blog Sưu Tầm

SHARE TEMPLATE TIN TỨC PETROMAG

LIVE DEMO

TẢI VỀ

Tên: PetroMag Blogger Template

Tác giả: http://uongjowo.blogspot.com

Đi: Blogger, ánh sáng, trắng, đen, đỏ, xanh, tạp chí, báo, Cổng thông tin, chuyên ngành, Responsive, với trượt, 2 cột, 3 cột, phải Sidebar

Hướng dẫn cơ bản: Làm thế nào để cài đặt một mẫu Blogger

Miễn phí tải về PetroMag Blogger Template từ yêu thích Blogger Templates.

Thanh Hoa 's Blog Sưu Tầm

DOWNTOWN BLOGGER TEMPLATE

LIVE DEMO

DOWNLOAD

Name: Downtown Blogger Template

Author: www.soratemplates.com

Type: Blogger, Light, Blue, White, Black, Red, Green, Grey, Magazine, Profesional, With Slider, 3 Columns, 2 sidebar, Right Sidebar

Basic Instructions: How to install a Blogger template

Free download Downtown Blogger Template from Favorite Blogger Templates.

Read more: http://h2oblogs.blogspot.com/2013/11/downtown-blogger-template.html#ixzz2jxIoCE2T

Thanh Hoa 's Blog Sưu Tầm

MINTIFY BLOGGER TEMPLATE

LIVE DEMO

DOWNLOAD

Name: Mintify Blogger Template

Author: www.templateify.com

Type: Blogger, Light, Blue, White, Gallery, Gallery Photography, Profesional, 3 Columns, With right sidebar on postspage

Basic Instructions: How to install a Blogger template

Free download Antique Diary Blogger Template from Favorite Blogger Templates.

Thanh Hoa 's Blog Sưu Tầm

KONTIFY BLOGGER TEMPLATE

LIVE DEMO

DOWNLOAD

Name: Kontify Blogger Template

Author: www.templateify.com

Type: Blogger, Light, White, Black, Red, Magazine, Gallery, Profesional, With Slider, 3 Columns, Right Sidebar

Basic Instructions: How to install a Blogger template

Free download Kontify Blogger Template from Favorite Blogger Templates.

Read more: http://h2oblogs.blogspot.com/2013/11/kontify-blogger-template.html#ixzz2jxIU6Som

Thanh Hoa 's Blog Sưu Tầm

WORKMAG – RESPONSIVE MULTIPURPOSE TEMPLATE

Thanh Quỳnh vào lúc 15:26

ag – Responsive Multipurpose Blogger Template

Workmag – Responsive Multipurpose Blogger Template

Free download Workmag – Responsive Multipurpose Blogger Template Work Mag Is a New Blogger/Blogspot Template. Its High User Friendly Blogger Template. If You Blogger User This is a best Template For You, Mobile, Desktop And Tablet Friendly User Interface. Simple And Clean Color’s, Navigation Menu, Image Slider and Tabs Wight Ready Template.
Work Mag Blogger Template Features :

Responsive Template Design
Auto Blog Post summarize And “Read More” Button
Auto Image Crop With Thumbnail (Home Page and Label Page Only)
Css And HTML Base Menu With Drop down
Auto Date Show At Header Right side
Tabs Widgets ready (Powered By Jquery)
Image Slider (Powered By Jquery)
Simple User Friendly Search Box
Auto Pagination Added To Post Footer
Social Icons Collection(Placed Post Footer)
Social Share Widget (Placed Post Footer)
Custom Error 404 Page With Search Box (Official 404 Page)
Related Post Widget (Placed Post Footer)
Ads Banner Ready
Meta Keywords And Description Support (Official Meta Description Support)
Random Post Selector
Recent Post By Label
4 Column Footer Area
Flicker Image Gallery
Official “FOLLOW BY EMAIL” Widget

Live Demo 1 Full Page : http://work-coolbthemes.blogspot.com
Live Demo 2 Boxed Page : http://work-box-coolbthemes.blogspot.com

Download :

Thanh Hoa 's Blog Sưu Tầm

Thứ Ba, 15 tháng 10, 2013

Fanpage ở góc màn hình cho blog

Sau đây minh sẽ hướng dẫn các bạn thủ thuật chèn khung Like Fanpage ở góc phải hoặc góc trái

màn hình giống như các popup quảng cáo ở các trang phim. Bạn có thể mở rộng hoặc thu nhỏ chúng tùy theo ý muốn của bạn.Để làm được điều này các bạn làm như hướng dẫn sau đây:

Các bạn có thể xem hình ảnh minh họa ở bên cạnh để hiểu rõ hơn nguyên tắc hoạt động của tiện ích này nha:

» Thêm Khung Like Fanpage ở góc màn hình bên trái hoặc bên phải cho blogspot

1- Vào Bố cục (Layout)
2- Tạo một tiện ích HTML/Javascripts và dán code bên dưới vào (Hãy chọn một trong 2 kiểu bên dưới nha):
2.1- style 1: Khung sẽ hiện ở góc dưới cùng bên tay phải của trình duyệt khi bạn xem trang.

<script type="text/javascript">
function hide_float_right() {
    var content = document.getElementById('float_content_right');
    var hide = document.getElementById('hide_float_right');
    if (content.style.display == "none")
    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt box fanpage [X]</a>'; }
        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem box fanpage...</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_right {border: 1px solid #01AEF0;}
#hide_float_right {text-align:right; font-size: 11px;}
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}
</style>
<div class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Tắt box fanpa [X]</a></div>
<div id="float_content_right">
<!-- Start quang cao-->
  <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/xiroblog&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=230" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 230px; width: 250px;background:#fff;"></iframe>
<!-- End quang cao -->
</div>
</div>

Tùy chỉnh:

https://www.facebook.com/xiroblog là URL trang fanpage facebook của bạn.
width=250 : Chiều rộng khung
height=230: Chiều cao khung

2.2- style 2: Khung sẽ hiện ở góc dưới cùng bên tay trái của trình duyệt khi bạn xem trang.

<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 box fanpage [X]</a>'; }
        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">Xem box fanpage...</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 box fanpage [X]</a></div>
<div id="float_content_left">
<!-- Start quang cao-->
   <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/xiroblog&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=200" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 200px; width: 250px;background:#fff;"></iframe>
<!-- End quang cao -->
</div>
</div>

3- Lưu mẫu lại và kiểm tra thành quả của bạn nha

Thanh Hoa 's Blog Sưu Tầm