Template Blogspot - Template tin tức đẹp

Template Blogspot - Template tin tức đẹp dành cho các bạn đang sử dụng blogspot đang tìm kiếm. Template tin tức chuẩn seo bạn chỉ việc dowload về và sử dụng

 

Demo nâng mũi S line

Giao diện bố cục rõ ràng. Dễ dàng thay đổi danh mục. Hổ trợ seo tối ưu với google
Chúc các bạn cài đặt template thành công!

Read more ...

Tạo box button g+ facebook share cho website

Button share g+ facebook rất cần thiết để người truy cập có thể chia sẻ thông tin hữu ích với nhau. Vị vậy việc tọa một box button share là điều cần thiết cho blog của bạn hãy cũng thực hiện nào rất đơn giản

Demo tại Blog: Bán đất Bình Dương

Hướng dẫn thủ thuật trên blogspot. Đối với Website các bạn cũng chỉ cần thêm tương tự.
1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (HTML/Javascript)
2. Dán code dưới đây vào tiện ích vừa thêm

<style>
/* Fixed Positioned AddThis Toolbox */
.sharing_box {
position: fixed;
top: 38%;
right: 0;
border: 0px solid #00EE00;
padding: 3px 3px 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: #F0FFFF;
width: 55px;
min-height: 290px;
}
.sharing_box .item {
width: 50px;
margin: 5px 0 5px 0;
}
.twitter_float iframe
{
width:45px!important;
}
</style>
<!-- SHARING BOX Fixed-Positioned Toolbox -->
<div class='sharing_box'>
<div style='text-align:center; margin-top:5px'>


</div>
<!-- TWITTER -->
<div class='item twitter_float' style='margin-left:0px'>
<a class='twitter-share-button' data-count='vertical' data-lang='en' href='https://twitter.com/share'>Tweet</a>
</div>

<!-- FACEBOOK -->
<div class='item' style='margin-left:0px'>
<div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='true' data-width='44'></div>
<div id='fb-root'></div>
</div>
<!-- G+ -->
<div class='item' style='margin-left:0px'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'></g:plusone>
</div>
<!-- OTHERSHARE -->
<div class='item' style='margin-left:0px'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'></a>
</div>
<!-- AddThis Button END -->
</div>
</div>
<!-- FAST SHARING SCRIPT -->
<!-- TWITTER SCRIPT -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- G+ SCRIPT -->
<!-- Place this render call where appropriate -->
<script type='text/javascript'>gapi.plusone.go();</script>
<!-- STUMBLEUPON SCRIPT -->
<!-- Place this snippet wherever appropriate -->
<script type='text/javascript'> 
(function() { 
var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; 
li.src = 'https://platform.stumbleupon.com/1/widgets.js'; 
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); 
})(); 
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script>
Chúc các bạn thành công - thủ thuật blogspot

Read more ...

Tạo hiệu ứng tuyết rơi trên blogspot

Noel sắp tới các bạn muốn trang trí cho blogspot của mình thêm sinh động nhưng code và javascript khá phức tạp. Đến với chiasethuthuat.blogspot bạn đừng lo sợ vì mình không hiểu những dong code phức tạp. Sau đây mình sẽ hướng dẫn các bạn tạo hiệu ứng tuyết rơi trên blogspot rất đẹp cùng thự hiện nhé.

Hiệu ứng tuyết rơi cho Blogspot, Website

Demo tại Blog  ảnh đẹp

Ưu điểm của việc sử dụng thủ thuật này là load tốt vì không sử dụng bất kỳ 1 đoạn Javascript nào để dùng làm hiệu ứng tuyết rơi.

Hướng dẫn thêm hiệu ứng tuyết rơi cho Blogspot

Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)

Bước 2: (Ctrl + F)Tìm tới ]]></b:skin> và dán code dưới đây ngay trên nó

/* Snow falling for Blogger
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#falling-snow {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWuzd_7kJttOO-j1XIYDbN9DTftmWb7ydlmrZf6sglZHQnB2hUytYSeBHfbzIqSJY3qDK6rm7GFFdzYtz2N4kenMO8z-_ZVSfImknELZU3Mg0RfiZlrQtmzNcZiP7n_ptcVsnzDnPX3rcu/s1600/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivEJkMZtstY_xHmk-z1DVeBt_WhOnwrEtIbSdIWMPXA87BN_T4c8mmWjNhvbMnhgzJDoS9v6og9qyaaBM2pcr2-zk-69cHmd57Xu6nf7XlnzbPQRMmL2Im9pM6-eb9Y__YEo8to5qNJwL2/s1600/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinUBU2R22QmZLpiYc8kXHPVSjbsS_cino0jGyDH3F_VNZNprI4NwcNZTGL1IzeLaU43OT4nU_uwPQ8IEwcLJU-ZEQw29ujy6lFY9h7KxOwpoFdcj8LsARt7BcQM9Ox6o9M9j7F9HMD9wgr/s1600/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

Bước 3: Tìm tới <body> (Lưu ý, nếu không thấy thì bạn tìm: <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> ) và dán thẻ HTML dưới đây ngay dưới nó

<div id='falling-snow'>

Bước 4: Tìm tới </body> và dán code dưới đây ngay trên nó
</div>
Bước 5: Lưu mẫu lại và xem kết quả. - Thủ thuật Blogspot

Read more ...

Hướng dẫn xóa tiện ích Powered By Blogger trng blogspot

Thường những mẫu thiết kế Blogger mặc định hoặc nhiều mẫu thiết kế Blogspot khác có tiện ích Powered By Blogger để có thể can thiệp chỉnh sửa chủ động hơn nếu bạn muốn tùy chỉnh Widget này.
Xóa tiện ích "Powered By Blogger" trong Blogspot

Hướng dẫn xóa tiện ích "Powered By Blogger" trong Blogspot
Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Bước 2: (Ctrl + F) tìm tới đoạn dưới đây
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Bước 3: Sửa locked='true' thành locked='false' và lưu mẫu lại
Bước 4: Vào Bố cục (Layout) -> Tìm đến Widget của Powered By Blogger -> Chỉnh sửa -> Bạn sẽ thấy nút Remove (Xóa) tiện ích đó đi.
Nguồn: Thủ thuật Blogspot

Read more ...

Cách thay đổi background cho từng page blogspot thu hút người truy cập

Background là một trong những chi tiết khiết người truy cập chú ý. Hiện tại các blogspot chỉ sử dụng duy nhất chỉ sử dụng một background tạo cảm giác nhàm chán và trang blog của bạn không có gì mới mẻ. Để thay đổi background trên từng trang blogspot chúng ta cùng làm theo hướng dẫn sau chắc chắc bạn sẽ có một giao diện mới mẻ cho blog của chính mình.

Thay đổi Backgrounds tùy biến trong mỗi Pages của Blogger

Bạn xem Demo tại 2 pages bài viết:

Ở demo mình chỉ sử dụng màu nền, hướng dẫn sẽ có tùy nến thêm ảnh nền.

Hướng dẫn: Thay đổi Backgrounds tùy biến trong mỗi Pages của Blogger

Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)

Bước 2: (Ctrl + F) tìm tới </head> và dán code dưới đây ngay trên nó

<b:if cond='data:blog.url == "Link Page của bạn"'>

<style>

body {

background-color:#Mã màu;background-position: center; background-repeat:repeat; background-attachment: fixed;

}

</style>

</b:if>

Trong đó: Mã màu HTML bạn có thể tham khảo lấy tại: Bảng mã màu HTML đẹp

Nếu bạn muốn sử dụng hình ảnh thay cho mã màu thì ta có code

<b:if cond='data:blog.url == "Link page của bạn"'>

<style>

body {

background-image:url(Link ảnh nền);background-position: center; background-repeat:repeat; background-attachment: fixed;

}

</style>

</b:if>

Còn nữa, nếu bạn muốn nhiều page có hình nền khác nhau thì lặp lại đoạn code trên nhé.

Chúc các bạn vui vẻ ! thủ thuật blogspot 

Read more ...

Thủ thuật Blogspot - Code tạo Box Facebook blogspot

Thủ thuật Blogspot - Một Facebook Fan Box hoặc Giống như Box là một plugin tuyệt vời cho phép khách truy cập blog để đăng ký cập nhật blog của bạn thông qua tài khoản Facebook của họ, mà không để lại blog của bạn. Sau khi đăng ký (bằng cách nhấn nút tương tự), du khách sẽ nhận được bản cập nhật mới nhất trên blog của bạn trên trang Facebook của họ. Hộp này cũng hiển thị khuôn mặt của các "likers" trên blog của bạn. Trước khi tạo một hộp fan hâm mộ, bạn nên có một trang Facebook fan hâm mộ. Nếu bạn chưa tạo ra, bấm Thủ thuật Blogspot - Code tạo Box Facebook blogspot vào đây để tìm hiểu.

Tạo box Fanpage Facebook

- Đầu tiên bạn truy cập vào trang Facebook fan hâm mộ của bạn và sao chép URL trong thanh địa chỉ bạn có thể thấy URL của bạn sẽ giống như trong ảnh chụp màn hình này:

- Sau đó truy cập: https://developers.facebook.com/docs/plugins/like-box-for-pages

- Dán URL của bạn vào trường URL Facebook Page, như hình dưới đây:

- Một khi bạn đã hài lòng với vẻ ngoài của Box Giống như, nhấn vào nút "Get Code"

- Bạn sẽ nhận được hai mã, HTML 5 với tựa đề, XFBML và IFRAME. Những gì chúng tôi cần là 'iframe' mã. Chọn nó và sao chép mã được tạo trong hộp này, vì nó được thể hiện trong ví dụ dưới đây:

Add box Fanpage Facebook vào Blogspot

- Đăng nhập tài khoản Blog của bạn vào 'Layout'> nhấp vào liên kết 'Add a Gadget'

- Từ cửa sổ pop-up, di chuyển xuống và chọn "HTML / JavaScript 'tiện ích:

- Dán mã HTML vào hộp trống rỗng:

- Click lưu vậy là chúng ta đã hoàn thành xong thao tác tạo box fanpage facebook blospot

Chúc các bạn thành công

Nguồn: chiasethuthuat.blogspot.com

Read more ...