Thích Công Nghệ: blogger

Tạo phân trang (page navigation) cho Blogspot

Tạo phân trang (page navigation) cho Blogspot

Thích Công Nghệ.Com - Thanh điều hướng cho Blogger được viết bởi Anhvo, đây là phân trang mình đánh giá cao cùng với phân trang của Abu Far...

Xem thêm »

Quảng cáo Popup 1 lần/1 ngày/ 1 địa chỉ IP

Thích Công Nghệ.Com - Hôm nay Thích Công Nghệ chia sẻ một code popup nữa là Popup 1 lần/1 ngày/ 1 địa chỉ IP cho website, blog, một loại popup được sử dụng khá phổ biến trong các site phim, website game.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkf5DL6-oN2FQ0265o87vQor_AMrSAKE-rYKiA5NjA8bugmn8OwsDHomZIXmndpNRkdbaOzkS8l9vm-DWWGNmqiLcSF1bPxqzrGY8hpTXtpf7N6srNtDv4-s7qvl26LYn1pY-2k1Yerbc_nSXrta5ZOMU2q06zqn0KibJmL6vJ4Hgxkdz1TgmjMVy/s461/quang-cao-popup-1-lan1-ngay-1-dia-chi-ip-thichcongnghe.com.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="461" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzkf5DL6-oN2FQ0265o87vQor_AMrSAKE-rYKiA5NjA8bugmn8OwsDHomZIXmndpNRkdbaOzkS8l9vm-DWWGNmqiLcSF1bPxqzrGY8hpTXtpf7N6srNtDv4-s7qvl26LYn1pY-2k1Yerbc_nSXrta5ZOMU2q06zqn0KibJmL6vJ4Hgxkdz1TgmjMVy/s16000/quang-cao-popup-1-lan1-ngay-1-dia-chi-ip-thichcongnghe.com.jpg"></a></div>

Quảng cáo Popup 1 lần/1 ngày/ 1 địa chỉ IP

Thích Công Nghệ.Com - Hôm nay Thích Công Nghệ chia sẻ một code popup nữa là Popup 1 lần/1 ngày/ 1 địa chỉ IP cho website, blog, một loại po...

Xem thêm »

Hướng dẫn tạo popup quảng cáo giữa màn hình website, blog

Thích Công Nghệ.Com - Hôm nay Thích Công Nghệ chia sẻ một code popup nữa là  popup quảng cáo giữa màn hình website, blog, một loại popup được sử dụng khá phổ biến trong các site phim, website game.<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_MjOZf_XdyeGV_ncGZ-XkboYpyTgCF-1SqUkKytDwoGbuAgS2nyB1zpmBp5B_4oDJ6co01fx-WqYAtZzWik3Xh0EJ0se28YbuVvlOd1vKcSz1egMp9IDFO7QgS8bFwXIMvRRfNeYIy_xzqmqK-UpX-Un8o7VlGnvRFkowBTT4pC_SGq6U0Ldb5UCT/s599/huong-dan-tao-popup-quang-cao-giua-man-hinh-thichcongnghe.com.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="275" data-original-width="599" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_MjOZf_XdyeGV_ncGZ-XkboYpyTgCF-1SqUkKytDwoGbuAgS2nyB1zpmBp5B_4oDJ6co01fx-WqYAtZzWik3Xh0EJ0se28YbuVvlOd1vKcSz1egMp9IDFO7QgS8bFwXIMvRRfNeYIy_xzqmqK-UpX-Un8o7VlGnvRFkowBTT4pC_SGq6U0Ldb5UCT/s16000/huong-dan-tao-popup-quang-cao-giua-man-hinh-thichcongnghe.com.jpg"></a></div>

Hướng dẫn tạo popup quảng cáo giữa màn hình website, blog

Thích Công Nghệ.Com - Hôm nay Thích Công Nghệ chia sẻ một code popup nữa là popup quảng cáo giữa màn hình website, blog, một loại popup đ...

Xem thêm »

Bài viết liên quan dạng ảnh thu nhỏ cho blogger

<div class="separator" style="clear: both; text-align: left;">
Bài viết liên quan (related post) là một phần không thể thiếu với các blogger muốn hướng đến sự chuyên nghiệp và thu hút độc giả. Tiện ích related post hôm nay namkna sẽ giới thiệu sẽ có dạng list ảnh thumbnail và tiêu đề sẽ hiện ra khi bạn dê chuột lên ảnh đó. Nhìn khá đẹp thích hợp cho các blog về hình ảnh hay các blog chuyên về báo trí.</div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: left;">
Xem Demo:</div>
<div class="separator" style="clear: both; text-align: left;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLm7OPrdWVadLVmXRvQZ7NOzJsQ7Z0lDtfuZKqgtwttReKC-OHV-MY9wMZmVckiLankT1K0vauNDExjNEYVWFrUQqbWWrQGR-uufAhw0ktMBNAm89FKu9D4CCbK3EQ6_9YdeymD0n0HX4/s1600/2013-04-19_090934.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLm7OPrdWVadLVmXRvQZ7NOzJsQ7Z0lDtfuZKqgtwttReKC-OHV-MY9wMZmVckiLankT1K0vauNDExjNEYVWFrUQqbWWrQGR-uufAhw0ktMBNAm89FKu9D4CCbK3EQ6_9YdeymD0n0HX4/s1600/2013-04-19_090934.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
1- Đăng nhập vào blog 
2- Chọn mẫu (template) 
3- Chọn chỉnh sửa HTML => Chọn mở rộng tiện ích mẫu 
4- Dán đoạn code bên dưới vào trước thẻ ]]></b:skin>: 
 
<div id="BLTextbox1">
ul#related-posts{font:14px Oswald;list-style:none;text-transform:none;margin:10px 0;padding:0} 
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px} 
*html ul.rp#related-posts li{margin:0 13px} 
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:4px solid #bbb;display:block;height:95px;position:relative;width:90px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000} 
ul#related-posts li .overlay{height:89px;line-height:16px;position:absolute;width:84px;z-index:10;padding:6px 0 0 6px} 
ul#related-posts li a:hover .overlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5L0iZgZ6MnlzzXgbcphHtpZJyx9-MGVJBJPbiBqmiNXUkDF6Bei_njUJW0rLIqcPFibyZhyZKnC4atWjODwy1ZjNVZKXFiELVS_CxbigERlvSi2xJ1YHGlECt3o9B5GcQsCyAnIHvGKu/s1600/transparant-namkna-blogspot-com.png);display:block!important;} 
ul#related-posts li img{bottom:0;padding:0!important} 
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);border:4px solid #666}</div>
 
5- Tìm thẻ 1 trong 4 thẻ sau: 
 
Thẻ 1: 
<div id="BLTextbox1">
<div class='post-footer'>
 
 </div>
Thẻ 2: 
<div id="BLTextbox1">
<div class='post-footer-line post-footer-line-1'>
 
 </div>
Thẻ 3: 
<div id="BLTextbox1">
<div class='post-footer-line post-footer-line-2'>
</div>
 
Thẻ 4: 
<div id="BLTextbox1">
<div class='post-footer-line post-footer-line-3'>
</div>
 
=> Thêm và sau 1 trong các thẻ trên đoạn code bên dưới: 
 
<div id="BLTextbox1">
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<h2>Related product you might see:</h2> 
<script type='text/javascript'> 
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiGvCf92QkmRB42FkxhPyGRokVKbU4wDdyh-ptLktziw9ECc94fE70pTcV-zxjG927ZjrC7LCoimdY884vAXXLIYTYzB2aY96dsMBCuJjOxqdI9vnCTpEBAfmATKHRy1Q2Cnp34qGuUrcA/s1600/no-image-namkna-blogspot-com.jpg&quot;; 
var maxresults=5; 
</script> 
<script type='text/javascript'> 
//<![CDATA[ 
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.media$thumbnail.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else{if(typeof(defaultnoimage)!=='undefined')thumburl[relatedTitlesNum]=defaultnoimage;else thumburl[relatedTitlesNum]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Y969tGPZqfj4vG_5-eJNgimBiAztlnX4vMOZS-iNYnh_FBSmS1S-bUYMOTESLKcUlrLGA9Ai07_YnspTrVhJjDn00goDVXgbzmDdZwhzrx8o7cR27Y37nlNKwJXURb5G230y3DiULNjK/s1600/noimage-namkna-blogspot-com-1.png"}}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(current){var splitbarcolor;if(typeof(splittercolor)!=='undefined')splitbarcolor=splittercolor;else splitbarcolor="#d4eaf2";for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==current)||(!relatedTitles[i])){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<ul id="related-posts">');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li><a');document.write(' href="'+relatedUrls[r]+'">'+relatedTitles[r]+'<img style="width:90px;height:90px;border:0px;" src="'+thumburl[r]+'"/></a></li>');i++;if(r<relatedTitles.length-1){r++}else{r=0}}document.write('</ul>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)} 
//]]> 
</script> 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> 
</b:if> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/> 
</b:loop> 
 
<script type='text/javascript'> 
removeRelatedDuplicates_thumbs(); 
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); 
</script> 
</b:if></div>
 
Tùy chỉnh: 
var maxresults=5; là số hình ảnh thumbnail muốn hiển thị. 
Thay Related product you might see: thành chữ bạn muốn như: bài viết liên quan hoặc có thể bạn quan tâm hay từ nào khác tùy ý bạn, 
 
6- Lưu mẫu lại và xem kết quả nha! 
 
<div style="text-align: right;">
Nguồn từ namkna</div>

Bài viết liên quan dạng ảnh thu nhỏ cho blogger

Bài viết liên quan (related post) là một phần không thể thiếu với các blogger muốn hướng đến sự chuyên nghiệp và thu hút độc giả. Tiện ích ...

Xem thêm »

XÓA CÁC PHẦN THỪA TRONG TEMPLATE BLOGGER

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio73yG5wjtdmF9D5tYTFFSTCnqSMUHGC8LCXb0E8DTJ6Fqjuzonb0ihcgkVlfiPL5ic_K451i3nJi0-YPB8v8U7W6BTV6OKrxAa-IuTgmDkm8rY0qZZ9vckLkz4Szq5lC3yavJNqhQP_k/s1600/dellabel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio73yG5wjtdmF9D5tYTFFSTCnqSMUHGC8LCXb0E8DTJ6Fqjuzonb0ihcgkVlfiPL5ic_K451i3nJi0-YPB8v8U7W6BTV6OKrxAa-IuTgmDkm8rY0qZZ9vckLkz4Szq5lC3yavJNqhQP_k/s1600/dellabel.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
 
Trong những template mặc định của blogger có 1 số thành phần đôi khi gây
 khó chịu cho chúng ta vì nó hơi thừa. Ví dụ như khi nhấp vào 1 nhãn 
(label) thì phía trên bài viết đầu tiên sẽ xuất hiện dòng chữ "Hiển thị 
các bài đăng có nhãn..." hay dòng "Đăng ký: các bài đăng (Atom)" ở cuối 
blog... Và với bài viết này thì bạn có thể xóa bỏ được các thành phần đó
 1 cách hiệu quả.</div>
 
<a href="http://www.blogger.com/blogger.g?blogID=6074938889354988517" name="more" style="color: #539acd; text-decoration: initial;"></a>1. Xóa dòng "Hiển thị các bài đăng có nhãn..." 
Vào template của bạn ở chế độ mở rộng mẫu tiện ích. Tìm và xóa dòng sau. 
 
<div id="BLTextbox1">
<b:include data='top' name='status-message'/></div>
 
2. Xóa dòng "Đăng ký: Các bài đăng (atom)" 
Vào template của bạn ở chế độ mở rộng mẫu tiện ích. Tìm và xóa dòng sau. 
 
<div id="BLTextbox1">
<b:include data='feedLinks' name='feedLinksBody'/></div>
 
 
<div style="text-align: right;">
Nguồn: VÕ QUỐC AN</div>

XÓA CÁC PHẦN THỪA TRONG TEMPLATE BLOGGER

Trong những template mặc định của blogger có 1 số thành phần đôi khi gây khó chịu cho chúng ta vì nó hơi thừa. Ví dụ như khi nhấp vào...

Xem thêm »

Tìm hiểu các thẻ Meta của Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0b1W18B1tfm29y8n8wfuVIY2a_yxH31kHvaJr-ztXKS3i3VcNr2lhEEoMJCX1lgT0LtowIKy92TkPcnPoObCXCxU8LcYI2s8E_rUwLMx_hYzi1wUkp-xZw9ORQ-XwlhVsbf95X7oE8AQ/s1600/meta+tags.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0b1W18B1tfm29y8n8wfuVIY2a_yxH31kHvaJr-ztXKS3i3VcNr2lhEEoMJCX1lgT0LtowIKy92TkPcnPoObCXCxU8LcYI2s8E_rUwLMx_hYzi1wUkp-xZw9ORQ-XwlhVsbf95X7oE8AQ/s1600/meta+tags.jpg" /></a></div>
Meta Tag là thẻ chứa các thông tin về trang web mà các bộ máy tìm kiếm 
và một số dịch vụ mạng dựa vào đó để đánh giá nội dung và khai thác 
chúng. Các thủ thuật về SEO hầu hết đều ưu tiên cho việc tối ưu thẻ 
Meta. Đôi khi bạn "táy máy" View Page Source một trang blogspot, thứ đầu
 tiên đập vào mắt bạn chắc chắn là các thẻ Meta của Blogger. Vậy chúng 
có ý nghĩa gì ? 
 
<a href="http://www.blogger.com/blogger.g?blogID=5149116689877568687" name="more"></a> 
 
 
Blogger mặc định tự động khởi tạo tất cả các thẻ Meta cần thiết cho blog của bạn thông qua dòng mã <b:include data='blog' name='all-head-content'/>. Khi
 bạn tạo một blog thì các thông tin như tiêu đề, mô tả... đều được 
chuyển thành dạng mã mà bạn có thể thấy được khi xem source. 
 
Dòng đầu tiên có thể là 
 
<code>   <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/></code> 
 
Thẻ này chỉ ra rằng trang web mà bạn đang xem là kiểu HTML và các kí tự trên đó sử dụng kiểu mã hóa UTF-8. 
 
Tiếp theo, bạn sẽ thấy: 
<code>   <meta content='blogger' name='generator'/></code> 
Thẻ này khai báo rằng trang web dùng mã nguồn Blogger của Google. 
 
Tiếp nữa: 
<code>   <meta content='true' name='MSSmartTagsPreventParsing'/></code> 
MSSmartTags mà phần mở rộng gây tranh cãi trên trình duyệt IE mà Microsoft đã đề xuất trước đây. Ý tưởng của nó là thế này: khi bạn truy cập một trang web, IE
 sẽ tự động scan các từ, cụm từ nhất định và làm nổi bật chúng rồi kết 
nối tới một mạng lưới website, mà ai cũng biết là cây nhà lá vườn MSN Advertisers (giống y như kiểu Infolinks). Do vậy, thẻ MSSmartTagsPreventParsing được sinh ra để ngăn chặn thứ dở hơi này, tuy vậy IE6 sẽ không thực hiện MSSmartTagsPreventParsing. 
 
<code>   <link href='favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/></code> 
Dòng này chắc chắn là link Favicon của Blogger 
 
<code>   <link href='...' rel='canonical'/></code> 
Trước hết thì ta phải hiểu một canonical page là gì, nó là một 
trang trong website mà được ưu tiên trong số nhiều trang khác mà có nội 
dung gần giống nhau. Ví dụ như một trang bán hàng liệt kê một lô sản 
phẩm cùng loại chẳng hạn, nó có thể được liệt kê theo giá hoặc theo 
alphabe nhưng nhìn chung đều có nội dung là "mặt hàng này". Thuật toán 
của Google sẽ lựa chọn một trang được coi là tốt nhất để index. 
Người làm web có thể chỉ định một page trong website của mình là một 
trang được ưu tiên trong số nhiều trang có cùng nội dung bằng cách thêm rel='canonical' và trang đó sẽ được ưu tiên trong kết quả tìm kiếm trên Google. Thật may mắn là thuộc tính canonical này được tự động chèn vào link Blogger. 
 
<code>   <link rel='alternate' type='application/atom+xml' title='Atom' href='/feeds/posts/default' /> 
   <link rel='alternate' type='application/rss+xml" title='RSS' href='/feeds/posts/default?alt=rss' /></code> 
Hai dòng này qui định địa chỉ RSS và Atom của blog 
 
<code>   <link rel='openid.server' href='http://www.blogger.com/openid-server.g' /></code> 
Đây là link mà Blogger dùng để xác nhận OpenID dựa theo link blog 
 
Hai dòng cuối cùng: 
<code>   <link rel='service.post' type='application/atom+xml' title='Atom' href='http://www.blogger.com/feeds/.../posts/default' /> 
   <link rel='EditURI' type='application/rsd+xml' title='RSD' href='http://www.blogger.com/rsd.g?blogID=...' /></code> 
Hai link này để chỉ đích cho các ứng dụng Atom, giúp các ứng dụng của 
hãng thứ 3 xác định được Atom API để khai thác, chúng cũng là một thành 
phần của head-tag nhưng không thuộc meta tag 
 
Ngoài ra, trong head content bạn có thể thấy một số đoạn script như thế này: 
<code>   <script type='text/javascript'>(function() { var a=window;function ....attachEvent('onscroll',k);})();</script></code> 
Script này qui định feed link cho phần comment của Blogger, nếu không có
 nó thì tiện ích Recent Comments sẽ không hoạt động, và không có avatar 
trong phần comment của blog. 
 
<code>   <link rel='stylesheet' type='text/css' href='http://www.blogger.com/dyn-css/authorization.css...'/></code> 
Nếu thiếu cái này thì không thể sử dụng tính năng chỉnh sửa nhanh trên blog khi đăng nhập bằng tài khoản admin. 
 
<code>   </code> 
Đoạn script này thì chủ blog cũng không biết nó có tác dụng gì (ai biết thì giải thích hộ) 
 
Trên là toàn bộ các Meta Tags sẽ xuất hiện trong phần head của 
blogspot khi view source code. Có một số thủ thuật về SEO mà áp dụng 
được trên các thẻ meta này, có lẽ sẽ có thêm một bài về vấn đề này trong
 thời gian tới.
 
 
<div style="text-align: right;">
Nguồn từ Noct</div>

Tìm hiểu các thẻ Meta của Blogger

Meta Tag là thẻ chứa các thông tin về trang web mà các bộ máy tìm kiếm và một số dịch vụ mạng dựa vào đó để đánh giá nội dung và khai thá...

Xem thêm »