1. code hoa mai:
<script type="text/javascript" src="http://webquangnam.com/jsShare/hoa-mai-roi.js"></script>
2. code hoa đào :
<script type="text/javascript" src="http://webquangnam.com/jsShare/hoa-dao-roi.js"></script>
Hiển thị các bài đăng có nhãn blogger. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn blogger. Hiển thị tất cả bài đăng
Thứ Ba, 3 tháng 2, 2015
Thứ Hai, 2 tháng 2, 2015
Share Theme Wap Mobile cho Blogspot
Tem này đưuọc thiết kế dành riêng cho các blog di động. Giao diện khá là đơn giản, các bạn có thể download về là wap game,ảnh, tin tức, thủ thuật di động ......
Theme này còn thiếu nhiều chức năng như phân trang
Template blogspot này phần bố cục được chia làm 1 cột phần hiển thị chính.
Chức năng bài viết liên quan hiển thị có hiển thị hình ảnh mô tả. Các bạn có thể xem chi tiết tại bản demo
Thông tin Người tạo Templates
Không biết rõ là ai tạo cái này nữa.
Nhưng mình thấy được chia sẻ bởi bác fchiase.com
Pass giải nén file là: bittemplates.blogspot.com
Chú ý khi cài đặt Temp này thì phần menu Hot Nhất (nó thực chất là 1 nút ẩn hiện nội dung) vì vậy các bác cần chú ý đến đoạn code kiểu như sau :
<a href='javascript:togglecomments('ID-Hot')'> Bấm để ẩn/hiện </a>
<div class='commenthidden' id='ID-Hot'>
Nội dung cần ẩn hiện - các bác chỉnh sửa ở đây
</div>
Các bác muốn sủa code chỉ cần tìm chữ ID-Hot là nó ra.
Mọi thắc mắc hay gặp khó khăn trong cài đặt vui lòng comment phía dưới để được hỗ trợ.
Nguồn được viết và chia sẻ bởi : bittemplates.blogspot.com
Thứ Hai, 26 tháng 1, 2015
Thực hiện:
Đầu tiên bạn đăng nhập vào blogger.com - Chọn blog bạn muốn trang trí - Vào phần cố cục - Chọn tạo thêm một tiện ích mới (HTML/Javascript) hoặc dùng cái đã có sẵn rồi cũng được - Chọn chỉnh sửa và copy một trong hai code bên dưới paste vào và lưu lại là ok!
Code 1: Treo câu đối Tết hai bên cho blogger, blogspot.
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1A2EOPzI1moutQhbOiE89Enduzo15vLywCyPe7wTpeycKDMER5X02r8OGuv-iduNlwvPN6-tyT51NoQwfjIb0exjluPE1mjrE8Stv9Qw2QbL5giA1dflvYozdPkVq4WypqoZt0kM8CgM/s1600/tet1.png" /></a>Hoặc:
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://www.hanhhuong.info/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxWFh54-y5DgQNeDmqYkrElFuXN7g4RXOdMboNk7KQlUVWApeXRUlDvBOzR0O8Xdn-n94Y6wepRP9BVBUjyvTX4t_EBR2jl3hfO-CLTD28fjEJSoS6D-LsMgSEdgqoWpK5hSNJaCcVm0w/s1600/tet2.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ug4F1iqQXLyRlZjmdPb56X7pbQ7hvExRwRo4aalXa4mb4ushdP48wzYL2ft8eAPmI0eZl2vO23Xt8qxK_g3jr0o6EFb3Nv1xs03uqRLmf9Bnckooz1EtB5lOwzx6ytSu2LogLh35qgE/s1600/left.png" /></a>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="http://www.hanhhuong.info/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhku167WOZSrxQishBH_yUoLk5DeI0w8IaL0E8r8m5gZTKo9kYxYtVF33bJONw8DLp7ntYw7n0h_u3uDoA9NJrxRPfBx0_abzBeA7GmQKk7yv4L3pLbf-yM1sLTlfCDl_FxSdNEY3AbWEA/s1600/right.png" /></a>
Code 2: Treo câu đối Tết hai bên và phong cảnh ngày ết ở bên dưới trang cho blogger, blogspot.
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJm8VhBIZywUYOXTWjKCI3lvh59g0I2AnhKg3Uy9uCK-2HT8QoD0tscLey2suTubOwjEamxx1AxbY9428wMYIbMREfy9yts33a5IoB_16GETocE5mliL-hqZhpJ9n2vH0Atk8htoWq8w/s1600/left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8H0BNvJzOe8yn14AorSpcScsuUyfZlDzYBaNe5WuGuNzvpX7I_Uf-kWmj2iXJqb6C6qqF1P9fFZceCSdvW6ncD_ggLf4qjd7czArFzZ_7rRMIbQYKsp9r5ZGGWTS7s5MckZDNb3wRxo0/s1600/right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-2gzj54jOeXmNYbaqOMOjpOQkusW0pXewwNHvXP9HwcXYUvXJT5-3OEY1wVUqfpWCjr2nEqB_VsTWxP0ye4Ru6WoqA9F7JzLiizG4WPKhyd9c0p09IdsMe31CkqP00qWJgFILPj_JQQ/s1600/bottom.png) repeat-x bottom left;"></div><a href="http://www.hanhhuong.info/2013/01/Du-lich-hanh-huong-Duc-Me-Ta-Pao.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3rIwNtgQ2WGlv9nbn0TqRDhC5jhM1VLWj87_eMacFuJxJl8hvzM9ydLKrtOcw3-b_DbLWiVouwc56WdMct5xTtUd0X6KJcwn0Wr9G0d2Npa3mawpavham9plr2BSj4j7rZvOMdsj4JcM/s1600/buttom-left.png"/>');
var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"></div>');
//]]>
</script>
Cập nhật:
Code 3: Treo cành đòa đón lộc xuân và tết mơi:
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="http://www.hanhhuong.info/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ZLHmQhfVesXvzVBdS71W15Ao_zjcoxo1bpb70evF267CMzw0XmlvWpt6OagmCWelsQ0-r8J11Ub-8u8utq7lTWYqDhV6MUjMd_Hj9-McSSE-4UawGcQufWhwZkNx9-QFN1JvxKvDc9k/s200/hoadao.png" /></a>Trong code này bạn thay đổi thông số 5px để dịch chuyển cành đào nhé!
Hôm nay,mình xin hướng dẫn một tiện ích khá đơn giản của bên thứ 3 hỗ trợ cho blogspot, website, giúp bạn dễ dàng thêm trình nghe nhạc vào blog của mình.Ưu điểm: Gọn nhẹ, nhiều skin đẹp, có chức năng auto play và nhảy bài ngẫu nhiên cũng như chế độ lặp lại, có thể tùy ý hiện/ ẩn danh sách bài hát, thanh nghe nhạc sẽ nằm phía trên cùng của blog giúp người dùng dễ dàng điều khiển.
Demo như blog mình đang sử dụng đó..dưới cùng blog...hoặc bạn có thể để trên đầu blog
Trước tiên ta xem qua diện mạo của em nó khi thêm vào blog
Bạn có thể thấy thanh nghe nhạc nằm trên cùng của blog với đầy đủ chức năng của một trình nghe nhạc như: Play, pause, next, previous, volume....
Dễ dàng tăng giảm âm lượng hay ẩn/ hiện playlist
Cách đưa trình nghe nhạc vào blog
Bước 1:Bạn truy cập địa chỉ:http://scmplayer.net/
Kéo xuống phía dưới các bạn sẽ thấy giao diện thiết lập như trong hình, không thể đơn giản hơn :D
Bước 2: Thêm danh sách bài hát
Chọn "Manual Playlist" như trong hình và lần lượt thêm các bài hát.
Lưu ý: Để trình nghe nhạc nhận được link.
- Đối với Youtube, các bạn thêm link bình thường, ví dụ:
https://www.youtube.com/watch?v=IQ97LvElgpA
- Đối với link nhạc là mp3 (mp3.zing.vn, nhaccuatui.com,keeng.vn,...), các bạn lấy link như sau:
Sử dụng trình download IDM hoặc tương tự, download bài hát cần lấy link
Link lấy được sẽ có dạng: http:xxxx.mp3
Bước 3: Thiết lập cho trình nghe nhạc
-Auto play: Tự động phát nhạc khi load blog.
-Shufle Playback: Chế độ phát nhạc ngẫu nhiên.
-Repeat Mode: Lặp lại bài hát/ danh sách bài hát
-Placement of Player Bar: Vị trí hiển thị thanh nghe nhạc (Top/bot).
-Show playlist by Default: Mặc địch ẩn/ hiển danh sách nghe nhạc.
Bước 4: Chèn thanh nghe nhạc vào blogspot
Sau khi hoàn thành 3 bước trên, chọn Done ta sẽ được một đoạn scripts.
- Copy toàn bộ đoạn mã có được.
- Vào trang quản trị blog, "Mẫu"/ "Chỉnh sửa HTML"
- Dán đoạn code nhận được vào sau thẻ </body>
Chủ Nhật, 25 tháng 1, 2015
Bước 1 - Đăng nhập vào blogBước 2 - Chọn mẫu (Template)
Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)
- Tìm đoạn code <html thường thì nó ở ngay dòng thứ 2, bạn thêm đoạn code sau ngay bên phải nó ==> xmlns:fb='https://www.facebook.com/2008/fbml' (ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé)
- Thêm đoạn code sau dưới thẻ <head> ===> <meta content='1393378054220392' property='fb:app_id'/>
Lưu ý nhỏ : 1393378054220392 là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã app của bạn nhé
Bước 4 - Thêm đoạn mã bên dưới vào trước thẻ </body>. để thêm bình luận facebook vào blogger
<div id='fb-root'/>
<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_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Và thêm ngay đoạn code sau lên trên thẻ đóng </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="10" data-width="620"></div>';
//]]>
</script>
Một số tùy chỉnh cho các bạn quản lý phần bình luận của mình:
data-num-post=10 : số comment hiển thị trên bài đăng.
data-width=620 : chiều rộng khung comment, tùy theo độ rộng của website mà chúng ta tùy chỉnh được phần này nhá.
- Rồi thêm ngay dưới nó đoạn code sau:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Cách quản lý comment facebook trên blogspot
Sau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau:
<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_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Và thêm ngay đoạn code sau lên trên thẻ đóng </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="10" data-width="620"></div>';
//]]>
</script>
Một số tùy chỉnh cho các bạn quản lý phần bình luận của mình:
data-num-post=10 : số comment hiển thị trên bài đăng.
data-width=620 : chiều rộng khung comment, tùy theo độ rộng của website mà chúng ta tùy chỉnh được phần này nhá.
Hướng dẫn chèn bình luận Facebook và blogger
Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>- Rồi thêm ngay dưới nó đoạn code sau:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Cách quản lý comment facebook trên blogspot
Sau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau:
Thứ Sáu, 23 tháng 1, 2015
Mỗi năm tết đến xuân về, trong mỗi con người chúng ta, ai cũng có những cảm xúc riêng của mình. Đó là dòng cảm xúc vô cùng thiêng liêng khi được sống trong những ngày hạnh phúc, đầm ấm bên gia đình và người thân. Hãy cùng các Blogger tôn vinh những vẻ đẹp truyền thống của ngày Tết với câu đối đỏ, bánh trưng xanh,...cùng trang trí Tết chào đón năm mới độc đáo cho Blogger/Website.
 |
| Demo |
Treo câu đối 2 bên Sidebar blog/website
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
<img src="http://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png" style="display:scroll;position:fixed;top:0px;left:5px;"/><img src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png" style="display:scroll;position:fixed;top:0px;right:5px;"/>
Source trang trí tổng hợp cho Blog/Website
Source được thiết kế năm 2013 bởi anh Nguyễn Duy - Blogger Việt. Theo ý của anh, mình chỉnh sửa lại hình ảnh, cập nhật lại Code với năm Ất Mùi 2015 này.
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="http://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://2.bp.blogspot.com/-kIyHPSeQClI/VJ-OW0qm8rI/AAAAAAAABu0/r4kQuKdBpUY/s1600/tetnguyendan2.png) repeat-x bottom left;"></div><a href="http://www.dongvietblog.com/2014/12/trang-tri-tet-chao-don-nam-moi-doc-dao-cho-blog-website.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://4.bp.blogspot.com/-vLa1Kt6Lt4c/VJ9boHA6XPI/AAAAAAAABuc/7p1KULP5w5g/s1600/tetnguyendan.png"/>');
var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[];
for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="position:absolute;z-index:'+i+';visibility:visible;top:15px;left:15px;"></div>');
//]]>
</script>
Hiệu Ứng Pháo Hoa Đẹp Cho Blog/Website
Mẫu 1: Bộ nút Like Facebook, Google+, Share tổng hợp cho Blogspot theo chiều dọc.
/* LIKE G+ SHARE */ <style>
.sharing_box {
position: fixed;
top: 38%;
right: 0;
border: 0px solid #00EE00;
padding: 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: #F0FFFF;
width: 50px;
min-height: 257px;
}
.sharing_box .item {
width: 50px;
margin: 1px;
}
.twitter_float iframe
{
width:50px!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>
<!-- END ALL -->Mẫu 2: Bộ nút Like Facebook, Google+, Share tổng hợp cho Blogspot theo chiều ngang khá đẹp.
 |
| Bộ nút Like Facebook, Google+, Share tổng hợp cho Blogspot theo chiều ngang |
<!-- Share BEGIN -->
<center>
<style>
.botpost{margin: 0 0 0 10px;width:290px;height:68px;}
.google {float:left;width:290px}
.wdt_button{float:left;margin:5px}
</style>
<div class='botpost'>
<div class='google'>
<div class='wdt_button'>
<a class='addthis_button_facebook_like' fb:like:layout='box_count'/></a></div>
<div class='wdt_button'>
<a class='addthis_button_tweet' tw:count='vertical'/></a></div>
<div class='wdt_button'>
<a class='addthis_button_google_plusone' g:plusone:size='tall'/></a></div>
<div class='wdt_button'>
<a class='addthis_counter'/></a></div>
</div>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf' type='text/javascript'/>
<!-- AddThis Button END -->
</script>
</center>
Thứ Hai, 12 tháng 1, 2015
Đăng ký:
Bài đăng (Atom)
