THỦ THUẬT
Đọc thêm »
Thủ Thuật SEO - SEO Tip : nơi thảo luận và chia sẻ các các thủ thuật trong SEO, những hướng dẫn cơ bản và nâng cao được tổng hợp từ kinh nghiệm làm SEO ...
| yourname: | Địa chỉ Blogger của bạn. | Label name | Nhãn cần hiển thị |
| Postnumber: | Số bài viết cần hiển thị | Cập nhật: | 02:12 19/08/2011 |
This post explains how to host javascript(.js) files in blogger itself, so you don't need to worry about bandwidth limitations,etc:-<div itemscope=”" itemtype=”http://schema.org/Recipe” style=”z-index: -100; width: 1px; height: 1px; left: -1px; top: -1px; visibility: hidden;overflow: hidden; position: absolute;”>
<span itemprop=”name”>Tiêu đề website</span>
<img itemprop=”image” src=”Link ảnh Logo” alt=”định nghĩa cho ảnh Logo” />
<div id=”static_rating” itemprop=”aggregateRating” itemscope=”" itemtype=”http://schema.org/AggregateRating”>
<span itemprop=”ratingValue”>9</span>
<span itemprop=”bestRating”>10</span>
<span itemprop=”ratingCount”>123</span>
<span><a rel=”author” href=”Link G+“>Tên Hiển thị G+</a></span>
</div>
</div>
| Click this bar to view the full image. |
[InternetShortcut]
URL=địachỉwebsite
Đây là một style dành cho Thread Comment mặc định của Blogger. Với style này khung nhận xét của bạn trở nên trực quan hơn khi có sự phân biệt rõ ràng giữa nhận xét reply và nhận xét được reply. Nhận xét của tác giả bài viết được gắn thêm ribbon để phân biệt với các nhận xét khác. Style này được thiết kế theo đúng phong cách mình vẫn theo đuổi lâu nay: đơn giản, rõ ràng và hiện đại. Style này là thiết kế ban đầu dành cho những template của mình sau này vốn sẽ áp dụng Thread Comment làm mặc định, hi vọng nó phù hợp với style đại đa số blog.]]></b:skin> trong template của bạn.#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d80556}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d80556;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#d80556}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT2tZVi2ZoExLOFL_yWNV6ENqaLrpRe5kAdqZasLII_eY2TlTNkcycYuGKWlu3bTpqkjCF1arnF8TZX1Qmw8AhTz7M5GxqrskxyS93TM7DgibuDfL2n6xlU7YcylwRkiHjdMSLaRsRS28/);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}d80556 là màu chủ đạo của style Thread Comment này, bạn có thể thay đổi nó theo ý muốn.1 | <title><data:blog.pageTitle/></title> |
1 | <b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> |
<script style="text/javascript">
function numposts(json) { document.write('This blog has ' + json.feed.openSearch$totalResults.$t + ' posts'); }
function numcomments(json) { document.write(' and ' + json.feed.openSearch$totalResults.$t + ' Comments'); }
</script>
<script style="text/javascript">
function numposts(json) {
document.write('This blog has ' + json.feed.openSearch$totalResults.$t + ' posts');
}
function numcomments(json) {
document.write(' and ' + json.feed.openSearch$totalResults.$t + ' Comments');
}
</script>
<script src="http://www.atsuu.com/feeds/posts/default?alt=json-in-script&callback=numposts">
</script>
<script src="http://www.atsuu.com/feeds/comments/default?alt=json-in-script&callback=numcomments"></script>



<a href="http://www.facebook.com/pages/Blogger-Tricks-Tools/105350376211143" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0PZNyHIcRFP8aC77Wma7flYefTsfDcH-3ev80il6SZ32K5cY-q3oxM52vT4XhaIRMCz7e0TY3jJ5fd4DCF4uEZ0c1xLVTYoAzBMtsvX2uTRrsDKnzNaYgi18cJlpb_RbGHSU07OFzIg/s1600/facebook-30x43.png" /></a><a href="http://twitter.com/dulara1997" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6qg-87IQ0scg2IfRfXSf2Z0nV9jJ_sxCpfw5Wjt777eQIcS1x-Ssa2mjR8v5820bMftzbfcdvRHcQ17cE6iNKXmgwcIf3unAeLALbwmr8L5MqWImLINAunhzmLPqV1xUX6GyQ7PWGvw/s1600/twitter-30x43.png" /></a><a href="https://plus.google.com/114446013077851520115/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCpUejFhcHEqsyD-2o14FRdufpC1SoSBMQd4oH8DnT1L7lUiIJOc6P3tGxdeeVYCi84t_zX5uSEjF8lkIjAS07MQ9M9xOFyKAgql4wT_byvvH92rBds_Gd1FWnYd-ETg9fIOgz1XtkpF4/s1600/googleplus-30x43.png" /></a><a href="http://feeds.feedburner.com/BloggerTricksAndTools" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvlqD7rqjEJYlwhL6UJ5_ooMetOXJ_cRQPU6sHgWav3JFGrBBPLa3vxRgTCipTScF7tqQG1UUZNGo8RQTSJdY9oBxgi1CkLYg2TPAbEuTUd811Xmf9TGCwttjLW9yjQ1HctiFSNUHlX00/s1600/rss-30x43.png" /></a>
Note-Please Make Sure To Change the links in blue to your social and feed links.
<b:if cond='data:blog.pageType ==
"item"'>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.mbttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd00v-Xmi4JJXTuW_nolfZLXrzALUpKH2zNkxJxNiQIwo68G1rhfw6PGCqp0fFNa5yc1cDPX13OmvXGQHKsIUf6jRXOLVo4HfoijE5p3MYFjQ96appdYmme9vqxKHpII9Pq_k9V6iQB_h8/s28/w2b-mail.png)
no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.mbtbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4
100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4
100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4
100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4
100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#FBFBFB',
endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#doulike-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#doulike-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#doulike-outer td{
padding:3px 0;
}
</style>
<div id='doulike-outer'>
<div id='doulike'>
<table width='100%'>
<tbody>
<span style='font-style: italic; font-size: 30px;
font-family: arial,sans-serif, verdana;
color:#FF683F;'>Do you Like this story..?</span>
<tr>
<td>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like
font='' href='' layout='button_count' send='true' show_faces='false'
width='300'/>
</td>
</tr>
<tr>
<td align='left'> <p style='color:#666;
font-style:italic; margin:0px 0px 5px 0px; '>Get Free Email Updates
Daily!</p>
<form
action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post'
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggerTricksAndTools',
'popupwindow', 'scrollbars=yes,width=550,height=520');return
true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='BloggerTricksAndTools'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='mbttext' name='email' onblur='if
(this.value == "") {this.value = "Enter your
email...";}' onfocus='if (this.value == "Enter your
email...") {this.value = ""}' type='text'
value='Enter your email...'/>
<input alt='' class='mbtbutton' title='' type='submit'
value='Submit'/>
</form>
</td>
<td><p style='color:#666; font-style:italic;
margin:0px 0px 5px 0px; '>Follow
us!</p>
<a href='http://feeds.feedburner.com/BloggerTricksAndTools'
rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibmclWRzbBMbtZbO3z3sjhczalJAueYX-TTMP5GBlvqERi68KYMlaSaohl_q4LS0fOK_cna24zTeqmIIUHZJd8rt1DCyQiFmw0deGCHgw_EXELviGUq_cA4emDKgsvgbvm4T8G7bNxwnGG/s40/w2bRSS+.png'/></a>
<a href='http://twitter.com/dulara1997'
rel='nofollow' target='_blank' title='Follow us on Twitter'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilr8bk0vVNSa55AI7TQCksqc7uCNxfLARYaYEtikp4aTGOo9HF0lLJw4Q596otBIe6GPkgZkZKtm12rMnzPznFasBvyGCuYDxEMAUWR8cZhUaWBLJ-nqgH9ZYJ9Yz3ZHQLv46RsEuyGWJb/s40/w2bTwitter.png'/></a>
<a href='http://www.facebook.com/pages/Blogger-Tricks-Tools/105350376211143'
rel='nofollow' target='_blank' title='Follow us on Facebook'><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUycD8Tg9sMwq5Ua-TO6I7gZ1xuuGAP2gUSNgxn2pG6dhRx9tgzRSeowgcWKyTaXHRDENMP2UWYuwvKzmVMy9YvBmE0hyM7Ck_J91f4sibcbNAAAzkY8WuuMHb6ykt2cN4CtSdhhcyVCrS/s40/w2bFaceBook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>