Những điểm nổi bật của mã nguồn mở blogspot

Mã nguồn mở blogspot

Đối với những webmaster hay những blogger đã thành thạo thì đã biết những điểm nổi bật của mã nguồn blogspot ở đây share123.vn chỉ nêu ra những điểm nổi bật nhất dành cho những bạn mới bắt đầu biết đến blogspot hay đang có ý định chọn cho mình một mã nguồn mở để phát triển web cá nhân hoặc làm blog cá nhân.

Xem tiếp ...

Tạo bài viết mới nhất theo nhãn cho blogspot

Có rất nhiều kiểu hiển thị bài viết mới theo từng nhãn blogspot hoặc hiển thị bài viết mới nhất cho blogspot ngoài trang chủ, hôm nay mình chỉ up lên đây cho anh em nào cần thì dùng cho việc edit template blogspot hoặc thiết kế blogspot theo ý mình.

Demo thủ thuật

Cách làm:
Xem tiếp ...

Code quảng cáo chạy dọc 2 bên website

Gần đây mình làm một số blogspot cho các bạn thấy ai cũng muốn thêm code quảng cáo chạy dọc 2 bên website, blog, hôm nay mình sưu tầm và post lên đây cho những bạn cần có thể sử dụng hoặc chưa biết có thể áp dụng ngay cho blog của mình, code quảng cáo chạy 2 bên này sẽ tự động mất khi độ phân giải màn hình nhỏ giúp website của bạn không bị che bởi quảng cáo.

Demo quảng cáo chạy dọc 2 bên website

Cách làm:
Xem tiếp ...

Cách thêm banner quảng cáo 2 góc phải và trái website

Thường khi các bạn vào một website hay một blogspot sẽ thấy có một quảng cáo hoặc mục hỗ trợ support từ từ hiện lên ở góc trái hoặc góc phải website, và có nút ẩn đi hoặc hiện lên, hôm nay mình hướng dẫnCách thêm banner quảng cáo 2 góc phải và trái website.

Demo  banner quảng cáo 2 góc phải và trái website

Live Demo

Cách làm: (áp dụng được cả blogspot và website )
Đăng nhập => Bố cục => Thêm tiện ích HTML/Javacript => Paste đoạn code sau vào: <style type="text/css">
* html div#share123_ads {position: absolute; overflow:hidden;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}
#share123_ads{font: 12px Arial, Helvetica, sans-serif; color:#666; position:fixed; _position: absolute; left:0; bottom:0; height:150px; }
#share123_bg{ width:279px; padding-right:7px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHcTbqY99GOt5R-qoNFmkYOUBXkikO_Es0u9zB4Z2LjK_kvG-k1a2tZbdJesvguFGBx3xUezxQMoMoAS1-q_tAew2A-MNLK21isWqsW73du_yNC3S1ZIABG0_G9IhGIa78ymbohZnfKlY/s1600/rightp_1.png) no-repeat right top;}
#cob263512{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXJzIqSc-94z8l8zVejaBz4B1Az9f7NXTE3BM5PzgHn05HyOdqOOua7SccO8nMRKUd-d3c5y6Ia9HnesXINTkc7Cte4AnbvYw6eaiC-Oe7KLfBfVsM5lUNqK5-NM7H3qdWIvExhkR03Xc/s1600/full1d.gif) no-repeat left top; height:150px; padding-left:7px;}
#share123_ads_head{color:#fff;display:block; height:20px; line-height:20px; font-size:12px; width:277px;}
#share123_ads_head a{color:#690;text-decoration:none;}
#share123_ads_view{float:right; padding:0; margin:0; list-style:none; overflow:hidden; height:15px;}
#share123_ads_view li{display:inline;}
#share123_ads_view li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivwvhN9whI6kVMagljh8Cku1Y0UolEBgm_oersCkhRL9IO9QUvusady06x4nJ3cjJu7z4OUlBf_bLMbQSxTHr3OdD67yHMI5YUDBSyG41jWhS0Pje9b4ckOxKtEgbZmf7_sx1BKuHTf1Q/s1600/closebutton.gif); background-repeat:no-repeat; width:30px; height:0; padding-top:15px; overflow:hidden; float:left;}
#share123_ads_view li a.close{background-position: 0 0;}
#share123_ads_view li a.close:hover{background-position: 0 -15px;}
#share123_ads_view li a.min{background-position: -30px 0;}
#share123_ads_view li a.min:hover{background-position: -30px -15px;}
#share123_ads_view li a.max{background-position: -60px 0;}
#share123_ads_view li a.max:hover{background-position: -60px -15px;}
#co453569{display:block; margin:0; padding:0; height:123px; border-style:solid; border-width:1px; border-color:#111 #999 #999 #111; line-height:1.6em; overflow:hidden;}
</style>
<div id="share123_ads" style="height: 152px;">
<div id="share123_bg">
<div id="cob263512">
<div id="share123_ads_head">
<ul id="share123_ads_view">
<li id="pf204652hide"><a class="min" href="javascript:pf204652clickhide();" title="Ẩn đi">Ẩn</a></li>
<li id="pf204652show" style="display: none;"><a class="max" href="javascript:pf204652clickshow();" title="Hiện lại">Xem </a></li>
</ul>
&nbsp;Hỗ trợ trực tuyến từ Share123.vn
</div>
<div id="co453569">
<!-- code ads -->
<a target="_blank" href="http://share123.vn" rel="dofollow"> <img style="margin:3px 1px 1px 3px;" border="0" width="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArf-wZFkay6R0t2NFCD8EYO343zUvSp7Sb40pcP2FuOBdTZNm5LhQ6DIJ5tyIrM8UBK273DpJfwcrK607l7Py_uAJ8Vz5ny0l02aAAt7uzsYP6xc2DYWMsvnavNlhvI7hL5JyPsTsnhA/s320/logo.png" height="115" title="http://share123.vn"/></a>
<!-- code ads -->
</div>
</div></div></div>
<script>
pf204652bottomLayer = document.getElementById('share123_ads');
var pf204652IntervalId = 0;
var pf204652maxHeight = 148;//Chieu cao khung quang cao
var pf204652minHeight = 20;
var pf204652curHeight = 0;
function pf204652show( ){
pf204652curHeight += 2;
if (pf204652curHeight > pf204652maxHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
function pf204652hide( ){
pf204652curHeight -= 3;
if (pf204652curHeight < pf204652minHeight){
clearInterval ( pf204652IntervalId );
}
pf204652bottomLayer.style.height = pf204652curHeight+'px';
}
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
function pf204652clickhide(){
document.getElementById('pf204652hide').style.display='none';
document.getElementById('pf204652show').style.display='inline';
pf204652IntervalId = setInterval ( 'pf204652hide()', 5 );
}
function pf204652clickshow(){
document.getElementById('pf204652hide').style.display='inline';
document.getElementById('pf204652show').style.display='none';
pf204652IntervalId = setInterval ( 'pf204652show()', 5 );
}
function pf204652clickclose(){
document.body.style.marginBottom = '0px';
pf204652bottomLayer.style.display = 'none';
}
</script>

Các bạn chú ý:

 - Thay textlink http://share123.vn thành link blog, website của bạn 

- Thay ảnh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArf-wZFkay6R0t2NFCD8EYO343zUvSp7Sb40pcP2FuOBdTZNm5LhQ6DIJ5tyIrM8UBK273DpJfwcrK607l7Py_uAJ8Vz5ny0l02aAAt7uzsYP6xc2DYWMsvnavNlhvI7hL5JyPsTsnhA/s320/logo.png bằng ảnh cần hiển thị của bạn

- Nếu muốn banner hiển thị sang phải thì thay giá trị left:0;  thành right:0 là được.

Share123.vn Chúc bạn thành công

• Hướng dẫn tạo popup quảng cáo giữa màn hình website, blog
• Code quảng cáo dọc 2 bên website
• Tổng hợp các Code tạo quảng cáo Popup cho Blogspot
• Adblock Plus - Cách chặn quảng cáo khi đang xem phim hoặc lướt web

Thiết kế Web SEO

Code quảng cáo dọc 2 bên website

Kiểu code quảng cáo chạy dọc 2 bên website, blogspot hay được sử dụng trong các diễn đàn, forum để giới thiệu sản phẩm. giới thiệu dịch vụ khuyến mại, hôm nay share123.vn chia sẻ một code quảng cáo chạy dọc 2 bên website với nhiêu cải thiện khi tự mất khi bị co màn hình (1024px), còn nếu kích thước lớn hơn thì sẽ tự động giãn đều trang web và trình duyệt của bạn

Code quảng cáo dọc 2 bên website

Xem tiếp ...

Bảo vệ bản quyền tác giả trong blogspot

Nếu ai đã sử dụng blogspot đều thấy những ưu điểm vượt trội của nó khi muốn làm một blog, website miễn phí hoặc blog, website giá rẻ để phục vụ việc kinh doanh cũng như giải trí, blogspot dễ dàng tùy chỉnh, dễ dàng sao chép, tùy biến và chỉnh sửa từ một template mặc định có sẵn, hoặc những template blogspot đã được share trên mạng.

Tuy nhiên khi các bạn download và cài đặt template blogspot trên mạng hoặc của người khác thường là các bạn tùy biến xong rồi xóa bỏ luôn bản quyền tác giả của người thiết kế blogspot đó, hôm nay share123.vn hướng dẫn cho những bạn nào muốn giữ bản quyền những template blogspot do mình thiết kế hoặc edit đẹp mà không muốn các bạn khác tùy chỉnh hay xóa công sức của các bạn.

Bảo vệ bản quyền tác giả trong blogspot

Xem tiếp ...

Cách post video từ youtube lên blogspot có ảnh đại diện tự động

Có một số bạn hỏi share123.vn cách post video lên blogspot từ youtube sao cho chỉ cần paste mã nhúng là tự động có ảnh  thumbnail, ảnh đại diện bài đăng luôn, hôm nay mình hướng dẫn các bạn một thủ thuật blogspot đơn giản và nhanh để post video từ youtube lên blogspot tự động có ảnh thumbnail.

Xem tiếp ...

Cách tạo bài viết ngẫu nhiên cho blogspot

Demo

Trong template blogspot có sẵn thì thường là có đầy đủ những tiện ích cần thiết như bài viết liên quan, chia sẻ mạng xã hội, phân trang cho blog nhưng ít khi có tiện ích bài viết ngẫu nhiên cho blogspot. Hôm nay share123.vn sẽ hướng dẫn tạo tiện ích bài viết ngẫu nhiên có hình ảnh cho các bạn mới biết blogspot.

Xem tiếp ...

Tạo bài viết liên quan có hình ảnh cho blogspot

Một blog hoặc website có bài viết liên quan sẽ giúp cho website, blog thêm chuyên nghiệp và tạo thân thiện cho người dùng, có thể giữ được độc giả ở website của mình lâu hơn, lần trước mình đã giới thiệu một kiểu bài viết liên quan khá đẹp và chuyên nghiệp gồm cả list bài và hình ảnh ( Tham khảo: Hướng dẫn tạo bài viết liên quan cho blogspot đẹp và chuyên nghiệp )

Hôm nay share123.vn hướng dẫn các bạn tạo bài viết liên quan có hình ảnh cho những bạn sử dụng blogspot có thêm lựa chọn cho blog của mình
Cách làm:
Bước 1: bạn chèn đoạn CSS sau vào trước ]]></b:skin>#related-posts{float:left;width:auto;font:16px Arial;padding:3px solid #000;}
#related-posts h2{background:none;color:#be591c;font:18px Arial;margin-bottom:10px;padding:3px solid #ccc;}
#related-posts .maskolis_img{width:170px;height:139px;padding:5px 5px 0;}
#related-posts .maskolis_img:hover{opacity:.6;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;}
.postmeta{font-size:12px;font-weight:400;padding:2px 0;} Bước 2: Chèn đoạn javacript sau vào trước </head>
<!-- lien quan by share123.vn --><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.gform_foot.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 thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmuGxdRwog0fFhQHU543GbPNl_eKE5O7qOkC5smCgziwFTP4kAIYV1NXNR8C4ifjkAlMwT_UXQ4xKqzC-tr9HGTTZx2B711ha7XuZVVH8iZfrvDET-hHPaDmXzTHk6z1qrQ52HZ-4m615/s1600/no-video.gif'}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(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(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('<h2>'+relatedpoststitle+'</h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 8px 10px 5px;float:left;;border:0px solid #ccc;box-shadow:0 0 4px #bbb;-moz-box-shadow:0 0 4px #bbb;-webkit-box-shadow:0 0 4px #bbb;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><div class="play-button"><img class="maskolis_img" src="'+thumburl[r]+'"/><br/></div><div style="width:162px;color:#333;height:35px;text-align:center;margin:0px 5px; font:bold 12px Arial; line-height:14px;">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>Bước 3 Chèn đoạn code sau vào vị trí dưới bài viết thường là dưới <data:post.body/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both'/>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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=12&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div style='clear:both'/>
</b:if>Sau đó lưu lại
Chúc bạn thành công

Nguồn Share123.vn

Hướng dẫn tạo hộp chia sẻ (share box) tuyệt vời cho blogspot

Trong bài hướng dẫn này share123.vn sẽ chia sẻ cho các bạn một chức năng chia sẻ trên mạng xã hội giúp blog của bạn tăng lượt truy cập của người dùng nhiều hơn rất nhiều, sau khi thưc hình thành công thì blog của bạn sẽ có hộp chức năng như hình bên dưới:

Hướng dẫn tạo hộp chia sẻ (share box) tuyệt vời cho blogspot

Xem tiếp ...

Hướng dẫn chèn Meta Tag trong blogspot

Nếu bạn muốn trang blog của mình được nhiều người biết đến thì không còn cách nào hơn là phải làm cho nó thân thiện với cỗ máy tìm kiếm lớn nhất hiện giờ là Google. Nếu bạn là người mới bắt đầu làm quen với blogspot thì mình sẽ giúp các bạn từng bước chèn các thẻ meta để tối ưu hóa trang blog của các bạn với google.

Hướng dẫn chèn Meta Tag trong blogspot

Xem tiếp ...

Cách làm tiêu đề bài viết chỉ xuất hiện tại trang chủ trong Blogspot

Trong bài viết này share123.vn chia sẻ với các bạn một thủ thuật hiển thị tiêu đề bài viết chỉ tại trang chủ. Những tiêu đề này sẽ được liên kết tới chi tiết bài viết đó. Điều này sẽ giúp cho blog của các bạn dễ dàng điều hướng.

Demo Cách làm tiêu đề bài viết chỉ xuất hiện tại trang chủ trong Blogspot

Bước 1 : Đăng nhập vào Blogger Dashboard.
Bước 2 : Click vào Template.
Bước 3 : Click chọn Edit HTML.
Bước 4 : Tìm kiếm thẻ </head>
Bước 5 : Copy đoạn css sau và đặt bên trên thẻ </head>

Xem tiếp ...

Cách chèn hiệu ứng cuốn góc (Peel Away) bằng jQuery cho trang Blogspot

Hôm nay mình sẽ chỉ thêm một cách nữa làm bằng jQuery, và đặc biệt là giúp các bạn chèn nó vào ngay trong trang Blogspot của các bạn.

Bước 1 : Vào Blogger.com >> Template >> Edit HTML sau đó tìm đoạn chữ sau : ]]></b:skin> , sau đó chèn đoạn css sau bên trên đoạn chữ vừa tìm được :

Xem tiếp ...

Cách nhúng Facebook Recommendations Bar Widget cho Blogspot

Như các bạn đã biết, Facebook đã giới thiệu cho chúng ta thêm một plugin xã hội nữa là Facebook Recommendations Bar. Plugin này cho phép chúng ta hiển thị những bài viết liên quan dưới dạng đề xuất. Việc làm này sẽ giúp cho khách viếng thăm blog của các bạn sẽ có thể ở lại lâu hơn, đồng thời cũng giúp các bạn tăng lượt truy cập blog của mình lên rất nhiều.

Để hiểu rõ hơn về Plugin này, các bạn có thể xem minh họa ở mình bên dưới :

Để có thể sử dụng Facebook Recommendations Bar cho mỗi blog , các bạn cần chèn đoạn code sau vào bên dưới thẻ <head>

Xem tiếp ...

Hướng dẫn tạo hộp tìm kiếm cho blogspot

Hộp tìm kiếm rất quan trọng với một website, độc giả có thể thông qua hộp tìm kiếm trên website của bạn để tìm kiếm các thông tin đã được bạn đăng từ lâu hoặc họ không nhớ chính xác bài viết họ muốn tìm là gì, ở đây share123.vn chỉ giới thiệu một cách tạo hộp tìm kiếm google giống share123.vn. nhanh và dễ làm lại đẹp, phù hợp với website và những bạn mới bắt đầu chơi blogspot.

Hướng dẫn tạo hộp tìm kiếm cho blogspot

Cách làm:
Xem tiếp ...

Tuyển Tập thủ thuật SEO dành cho Blogger hoặc Blogspot

Thủ Thuật SEO dành cho Blogger

Xin chào bạn, phải nói là hiện nay phong trào SEO Blog cá nhân đang dâng lên rất cao trong cộng đồng mạng chúng ta. Có rất nhiều khoá học SEO mà bạn có thể tìm ở nhiều nơi trên mạng hướng dẫn bạn SEO blog để tạo thương hiệu cá nhân nhất định nào đó ?
Xem tiếp ...

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

Hình thức popup là hình thức quảng cáo banner mà khi người dùng truy cập vào một website nào đó sẽ tự động bật ra website mình muốn quảng cáo, lần trước share123.vn đã giới thiệu một số kiểu popup
Xem tiếp ...

Thủ thuật phải nhấn like, G+1 mới hiện nội dung cần download

Xem tiếp ...

Tạo bài viết mới theo nhãn có ảnh và danh sách bài mới cho blogspot

Hôm nay tiện làm cái template webthuthuat.net, mình hướng dẫn luôn cách làm bài viết mới ngoài trang chủ giống họ, nhìn khá đẹp.

• Hướng dẫn thủ thuật auto like facebook, tăng like facebook cho blog, website
• Tạo slide ảnh đẹp và chuyên nghiệp bằng javascript
• Tạo recent post dạng slider cho blog, website đẹp và chuyên nghiệp

Xem tiếp ...

Hướng dẫn cài đặt tên miền riêng cho blogspot

Hướng dẫn cài đặt tên miền riêng cho blogspot

Hôm nay share123.vn xin hướng dẫn những bạn mới chưa biết đến blogspot nhiều cách trỏ tên miền riêng dạng tenblogcuaban.blogspot.com thành dạng tenblogcuaban.com hoặc blogcuaban.net, ...
 Việc add domain riêng cho blog không chỉ giúp cho blog của bạn chuyên nghiệp hơn mà còn thuận lợi trong nhiều trường hợp, như độc giả dễ nhớ đến site của bạn hơn, dễ đăng ký các dịch vụ quảng cáo từ các nhà quảng cáo hơn,...



Xem tiếp ...