11/21/15
Tăng tốc độ tải trang cho blogspot của bạn
Vào Mẫu - Chỉnh sửa HTML thêm đoạn code bên dưới vào trước thẻ </body>
<script type='text/javascript'> //<;b.loaded=true;}).attr("src",a(b).attr("original"));}});if("scroll"!=c.event) {a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear");}})}});a(c.container).trigger(c.event);return this;};a.belowthefold=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop();}else {var d=a(c.container).offset().top+a(c.container).height();}return d<=a(b).offset().top-c.threshold;};a.rightoffold=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft();}else {var d=a(c.container).offset().left+a(c.container).width();}return d<=a(b).offset().left-c.threshold;};a.abovethetop=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).scrollTop();}else {var d=a(c.container).offset().top;}return d>=a(b).offset().top+c.threshold+a(b).height();};a.leftofbegin=function(b,c) {if(c.container===undefined||c.container===window){var d=a(window).scrollLeft();}else {var d=a(c.container).offset().left;}return d>=a(b).offset().left+c.threshold+a(b).width();};a.extend(a.expr[":"], {"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold": "!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})";})})(jQuery);$(function() {$("img").lazyload({placeholder: "http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";})}) //]]> </script>
Hãy để lại comment nến bạn gặp khó khăn.
Read More »
Labels:
ngocthuan,
Thủ Thuật Blogger
11/3/15
Thiết kế giao diện Mobile Responsive Design trong 3 bước
Ngày nay, do sự phát triển chóng mặt của các mobile smartphone và tablet, nên ta cần phải làm seo cho website hiển thị tốt trên mọi thiết bị có kích thước khác nhau, bên cạnh đó cũng có nhiều người dùng không bao giờ maximize trình duyệt của họ. Để đáp ứng được nhu cầu đó hiện tại theo tôi biết thì người ta có 2 cách làm :-Một là người lập trình sẽ viết code nhận diện thiết bị người dùng đang sử dụng, rồi sẽ đưa họ đến trang được thiết kế dành riêng cho thiết bị của họ.
-Hai là sử dụng responsive design mobile ,responsive là kiểu giao diện co giãn theo kích thước của cửa sổ trình duyệt, cũng là xu hướng thiết kế web của năm nay.
Nói nôm na là vậy, các bạn xem vài hình ảnh sẽ dễ hiểu:
Bước 1 : Tạo Meta Tag
Tag meta viewport là điều tất yếu trong responsive layouts. Nó thiết lập màn hình theo tỷ lệ 1×1, điều này sẽ loại bỏ các chức năng mặc định từ các trình duyệt smartphone, chỉ hiển thị vừa màn hình để xem và có thể phóng to bằng thao tác tay, thêm vào trong thẻ .
Trình duyệt IE8 trở xuống không hỗ trợ media query. Bạn có thể sử dụng media-queries.js hoặc respond.js để hỗ trợ.
Bước 2 : HTML
Trong ví dụ này, tôi có một bố cục trang cơ bản với một #header, #content nội dung, #sidebar, và #footer. Tiêu đề có height 180px cố định, nội dung #content width là 600px và #sidebar width là 300px.
<div id="pagewrap">
<div id="header">
<h1>Header</h1>
</div>
<div id="content">
<h2>Content</h2>
</div>
<div id="sidebar">
<h3>Sidebar</h3>
</div>
<div id="footer">
<h4>Footer</h4>
</div>
</div>
Bước 3 :CSS-Media Queries
Đầu tiên, tôi CSS cho các div trên.
#pagewrap {Sau đó, tôi sẽ sử dụng CSS3 media query, với viewport từ 980px trở xuống , màn hình sẽ hiển thị 2 cột với width của #content là 65% và #sidebar là 30%
padding: 5px;
width: 960px;
margin: 20px auto;
}
#header {
height: 180px;
}
#content {
width: 600px;
float: left;
}
#sidebar {
width: 300px;
float: right;
}
#footer {
clear: both;
}
/* 980px hoặc nhỏ hơn */Và với viewport 700px trở xuống , ta set giá trị width của #content và #siderbar là auto , bỏ float đi để hiển thị 1 cột full width
@media screen and (max-width: 980px) {
#pagewrap {
width: 94%;
}
#content {
width: 65%;
}
#sidebar {
width: 30%;
}
}
/* 700px hoặc nhỏ hơn */Cuối cùng , với viewport 400px trở xuống(mobile),ta set lại height #header auto ,thay đổi font chữ h1 xuống 24px, và cho ẩn luôn sidebar
@media screen and (max-width: 700px) {
#content {
width: auto;
float: none;
}
#sidebar {
width: auto;
float: none;
}
}
/* 480px hoặc nhỏ hơn */
@media screen and (max-width: 480px) {
#header {
height: auto;
}
h1 {
font-size: 24px;
}
#sidebar {
display: none;
}
}
Bạn có thể viết bao nhiêu media query tuỳ ý ,trong ví dụ này tôi chỉ viết 3 media queries.
Read More »
Labels:
ngocthuan,
Thủ Thuật Blogger
11/2/15
Tạo Slideshow cho hình ảnh với mô tả trượt đẹp mắt cho Blogspot
| Hình mô tả Slideshow |
1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
#slider{ width:660px;height:275px;position:relative;overflow:hidden;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;box-shadow:0 0 6px #000}
#mask-gallery{overflow:hidden}
#gallery{list-style:none;margin:0;padding:0;z-index:0;width:900px;overflow:hidden}
#gallery li{float:left}
#mask-excerpt{position:absolute;top:0;left:0;z-index:500;width:100px;overflow:hidden}
#excerpt{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;list-style:none;margin:0;padding:0;z-index:10;position:absolute;top:0;left:0;width:100px;background-color:#000;overflow:hidden;font-family:arial;font-size:14px;color:#fff}
#excerpt li{padding:5px}
.clear{clear:both}
#btn-prev{border-top:1px solid #96d1f8;background:#65a9d7;padding:4px 8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;-moz-box-shadow:rgba(0,0,0,1) 0 1px 0;box-shadow:rgba(0,0,0,1) 0 1px 0;text-shadow:rgba(0,0,0,.4) 0 1px 0;color:white;font-size:9px;font-family:Georgia,serif;text-decoration:none;vertical-align:middle}
#btn-prev:hover{border-top-color:#28597a;background:#28597a;color:#ccc}
#btn-prev:active{border-top-color:#238acf;background:#238acf}
#btn-next{border-top:1px solid #96d1f8;background:#65a9d7;padding:4px 8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:rgba(0,0,0,1) 0 1px 0;-moz-box-shadow:rgba(0,0,0,1) 0 1px 0;box-shadow:rgba(0,0,0,1) 0 1px 0;text-shadow:rgba(0,0,0,.4) 0 1px 0;color:white;font-size:9px;font-family:Georgia,serif;text-decoration:none;vertical-align:middle}
#btn-next:hover{border-top-color:#28597a;background:#28597a;color:#ccc}
#btn-next:active{border-top-color:#238acf;background:#238acf}
5. Chèn code bên dưới vào trước thẻ </head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://traidatmuidata.googlecode.com/files/jquery.scrollTo.js"></script>
<script>/* <![CDATA[ */
$(document).ready(function() {
var speed = 5000; // Tốc độ trình diễn$('#mask-gallery, #gallery li').width($('#slider').width());
$('#gallery').width($('#slider').width() * $('#gallery li').length);
$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
var run = setInterval('newsscoller(0)', speed);
$('#gallery li:first, #excerpt li:first').addClass('selected');
$('#btn-pause').click(function () {
clearInterval(run);
return false;
});
$('#btn-play').click(function () {
run = setInterval('newsscoller(0)', speed);
return false;
});
$('#btn-next').click(function () {
newsscoller(0);
return false;
});
$('#btn-prev').click(function () {
newsscoller(1);
return false;
});
$('#slider').hover(
function() {
clearInterval(run);
},
function() {
run = setInterval('newsscoller(0)', speed); });});
function newsscoller(prev) {
var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
if (prev) {
var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
} else {
var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
}
$('#excerpt li, #gallery li').removeClass('selected');
next_image.addClass('selected');
next_excerpt.addClass('selected');
$('#mask-gallery').scrollTo(next_image, 800);
$('#mask-excerpt').scrollTo(next_excerpt, 800); }
/* ]]> */</script>
6. Save template lại và vào Bố cục (Layout)7. Thêm 1 HTML/Javascript và thêm vào code bên dưới<div id="slider">
<div id="mask-gallery">
<ul id="gallery">
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSSRLjBF958_l4Nx18yzCTppWZBBojWxhb7zdWeBm0f1ejF5X1Gt7RQviN5yl4dRS5Ge1VX_v3XYe4nCw6Tj431P9LE8h1A3KnHc-Ry8Z2JydHmzyjOIHOAkeRH4Mv3rCzIp8UQlO1ExLJ/s515/100307-1920x1200.jpg" width="660" height="275" alt=""/></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI9EU-sOe-FRGl2akqaTkneBM665TBavGCwUUHHoUqk6mCf0dekpRUku6dDxxEgPDsyNvOqoKqBG7xr8GvXoDBtPWNj43Wh-icxSNtIO75GRH6cG-eeuh-5HmxaGDY-Lapz13KqVweOVd-/s515/22355-2560x1600+%255BDesktopNexus.com%255D.jpg" width="660" height="275" alt=""/></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFV8_uU4Xp3ckMDWd8biX6MQltIDLDmu9Nw7E4_pfTbvyVlLXPr_G3sXmmPselwZy9MOfYRIR_qyEIamZWUdizSYFOuhkWNI5L8XDEuN-5-AROt27gvtcOw2aIOMA2WLTZY-bkX_8EHeU0/s515/7+%255BDesktopNexus.com%255D.jpg" width="660" height="275" alt=""/></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfOIgD1NbOnfi4cj52Mx8DzKy36H7uQSzmNdxj15s90HsEIOu3Tw8wuoYbvaN-3mruDbvISgJg3YEBmzckvhg07xbg5vBUa30Hew-cEvFz_Oj9dZWzUYDOwF65yy0t8PSJ9DoB0LtCPf49/s515/1254602948249.jpg" width="660" height="275" alt=""/></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisCh_DodQ7cW5TMbp92VvHf7VKYvf6oB56J1oO9tqrWiTt9BQahZljp9IH0imgpXrHpima-ZQH-I7qn1Sah-dAozLuhuD6Pf-ZxOW1nCH2aYcdAHiHbW7QRD5o1M0r5SZpNc-NyG9J3Q-A/s515/2.jpg" width="660" height="275" alt=""/></li>
</ul>
</div>
<div id="mask-excerpt">
<ul id="excerpt">
<li>Nội dung thông tin mô tả cho hình ảnh 1. </li>
<li>Nội dung thông tin mô tả cho hình ảnh 2. </li>
<li>Nội dung thông tin mô tả cho hình ảnh 3. </li>
<li>Nội dung thông tin mô tả cho hình ảnh 4. </li>
<li>Nội dung thông tin mô tả cho hình ảnh 5. </li>
</ul>
</div>
</div>
<div id="buttons" style="width: 100px;margin-left: 260px;padding-left: 25px;height: 25px;">
<a href="#" id="btn-prev">prev</a> <a href="#" id="btn-next">next</a></div>
Bạn hãy thay link ảnh (Link màu xanh) thành link hình ảnh của bạn và nội dung mô tả tương ứng cho hình ảnh của bạn.
8. Cuối cùng save tiện ích lại
Chúc bạn thành công!
Tham khảo bloggertrix.com
Read More »
Labels:
ngocthuan,
Thủ Thuật Blogger
11/1/15
Cách Xóa Bỏ Thuộc Tính Cung Cấp Bản Quyền Bởi Blogger
Sau khi bạn đã cài đặt một template mới cho Blog của mình thì nhiều bạn thắc mắc về cách xóa thuộc tính bản quyền Blogger trên website của mình nhằm mục đích che đậy thì làm website trông chuyên nghiệp hơn. Do đó, bài viết này sẽ giúp bạn bỏ dòng "Cung cấp bởi Blogger" hay "Powered by Blogger" một cách đơn giản. LÀM THẾ NÀO ĐỂ XÓA POWERED BY BLOGGER Bước 1: Xác định nó nằm đâu trong HTML Click chuột phải ngay dòng chữ Cung cấp bởi Blogger mà ban muốn xóa sau đó chọn Kiểm tra phần tử, thì bạn sẽ thấy nó nằm ở một cáichưa có id là Attribution1.
![]() |
| Hình sô 1 |
Bước 2: Tìm phần tử Attribution1 trong HTML Vào Mẫu > Chỉnh sửa HTML tại đây bạn click vào phần chứa Code > nhấn tổ hợp phím Ctrl + F và nhập phần tử Attribution1 > nhấn Enter bạn sẽ thấy nó xuất hiện như trong hình.
![]() |
| Hình số 2 |
![]() |
| Hình số 3 |
Read More »
Labels:
Thủ Thuật Blogger
HƯỚNG DẪN THÊM HTTPS ĐỂ BẢO VỆ CHO BLOG CỦA BẠN
![]() |
| Hình ảnh thêm https cho blogger |
Thế còn HTTPS là gì? Https ( Hypertext Transfer Protocol – Secure ) khác với http chính là ở chữ Secure. Có lẽ các bạn cũng đoán được là HTTPS khác HTTP ở điểm nào rồi đó? Rõ ràng HTTPS hỗ trợ thêm bảo mật, giải quyết vấn đề thông tin gửi nhận lên Internet của chúng ta bị rò rỉ. HTTPS thường được sử dụng trong những trường hợp đăng nhập, đăng ký, thanh toán tiền, thanh toán thẻ,… những thông tin nhạy cảm cần được bảo vệ.
Read More »
Labels:
Thủ Thuật Blogger
10/10/15
Bài viết liên quan có hình cho blogger chuẩn HTML5 và CSS3
| Related Post chuẩn HTML5 và CSS3 |
Đoạn CSS chuẩn CSS3 cho bài viết liên quan cho blogger
/* RELATED */.related-post {margin: 5px 0;padding: 10px;overflow: hidden;background: #f8f8f8;border: 1px solid #e2e2e2;}.related-post a {color : #333;}.related-post h4 {font-size : 20px;font-weight : 400;font-family : Oswald;margin : 0 0 0.5em;text-transform : uppercase;color : #555;}.related-post-style-3, .related-post-style-3 li {margin : 0;padding : 0;list-style : none;overflow-wrap : break-word;overflow : hidden;}.related-post-style-3 .related-post-item {display : block;float : left;width : 125px;height : 70px;padding : 100px 5px 5px;margin-right : 10px;margin-bottom : 10px;font : normal normal 11px/1.4 Arial, Sans-Serif;border : #ddd solid 1px;position : relative;}.related-post-style-3 .related-post-item:focus {outline : none;}.related-post-style-3 .related-post-item-thumbnail {display : block;margin : 0 0 10px;width : 101%;height : 90px;background-color : transparent;border : none;padding : 0;position : absolute;top : 0;left : 0;}.related-post-style-3 .related-post-item-title {font-weight : bold;}Hướng dẫn cách chèn đoạn CSS vào template blogspot
Đang nhập vào tài khoản blogger của bạn >> Mẫu >> Chỉnh sửa HTML >> Ctrl+F >> Tìm đến thẻ ]]></b:skin> và chèn đoạn CSS3 trên vào trước nó >> Sau đó lưu lại
Đoạn mã bài viết liên quan có hình chuẩn HTML5
<div class='related-post' id='related-post'/> <script type='text/javascript'> var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop></b:if>]; var relatedPostConfig = { homePage: "<data:blog.homepageUrl/>", widgetTitle: "<h4>Bài viết liên quan:</h4>", numPosts: 4, summaryLength: 370, titleLength: "auto", thumbnailSize: 80, noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", containerId: "related-post", newTabLink: false, moreText: "Read More", widgetStyle: 3, callBack: function() {} }; </script><script type='text/javascript'>//<![CDATA[var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.tuanphan.info",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);//]]> </script>
Cách chèn đoạn mã trên vào template của bạn
Sau khi chèn đoạn CSS3 xong các bạn nhấn Ctrl+F tìm đến thẻ <div class='post-footer-line post-footer-line-1'> thứ 2 nó nằm trong thẻ này <b:includable id='post' var='post'>...</b:includable> chèn đoạn code chuẩn HTML trên trước thẻ đóng </b:includable> là chính xác nhất . Sau đó lưu lại và nhấn F5 để xem kết quả .
Lưu ý:
Các bạn có chọn như sau:
numPosts: 4 : Số lượng hiện thị bài viết liên quan
thumbnailSize: 80: Kích thước thumbnail
widgetStyle: 3 : Kiểu hiển thị
Read More »
Labels:
Thủ Thuật Blogger
9/24/15
Cách tạo Banner quảng cáo trượt dọc 2 bên cho blogspot / website
![]() |
| Hình minh họa banner quảng cáo |
1- Đăng nhập vào Blog
2- Vào bố cục (Layout)
3- Chọn Thêm tiện ích (add widget)
4-Tạo một widget HTML\Javascripts và chèn vào đoạn code bên dưới :
<div id=”divAdRight” style=”DISPLAY: none; POSITION: absolute; TOP: 50px”>
<a href=”http://vnexpress.net”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudSsevWVkSpa1_V7WJ9NBRE0S2o47uzQyvnvvxP8v1WUnT_gEoUH_DoY5UmtGrHfoDqILNMTaIrWTrlc4fqhPuluYEB2qBBRucTCkeUfzOt8nL-Y2FehDP-StvgSVNQh-eeaeYZ4Ktv8/s1600/minh123.gif” width=”125″ /></a>
</div>
<div id=”divAdLeft” style=”DISPLAY: none; POSITION: absolute; TOP: 50px”>
<a href=”http://vnexpress.net/”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgudSsevWVkSpa1_V7WJ9NBRE0S2o47uzQyvnvvxP8v1WUnT_gEoUH_DoY5UmtGrHfoDqILNMTaIrWTrlc4fqhPuluYEB2qBBRucTCkeUfzOt8nL-Y2FehDP-StvgSVNQh-eeaeYZ4Ktv8/s1600/minh123.gif” width=”125″ /></a>
</div>
<script>
function FloatTopDiv()
{
startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x + ‘px';this.style.top=y + ‘px';};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x + ‘px';this.style.top=y + ‘px';};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout(“stayTopLeft()”, 1);
}
ftlObj = ml(“divAdRight”);
//stayTopLeft();
ftlObj2 = m2(“divAdLeft”);
stayTopLeft();
}
function ShowAdDiv()
{
var objAdDivRight = document.getElementById(“divAdRight”);
var objAdDivLeft = document.getElementById(“divAdLeft”);
if (document.body.clientWidth < 1000)
{
objAdDivRight.style.display = “none”;
objAdDivLeft.style.display = “none”;
}
else
{
objAdDivRight.style.display = “block”;
objAdDivLeft.style.display = “block”;
FloatTopDiv();
}
}
</script>
<script>
document.write(“<script type=’text/javascript’ language=’javascript’>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 50;RightAdjust = 50;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>”);
</script>
5- Lưu tiện ích lại là Ok.
Tùy chỉnh code!
- http://vnexpress.net/ : là liên kết mở ra khi người đọc click vào ảnh.
- Phần màu vàng trong đoạn code <img src=”…”/> là link ảnh banner trượt dọc sẽ hiển thị
- width=”125″ : chiều rộng của banner. Có 2 giá trị được đánh dấu màu cam
- MainContentW = 1000 : chiều rộng trang web. Có 2 giá trị được đánh dấu cùngmàu tím,
- LeftAdjust = 5 : khoảng cách từ mép trái trang web đến banner
- RightAdjust = 5 : khoảng cách từ mép phải trang web đến banner
- TopAdjust = 10 : khoảng cách từ mép trên trang web đến banner
Read More »
Labels:
Thủ Thuật Blogger
9/18/15
Lỗi không lưu được HTML khi chỉnh sửa Template Blogger Blogspot
Nhiều bạn chắc đang gặp vấn đề về chỉnh sửa Template HTML trong Blogger / Blogspot, đang chỉnh đã đời cuối cùng không lưu được HTML vì các ký tự lạ và không đúng cú pháp hay kí hiệu? Vậy lỗi không lưu được template HTML trong blogger blogspot là gì?Có vài trường hợp mình hay gặp phải khi lưu HTML template mà không được như sau:
Các thẻ Mở / Đóng không đúng (&, & ,&.v.v.). Nếu đặt đóng mở không đúng thứ nhất nếu lưu được nó lỗi, thứ hai là nó không cho lưu.
Đặt các thẻ điều kiện không đúng nơi như (
Lỗi các dạng ký tự như (>, <, &, ") Lỗi khoảng trống & mỗi số lỗi khác Thì trong các lỗi này, lỗi thứ 3 là lỗi các ký tự là lỗi không lưu được Template HTML khó chỉnh sửa nhất, đơn giản đôi khi ta lưu một đoạn script, có quá nhiều ký tự & và thực sự chỉnh lại không biết như thế nào. Hôm nay Terocket sẽ giúp các bạn biết cách sửa lỗi thứ 3 là lỗi các dạng ký tự (>, <, &, "). Nếu các bạn nào không lưu được Javascript và bị báo như các hình dưới đây.
![]() |
| Lỗi khi phân tích cú pháp XML, dòng 633, cột 5: The entity name must immediately follow the '&' in the entity reference. |
Cách 1: Sửa từng ký tự và đổi các ký tự sau thành:
| Ký tự | Sửa thành |
| > | > |
| < | < |
| & | & |
| “ | " |
Cách 2: Sử dụng công cụ htmlcompressor.com
![]() |
| Sử dụng htmlcompressor sẽ giúp xử lý việc không lưu được template html blogger này một cách nhanh chóng! |
Chỉ cần vào http://htmlcompressor.com/compressor/ và làm theo hướng dẫn trong đó, sau đó lấy được đoạn code đã nén. Thế là qua template copy vào và lưu lại. Xong!
Nếu bạn nào không thực hiện được hay thực hiện theo hướng dẫn trên mà không được, gửi một bình luận dưới đây.
Nguồn: Rocket
Read More »
Labels:
Thủ Thuật Blogger
9/16/15
Tạo sơ đồ web ( sitemap) cho blogspot
1. Đăng nhập vào Blogger - Trang - Tạo trang mới - chuyển sang HTML và dán đoạn code bên dưới vào. Đặt tên tiêu đề bài đăng là gì tùy bạn.
2.Click vào xuất bản để lưu. Sau khi lưu xong bạn sẽ thấy bài viết nằm ngay bên dưới. Rê chuột vào bài viết sẽ dễ dàng nhìn thấy 4 mục : Chỉnh sửa, xem, chia sẻ, xóa.
3.Rê chuột vào mục xem click vào để xem kết quả. Còn nếu bạn muốn lấy link chỉ cần rê chuột phải vào mục "xem" chọn sao chép địa chỉ liên kết or nhiều cách khác để lấy link.
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style> <script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link">
<a href="http://helplogger.blogspot.com/2013/12/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>
')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="
<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>
";for(var g=0;g<postTitle.length;g++){if(a==""){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}}}h+="</table>
";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts
</span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts
</span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels">
<a href="/search/label/'+temp1+'">'+temp1+"</a></p>
<ol>");firsti=a;do{document.write("
<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>
");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>
");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwYRnsTsaHLuSLeh17gKZJxrQF2BxHO_osvWCicSR5Pn1rBP4lmA75VzZMHGnY7NzYBfjGa_77rj6fL_Gv2nAMnC7Eu3DJWjxullocejMFadE4GIsUDxJGesZa7XHuu2MED16ZMoWS6CG/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("
");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>
");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a>
");document.write("
")}};
//]]>
</script> <script src="http://ktvonline24.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
Chúc thành công! vui lòng comment bên dưới nếu bạn không làm được.
Read More »
Labels:
Thủ Thuật Blogger
Thêm tùy chọn comment Google Plus vào blogger
![]() |
| Hình minh họa tùy chọn comment G+ và Blogger |
Bước 1 : Đăng nhập vào Blogger - Mẫu - Chỉnh sửa HTML.Nhấn CRT+F trong khung tìm kiếm tìm code sau:
<b:include data='post' name='post'/>Thêm đoạn code bên dưới vào phía sau nó:
<b:if cond='data:blog.pageType == "item"'>Chú ý: data-width='550' là chiều rộng của khung G+ bạn có thể tùy chỉnh cho nó phù hợp với template của bạn.
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQEXr49v4D0xm87uLVuZvXTcrEbXFazrMXycwKhcZ3Fo7sDjaRHM2k4cFP4lB6AqcaaHc_mf4BkgW_mcEs54x5yyJq_XmTUhnIB2i3YrngsyhfUy8hOFscsCPXnBwyg7BPUjo2beuMcJ0x/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: "Arial Narrow",Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$("#gplus-comments-visibility").slideToggle();$("#comments").hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVyFvl9SbjV5BTapPgWlVpeV2NvGA8gA2_lkJ1R2YyvKudensfRL_3Z3YGgHwp-N8dgNetNI80NOQuIudWGO_zK9QgdpzZPcTmN4wVMrUH0U9V-_1gQjeohi37i5kVx77XHNZJhQY9wjhk/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$("#comments").slideToggle();$("#gplus-comments-visibility").hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPzSslApAslu8U7MX0VaADmluGatJRKmL6TN3AKe6lieN5Ti-Id6k3jTcUf4v06HzWuRIWCx9yk7Cg_b4xN6ndypDyLvZD6iPG19mVuCNH6rG3dCoyWiMSdI62SXVlQfA3FDL6NOssBCSd/s1600/blogger-logo.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>
</b:if>
Read More »
Labels:
Thủ Thuật Blogger
9/9/15
Thủ thuật blogger tạo Widget Sidebar bài viết theo nhãn
![]() |
| Hình ảnh minh họa |
Bài viết hướng dẫn tạo Widget sidebar bài viết theo nhãn sữ dụng RSS ( Nguồn cấp) từ blogger
Ưu điểm : Do không dùng Script nên load khá nhanh
Nhược điểm là cập nhật label hơi chậm.
1. Đăng nhập vào blogger - Bố cục - Thêm tiện ích - Nguồn cấp
2. Trong khung hộp thoại URL copy địa chỉ sau dán vào
http://ktvonline24.blogspot.com/feeds/posts/default/-/phatgiao
![]() |
| Ảnh minh họa sau khi thêm URL nguồn cấp |
- Thay dòng màu xanh thành địa chỉ blog của bạn
- Thay dòng màu đỏ thành nhãn ( label) mà bạn muốn hiển thị. Ví dụ trong này tôi muốm hiển thị các bài viết với nhãn là : phatgiao
- Chú ý : Nếu bạn để nhãn tiếng việt và có dấu cách thì bạn sửa thành địa chỉ sau:
http://ktvonline24.blogspot.com/feeds/posts/default/-/thế%20giới
![]() |
| Hình ảnh minh họa |
- Cuối cùng nhấn tiếp tục sẽ ra hình sau:
![]() |
| Hình ảnh sau khi thêm |
- Phần tiêu đề bạn sửa lại thành chuyên mục nhãn bài viết muốn hiển thị. Mặc định chỉ hiển thị tối đa 5 bài viết.
- Phía dưới là 1 số tùy chọn như : Tên tác giả, ngày đăng ....
Nhấn lưu để hoàn thành.Chúc thành công ! Vui lòng comment bên dưới nếu có thắc mắc hay không làm được mình sẽ support cho các bạn.
Read More »
Labels:
Thủ Thuật Blogger
Thủ thuật tao Button Demo & Download với CSS với hiệu ứng trượt
![]() |
| Ảnh demo cho thủ thuật CSS |
Bài viết hướng dẫn các bạn tạo ra nút button Demo và donload với CSS nhằm tô thêm vẽ đẹp cho bài viết của bạn trên blog. Các bước thực hiện như sau:
Bước 1: Thêm đoạn code bên dưới vào CSS
#wrap{margin:20px auto;text-align:center}
#wrap br{display:none}
.btn-slide,.btn-slide2{position:relative;display:inline-block;height:50px;width:200px;line-height:50px;padding:0;border-radius:50px;background:#fdfdfd;border:2px solid #0099cc;margin:10px;transition:.5s}
.btn-slide2{border:2px solid #efa666}
.btn-slide:hover{background-color:#0099cc}
.btn-slide2:hover{background-color:#efa666}
.btn-slide:hover span.circle,.btn-slide2:hover span.circle2{left:100%;margin-left:-45px;background-color:#fdfdfd;color:#0099cc}
.btn-slide2:hover span.circle2{color:#efa666}
.btn-slide:hover span.title,.btn-slide2:hover span.title2{left:40px;opacity:0}
.btn-slide:hover span.title-hover,.btn-slide2:hover span.title-hover2{opacity:1;left:40px}
.btn-slide span.circle,.btn-slide2 span.circle2{display:block;background-color:#0099cc;color:#fff;position:absolute;float:left;margin:5px;line-height:42px;height:40px;width:40px;top:0;left:0;transition:.5s;border-radius:50%}
.btn-slide2 span.circle2{background-color:#efa666}
.btn-slide span.title,.btn-slide span.title-hover,.btn-slide2 span.title2,.btn-slide2 span.title-hover2{position:absolute;left:90px;text-align:center;margin:0 auto;font-size:16px;font-weight:bold;color:#30abd5;transition:.5s}
.btn-slide2 span.title2,.btn-slide2 span.title-hover2{color:#efa666;left:80px}
.btn-slide span.title-hover,.btn-slide2 span.title-hover2{left:80px;opacity:0}
.btn-slide span.title-hover,.btn-slide2 span.title-hover2{color:#fff}
Request HTML: Khi viết bài bạn chỉ cần thêm đoạn code này vào bài viết
<div id="wrap">
<a class="btn-slide" href="http://ktvonline24.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Click here</span>
</a>
<a class="btn-slide2" href="http://ktvonline24.blogspot.com/" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">Download</span>
<span class="title-hover2">Click here</span>
</a></div>
Read More »
Labels:
Thủ Thuật Blogger
9/8/15
Hướng dẫn thêm code kết quả xổ số vào blogspot
![]() |
| Hình ảnh minh họa |
- Đăng nhập vào Blogger - Bố cục - Thêm tiện ích HTML/Javascript. Dán code bên dưới vào lưu lại ra ngoài xem kết quả.
<style type='text/css'> .pull-left, .print-kqxs{display: none;} .pull-right #provinceId, .pull-right #date{width:120px!important} .result-box table{margin-bottom:0!important;} .result-box td{border:1px solid #e1e1e1!important;} .result-box .result-footer{padding:0!important;margin-bottom:10px;} </style> <script type="text/javascript"> var widgetId = 'ketquavn-widget-embed'; var provinceId = 22; var backgroundColor = '#ffffff'; var titleColor = '#e62e04'; var gdbColor = '#e62e04'; var widthWidget = '100%'; var fontSize = '14px'; </script><div id="ketquavn-widget-embed"><script type="text/javascript" src="http://ketqua.vn/themes/v2.0/widget/widget.js"></script> <script type="text/javascript" src="http://ketqua.vn/tienich/widget/22"></script></div>
Read More »
Labels:
Thủ Thuật Blogger
9/7/15
Biểu tượng icon Facebook
| Biểu tượng icon facebook |
Bạn có thể dễ dàng dùng các icon Facebook này để thể hiện khi bạn đang hạnh phúc, buồn, yêu, cáu kỉnh, giận hờn,... Bạn chỉ cần chọn biểu tượng cảm xúc mà tốt nhất phù hợp với tâm trạng của mình khi đăng 1 status mới hoặc chat với bạn bè, người thân.
Ngoài ra, nếu bạn là một Facebook Marketer hoặc admin của một fanpage, bạn có thể dùng các biểu tượng này để làm cho nội dung bài post, mẫu quảng cáo của mình trở nên chuyên nghiệp hơn. Ví dụ: trong nội dung có dùng các icon facebook như: điện thoại, email, web, giỏ hàng, cảnh báo, chú ý, quà tặng,...
Để sử dụng các icon Facebook này, bạn làm theo các bước sau:
1. Chọn biểu tượng icon facebook muốn sử dụng
2. Click vào ô mã icon màu hồng, nhấn "CTRL + C" để copy (hoặc click chuột phải, chọn Copy)
3. Qua Facebook nhấn "CTRL + V" để dán/chèn (hoặc click chuột phải, chọn Paste)
Chú ý: đôi khi bạn sẽ thấy ô vuông ở phần mã, điều này có nghĩa là trình duyệt của bạn không hỗ trợ để đọc hiểu các ký tự đặc biệt, bạn đừng lo, cứ copy và paste vào Facebook, sau đó nhấn Enter thì biểu tượng icon vẫn hiện thị bình thường nhé.
Đầu tiên các bạn tải cái Tiện ích sau về.Tiện ích này dùng cho Google Chrome và Crôm nhé:
Tải icon facebook chát ở đây:
https://chrome.google.com/webstore/detail/facemoji-stickers-and-emo/pmmeolboeidmfiiingaoifjhjdkgmlgj?hl=vi
Sau khi tải về các bạn tiến hành cài đặt bình thường như các tiện ích khác.Việc vài đặt thì đơn giản nên mình không nói ở đâ.Chỉ là tải và tự động nó cài vào thôi.
Sau khi tải tiện ích về các bạn tắt trình duyệt đi và mở lên lại.Tự động nó sẽ thêm vào trang facebook của bạn tại mục comment facebook,status facebook,chat box …
Read More »
Labels:
Thủ Thuật Blogger
Thuật ngữ SEO/SEM
![]() |
| Search Engine Optimazation |
Thuật ngữ SEO/SEM
Các thuật ngữ SEO/SEM dưới đây do tôi tích lũy trong quá trình làm việc, một số dịch từ Wiki, các website trong và nước ngoài, vì vậy chắc chắn sẽ không tránh khỏi các thiếu sót, bạn có thể bổ sung các thuật ngữ bằng cách comment bên dưới, tôi sẽ bổ sung vào bài viết ngay.
Ngoài ra, nếu bạn thấy tôi có sai sót hãy góp ý cho tôi nhé !
Nếu thấy hay hãy nhấn +1 phía dưới hoặc bên trái, hoặc chia sẽ nó cho bạn bè của bạn, biết đâu nó sẽ có ích.
Dưới đây là liệt kê các danh sách thuật ngữ SEO/SEM (có kèm theo một số thuật ngữ được sử dụng trong blog, website mà tôi thấy cần thiết) nằm trong chuỗi bài viết về các thuật ngữ Internet Marketing. Dach sách các thuật ngữ, định nghĩa SEO/SEM này sẽ được tôi cập nhật thường xuyên hàng ngày, vì thế bạn hãy bookmark lại địa chỉ này để quay lại để xem những thuật ngữ được update mới nhất nhé.
Bài viết này tổng hợp tất cả các thuật ngữ cho nên hơi dài, tốt nhất bạn hãy kiếm 1 tách trà hay ly cafe, chúng ta vừa nhâm nhi vừa đọc sẽ hiệu quả hơn. Nào chúng ta cùng bắt đầu thôi.
Thuật ngữ 301 REDIRECT
“301 redirect” là gì? “301 redirect” là một phương pháp chuyển tiếp thông báo các trình duyệt và các công cụ tìm kiếm rằng trang webpage hoặc website đó đã được di dời hoàn toàn đến một địa chỉ mới. Đồng thời khi người truy cập địa chỉ web cũ cũng sẽ được tự động chuyển sang địa chỉ mới.
Thuật ngữ ALT/ALTERNATIVE TEXT
Alt là gì? Alt là một từ hoặc cụm từ dùng để mô tả một hình ảnh trên trang web. Không giống như con người, công cụ tìm kiếm chỉ đọc nội dung trong thẻ ALT của hình ảnh, chứ không phải hình ảnh đó. Hay nói cách khác, nội dung của nó sẽ hiển thị trên trình duyệt khi trình duyệt không thể trình bày được một hình ảnh vì lý do nào đó. Các SE xem nội dung của thẻ ALT như là anchor text trong trường hợp hình ảnh là một liên kết.
Thuật ngữ ANCHOR TEXT
Anchor text là gì? Anchor text là đoạn văn bản được dùng để hiển thị liên kết và được mọi người sử dụng để liên kết tới site của bạn. Nói một cách khác, chính là đoạn nội dung cụ thể mà người dùng nhấp vào. Trên hầu hết các trang web, văn bản này thường là màu xanh đậm và gạch chân, hoặc tím nếu bạn đã truy cập vào liên kết trong quá khứ. Anchor text giúp các công cụ tìm kiếm hiểu được trang đến nói về những gì: nó mô tả những gì bạn sẽ thấy nếu bạn nhấp chuột vào. Ví dụ: đây là “anchor text”
Thuật ngữ ARTICLE
Article là gì? Article là một bài viết đơn lẻ trên một blog hoặc website. Ví dụ bạn đang đọc bài viết của tôi về “Thuật ngữ trong SEO/SEM” thì đây gọi là 1 article.
Thuật ngữ Affiliate Marketing
Affiliate Marketing là gì? Affiliate marketing là hình thức Tiếp thị qua đại lý, là hình thức một Website liên kết với các site khác (đại lý) để bán sản phẩm/dịch vụ. Các Website đại lý sẽ được hưởng phần trăm dựa trên doanh số bán được hoặc số khách hàng chuyển tới cho Website gốc. Amazon.com là công ty đầu tiên đã thực hiện chương trình Affiliate Marketing và sau đó đã có hàng trăm công ty (Google, Yahoo, Paypal, Clickbank, Chitika, Infolinks, Godaddy, Hostgator…) áp dụng hình thức này để tăng doanh số bán hàng trên mạng.
Thuật ngữ Advertiser
Advertiser là gì? Advertiser: Chỉ những nhà quảng cáo, các doanh nghiệp quảng cáo trên internet (Advertiser thường đi đôi với Publisher)
Thuật ngữ Ad Network
Ad Network là gì? Ad Network – Advertising Network: Chỉ một mạng quảng cáo liên kết nhiều website lại và giúp nhà quảng cáo – có thể đăng quảng cáo cùng lúc trên nhiều website khác nhau. Google, Chitika, Infolinks, Admax… là những ad networks lớn trên thế giới. Tại Việt Nam hiện có một số Ad networks như: Ambient, Innity, Adnet của Adbay
Thuật ngữ AUTHOR
Author là gì? Author là tên tác giả, người viết ra bài viết (article) này.
Thuật ngữ ADWORDS
Adwords là gì? Adwords – Google Adwords là hệ thống quảng cáo của Google cho phép các nhà quảng cáo đặt quảng cáo trên trang kết quả tìm kiếm của Google hoặc các trang thuộc hệ thống mạng nội dung của Google. Google Adwords còn thường được gọi là Quảng cáo từ khoá, Quảng cáo tìm kiếm…
Thuật ngữ AVATAR
AVATAR là gì? Avatar ở đây không phải là phim Avatar của James Cameron nha :D. Avatar là một bức ảnh hoặc hình ảnh đại diện cho bạn trên blog hoặc các trang web, trang mạng xã hội khác. Nó thường được hiển thị ở trang hồ sơ cá nhân hoặc các phần bình luận.
Thuật ngữ ADSENSE
Adsense là gì? Adsense – Google Adsense là gì: Google Adsense là một chương trình quảng cáo cho phép các nhà xuất bản website (publisher) tham gia vào mạng quảng cáo Google Adwords, đăng quảng cáo của Google trên website của mình và kiếm được thu nhập khi người dùng click/hoặc xem quảng cáo.
Thuật ngữ ANALYTICS
Analytics là gì? Analytics – Google Analytics: Là công cụ miễn phí của Google cho phép cài đặt trên website để theo dõi các thông số về website, về người truy cập vào website đó.
Thuật ngữ BLOG
Blog là gì? Blog là một thuật ngữ có nguồn gốc từ cặp từ “Web Log” hay “Weblog” dùng để chỉ một tập san cá nhân trực tuyến, một quyển nhật ký dựa trên nền web… Blog thường được duy trì bởi một cá nhân hoặc nhóm người. Blog cá nhân hoặc blog của doanh nghiệp thông thường sẽ bao gồm các mục bài viết thường xuyên về những bình luận, mô tả các sự kiện, hoặc những cái khác, ví dụ như hình ảnh và video.
Thuật ngữ BLOGGER
Blogger là gì? Người viết bài cho blog được gọi là một blogger, và hành động viết blog được biết đến với tên là blogging. Google cũng có một website về blogging được gọi là Blogspot hay “blogger”.
Thuật ngữ BLOGOSPHERE
Blogosphere là gì? Blogosphere là công cụ tìm kiếm blog được dùng để tìm kiếm, thu nhập nội dung từ các blog
Thuật ngữ BLOGROLL
Blogroll là gì? Blogroll đôi khi được viết là blog-roll, đây là một danh sách mà blogger liên kết đến những blog khác để đọc hoặc hỗ trợ trao đổi link.
Thuật ngữ BOOKMARK
Bookmark là gì? Bookmark là một liên kết đến một trang web được lưu vào trình duyệt web hay trong máy tính của bạn để sau này tham khảo.
Thuật ngữ CANONICAL URL
Canonical URL là gì? Canonical URL là URL mà các webmasters muốn search engine xem như là địa chỉ chính thức của 1 webpage. Canonical URL dùng để ngăn chặn trùng lặp nội dung trong website.
Thuật ngữ CONVERSION FORM
Conversion Form là gì? Conversion form là mẫu form mà bạn dùng để thu thập thông tin về người truy cập trên trang web của bạn. Conversion form chuyển đổi người truy cập thành khách hàng tiềm năng, thu thập các thông tin liên lạc về khách hàng tiềm năng này.
Thuật ngữ CATEGORY
Category là gì? Category có nghĩa là chuyên mục, danh mục hay thể loại. Category và tags thường được sử dụng đồng nghĩa.
Thuật ngữ CMS, PLATFORM
CMS là gì? CMS là viết tắt của hệ thống quản lý nội dung (content management system). Nó là một chương trình phần mềm cho phép bạn thêm nội dung vào một trang web dễ dàng hơn. Ví dụ như Joomla, WordPress…
Thuật ngữ COMMENTS
Comments là gì? Comments là những bình luận, ý kiến của đọc giả để lại trên Blog hay diễn đàn. Đây là một cách hữu ích để bạn có thể kết nối với những người xem website của mình.
Thuật ngữ CONTENT NETWORKS
Content Networks là gì? Content Networks là thuật ngữ nói đến hệ thống các trang web tham gia vào mạng quảng cáo Google Adsense nhằm mục tiêu tạo thu nhập khi đặt các quảng cáo của Google. Các Advertiser cũng có thể lựa chọn quảng cáo của mình xuất hiện trên Content Networks khi sử dụng hình thức quảng cáo Google Adwords.
Thuật ngữ CONVERSION RATE
Conversion Rate là gì? Conversion Rate là chỉ số thể hiện tỷ lệ khách hàng thực hiện một hành vi sau khi xem/click vào quảng cáo, hành vi đó có thể là mua hàng/điền vào form, gửi email liên hệ, gọi điện… Đây là chỉ số quan trọng đánh giá hiệu quả của chiến dịch quảng cáo, chỉ số này có thể cho biết được doanh nghiệp đã bỏ ra bao nhiêu chi phí để có được một khách hàng (hoặc 1 khách hàng tiềm năng).
Thuật ngữ CTR
CTR là gì? CTR – Click through Rate là tỷ lệ click chuột, CTR được tính bằng tỷ lệ click chia số lần hiển thị của quảng cáo. Trong tất cả các hình thức quảng cáo trực tuyến thì quảng cáo qua công cụ tìm kiếm Google Adwords hiện có CTR cao nhất (trung bình khoảng 5%, cao có thể lên tới 50%), hình thức quảng cáo banner có CTR thấp, thậm chí chỉ đạt dc 0.01%.
Thuật ngữ CPA
CPA là gì? CPA – Cost Per Action là hình thức tính chi phí quảng cáo dựa trên số lượng khách hàng thực tế mua sản phẩm/điền form đăng ký/gọi điện/hay gửi email… sau khi họ thấy và tương tác với quảng cáo.
Thuật ngữ CPC
CPC là gì? CPC – Cost Per Click là hình thức tính chi phí quảng cáo dựa trên mỗi nhấp chuột vào quảng cáo. CPC đang là mô hình tính giá phổ biến nhất trong quảng cáo trực tuyến.
Thuật ngữ CPM
CPM là gì? CPM – Cost Per Mile (Thousand Impressions). CPM là hình thức tính chi phí dựa trên 1000 lần hiển thị của quảng cáo.
Thuật ngữ CPD
CPD là gì? CPD – Cost Per Duration là hình thức tính chi phí quảng cáo dựa trên thời gian đăng quảng cáo (1 ngày, 1 tuần, 1 tháng…). Hiện hình thức này chỉ còn tồn tại ở Việt Nam, các nước có ngành quảng cáo trực tuyến phát triển đã bỏ hình thức này từ rất lâu.
Thuật ngữ CONTEXTUAL ADVERTISING
Contextual Advertising là gì? Contextual Advertising là hình thức hiển thị quảng cáo dựa trên nội dung của trang web, hoặc dựa trên hành vi tìm kiếm của người dùng.
Thuật ngữ CLICK FRAUD
Click Fraud là gì? Click Fraud hay Fraud Click là những click gian lận có chủ ý xấu nhằm làm thiệt hại cho các nhà quảng cáo hoặc mang lại lợi ích không chính đáng cho người click. Fraud Click là một vấn nạn tại Việt Nam, chủ đề này thậm chí đã được BBC nhắc tới trong một bài viết nói về quảng cáo trực tuyến tại Việt Nam.
Thuật ngữ CSS, STYLESHEET
CSS là gì? CSS là viết tắt của Cascading Style Sheets. Trình bày văn bản bằng ngôn ngữ HTML, thường được sử dụng để định dạng các thuộc tính trên trang web. Ví dụ: bố cục trang, màu sắc và font chữ,… thường được thiết lập sẵn trong file này website được đồng bộ và tạo nên sự chuyên nghiệp
Thuật ngữ DIRECTORY
Directory là gì? Directory là nghĩa thư mục web, là một trang web có chứa danh sách website, blog. Các directory thường được xếp hạng bằng sự phổ biến của chúng và sắp xếp theo từng chủ đề hoặc thể loại. Bạn nên thêm website của bạn vào các thư mục web, nó sẽ giúp tạo ra nhiều lượt truy cập đến website của bạn, đặc biệt là khi bạn mới bắt đầu.
Thuật ngữ DOMAIN
Domain là gì? Domain hay còn gọi là tên miền, là định danh của website trên Internet, là địa chỉ web chính của trang của bạn (ví dụ: www.ngocchinh.com). Tên miền thường gắn kèm với tên công ty và thương hiệu của doanh nghiệp. Tên miền là duy nhất và được cấp phát cho chủ thể nào đăng ký trước.
Thuật ngữ DIMENSION
Dimension là gì? Dimension là kích thước của quảng cáo, theo tiêu chuẩn của IAB thì dưới đây là một số kích thước quảng cáo hiệu quả nhất: 336x280px, 300x250px, 728x90px, 160x600px…
Thuật ngữ DOORWAY PAGE
Doorway Page là gì? Doorway Page là một trang web (chỉ một trang đơn lẻ) được xây dựng nhằm mục đích tối ưu để có được thứ hạng cao trong kết quả tìm kiếm với một số từ khoá nhất định. Thuật ngữ này thường được các đơn vị làm SEO áp dụng để triển khai SEO cho website của khách hàng.
Thuật ngữ DEMOGRAPHICS
Demographics là gì? Demographics là thuộc tính nhân khẩu học của khách hàng được các doanh nghiệp sử dụng nhằm mục đích tiếp cận đúng đối tượng tiềm năng trong chiến dịch quảng cáo của họ. Các thuộc tính cơ bản như: Độ tuổi, Giới tính, Tình trạng hôn nhân, Thu nhập…
Thuật ngữ DISPLAY ADVERTISING
Display Advertising là gì? Display Advertising là thuật ngữ chỉ Quảng cáo hiển thị, là hình thức quảng cáo banner trên các báo điện tử, hay quảng cáo banner/rich media qua các mạng quảng cáo.
Thuật ngữ FAVICON
Favicon là gì? Favicon là một ảnh nhỏ, điển hình như logo hoặc biểu tượng khác cho trang web của bạn, nó xuất hiện trên thanh địa chỉ của trình duyệt, các trang yêu thích hoặc bookmark. Trong HTML nó được viết như sau:
Thuật ngữ FEED
Feed là gì? Feed là một nguồn tin được sử dụng để cung cấp cho các người dùng với thường xuyên đăng ký nhận thông tin. Feed thường được cung cấp dưới dạng 1 đường link RSS. Ví dụ Feed của blog tôi là: http://feeds.feedburner.com/ngocchinh
Thuật ngữ FOLD
Fold là gì? Fold là một ranh giới vô hình trên trang web của bạn, nói đơn giản cho dễ hiểu nó chính là điểm nằm ngay phía trên thanh trạng thái (status bar) của trình duyệt. Khi mở website ra xem, nó chính là ranh giới của phần được thấy và phần không nhìn thấy (muốn thấy phải kéo xuống)
Thuật ngữ FORUM SEEDING
Forum seeding là gì? Forum seeding/Nick seeding/Online seeding là hình thức truyền thông trên các diễn đàn, forum nhằm mục đích quảng bá sản phẩm/dịch vụ bằng cách đưa các topic/comment một cách trực tiếp hoặc gián tiếp, lôi kéo thành viên vào bình luận, đánh giá về sản phẩm hoặc dịch vụ.
Thuật ngữ GEOGRAPHIC
Geo Targeting/Geographic là gì? Geo Targeting/Geographic là hình thức quảng cáo dựa vào thuộc tính vị trí của khách hàng. Quảng cáo sẽ xuất hiện tương thích với vị trí địa lý của khách hàng. Hình thức này hiện chưa phổ biến ở Việt Nam do việc xác định vị trí dựa theo IP giữa các địa phương tại Việt Nam chưa rõ ràng
Thuật ngữ HEADER
Header là gì? Header là phần trên cùng của website bạn, xuất hiện trước và nằm trên bất kỳ trang nào hoặc bài viết nào. Header thường bao gồm các phần logo, slogan, và menu định hướng, đôi khi có thêm tìm kiếm, banner quảng cáo, tùy vào mục đích của người chủ website.
Thuật ngữ HYPERLINK
Hyperlink là gì? Hyperlink là siêu liên kết, đồng nghĩa với từ link, là đường dẫn mà người dùng có thể click vào nó để đi đến trang khác, hoặc trong một phần của trang. Văn bản, nội dung mà bao gồm các siêu liên kết (hyperlink) được gọi là “anchor text”
Thuật ngữ HYBRID PRICING MODEL
Hybrid Pricing Model là gì? Hybrid Pricing Model là một mô hình tính giá trong Online Marketing kết hợp giữa CPC và CPA (hoặc đôi khi kết hợp giữa CPC, CPA, CPM).
Thuật ngữ HTML
HTML là gì? HTML là viết tắt của Hypertext Markup Language, một ngôn ngữ được sử dụng để viết các trang web. Hầu hết các yếu tố HTML được viết bắt đầu bằng một thẻ mởvà kết thúc bằng một thẻ đóng, với nội dung ở giữa.
Thuật ngữ INBOUND LINK
Inbound link là gì? Inbound link là một liên kết từ một trang web khác đến trang web của bạn, hay còn gọi là Back Link. Nếu bạn có nhiều Inbound link thứ hạng website của bạn trên Google chắc chắn sẽ được cải thiện.
Thuật ngữ INTERNAL LINK
Internal link là gì? Internal link là một liên kết từ trang này sang trang khác trên cùng một trang web, ví dụ như từ trang chủ của bạn đến trang sản phẩm của bạn. Xây dựng hệ thống Internal link tốt sẽ giúp website cải thiện thứ hạng trên công cụ tìm kiếm.
Thuật ngữ IMPRESSION
Impression là gì? Impression là thuật ngữ chỉ số lần xuất hiện của quảng cáo, đôi khi chỉ số này không phản ánh chính xác thực tế vì có thể quảng cáo xuất hiện ở cuối trang nhưng người dùng không kéo xuống tới quảng cáo đó vẫn có thể được tính là 1 impression.
Thuật ngữ INDEX(ED)
Index là gì? Index là quá trình mà công cụ tìm kiếm tìm thấy nội dung của bạn và sau đó lưu trữ và hiển thị nó trong kết quả tìm kiếm để trả về cho người dùng. Để kiểm tra xem website của bạn đã được index hay chưa, bạn chỉ cần vào Google và gõ vào tên miền của website mình, để xem bao nhiêu trang của website mình được index bạn gõ vào như sau: “site:ngocchinh.com”. Thay ngocchinh.com bằng tên miền của bạn.
Thuật ngữ JAVASCRIPT
Javascript là gì? Javascript là một loại ngôn ngữ lập trình cho phép các nhà quản trị, thiết kế web áp dụng nhiều hiệu ứng hay thay đổi nội dung trang web của họ để hiển thị cho người xem. Công cụ tìm kiếm thường khó đọc nội dung ở bên trong của Javascript.
Thuật ngữ KEYWORD(S)
Keyword là gì? Keywords là từ khóa, một từ hoặc cụm từ mà người duyệt web nhập vào công cụ tìm kiếm để tìm thông tin. Từ khóa trong SEO là từ hoặc cụm từ có liên quan đến sản phẩm, dịch vụ hay lĩnh vực nào đó mà người dùng nhập vào các bộ máy tìm kiếm.
Thuật ngữ KPI
KPI là gì? KPI – Key Performance Indicator là chỉ số để đánh giá hiệu quả của một chiến dịch quảng cáo.
Thuật ngữ LINK BUILDING
Link building là gì? Link building là quá trình xây dựng liên kết (inbound link/backlink) nhiều hơn đến trang web của bạn để cải thiện bảng xếp hạng trong công cụ tìm kiếm. Link building là phần quan trọng nhất trong SEO Off-page
Thuật ngữ LONG-TAIL KEYWORD
Long-tail keyword là gì? Long-tail keyword là những từ khóa dài, mang tính chi tiết về 1 sản phẩm, dịch vụ hay một vấn đề nào đó. Những từ khóa dài sẽ tiếp cận chính xác với mục tiêu hơn, giảm thiểu độ cạnh tranh so với các từ khóa ngắn, chung chung. Ví dụ: từ khóa “phần mềm” sẽ có tính cạnh tranh rất cao và không đúng mục tiêu của người cần tìm, nhưng với từ khóa dài “phần mềm chỉnh sửa ảnh” người ta sẽ tìm đúng trang cần tìm hơn.
Thuật ngữ METADATA
Metadata là gì? Metadata là một dạng siêu dữ liệu, là những thông tin truyền tải ý nghĩa của các thông tin khác. Metadata bao gồm một tập hợp các phần tử thiết yếu để mô tả 1 nguồn thông tin. Là dữ liệu mà trang web của bạn đề cập đến cho công cụ tìm kiếm biết.
Thuật ngữ META DESCRIPTION
Meta Description là gì? Meta Description là một mô tả ngắn gọn về một trang hay bài viết. Đó là nơi bạn đặt các nội dung liên quan và làm sao để thu hút người click vào website của bạn trên trang kết quả tìm kiếm. Một đoạn mô tả tốt dài khoảng hai dòng (không quá 160 ký tự).
Thuật ngữ META KEYWORDS
Meta Keywords là gì? Meta Keywords là một yếu tố phổ biến và nổi tiếng nhất trong lịch sử của các công cụ tìm kiếm, nó được dùng để mô tả nội dung của một trang web. Tuy nhiên, các công cụ tìm kiếm nhanh chóng nhận ra rằng thẻ meta keywords này thường không chính xác hoặc gây hiểu lầm và thường xuyên dẫn đến các trang web rác. Đó là lý do tại sao thẻ meta keywords không còn được các công cụ tìm kiếm đánh giá cao.
Thuật ngữ META TITLE
Meta title là gì? Meta Title hay còn gọi là thẻ tiêu đề. Tiêu đề là dòng text hiển thị đầu tiên của trang web và được in đậm trên kết quả tìm kiếm của các công cụ tìm kiếm.
Thuật ngữ META TAGS
Meta tags là gì? Meta Tags là một thuật ngữ toàn diện bao gồm các thẻ tiêu đề (Title), thẻ mô tả (Description) và thẻ từ khóa (Keyword). Ba thẻ này gộp lại với nhau gọi là các thẻ meta (meta tag). Các thẻ meta cung cấp thông tin về một trang web, giúp công cụ tìm kiếm phân loại chúng một cách chính xác.
Thuật ngữ MOZRANK
Mozrank là gì? Mozrank được viết tắt là mR. Mozrank là một đơn vị tính Link popularity score do tổ chức SEOMoz thiết lập, Giá trị mozRank được SEOMoz quy định là một số logarit từ 1 đến 10. Bất kỳ trang nào cũng có mozRank tương ứng bởi số lượng và chất lượng của những liên kết đến chúng; trang nào nhận được nhiều liên kết có chất lượng hơn thì mozRank sẽ cao hơn.
Thuật ngữ NEWBIE
Newbie là gì? Newbie là thuật ngữ có nghĩa là Người mới .Thuật ngữ này thường áp dụng cho những người chưa biết sử dụng máy tính và Internet hoặc mới tham gia vào một lĩnh vực nào đó liên quan tới internet. Bạn đang mày mò tìm hiểu về Google Adsense? Bạn là một newbie về Adsense, hay bạn là một người đang tập chăn gà :D
Thuật ngữ Domain-level mozRank
Domain-level mozRank là gì? Domain-level mozRank được viết tắt là DmR. DmR quy định sự phổ biến của một tên miền so với các tên miền khác trên Internet. DmR chỉ được tính cho root domain và sub domain. Cách tính DmR giống như mR nhưng được áp dụng ở cấp độ tên miền, tức là nếu có nhiều liên kết đến từ 1 tên miền khác trỏ đến 1 tên miền nào đó sẽ được tính vào DmR.
Thuật ngữ NOFOLLOW
Nofollow là gì? Nofollow là một thuộc tính liên kết, là một cách để bạn thông báo cho công cụ tìm kiếm biết là không lần theo liên kết này. Nofollow được áp dụng với 2 hình thức: 1 là qua thẻ Meta, 2 là qua thẻ liên kết: Trần Ngọc Chính
Thuật ngữ ONLINE MARKETING
Online Marketing là gì? Online Marketing là hình thức marketing dựa trên các công cụ của internet. Online Marketing bao gồm nhiều công cụ/hình thức như: Display Advertising, SEM – Search Engine Marketing, Email Marketing, Social Marketing…
Thuật ngữ Organic Search Result
Organic Search Result là gì? Organic Search Result là kết quả tìm kiếm tự nhiên trong trang kết quả tìm kiếm của các công cụ tìm kiếm. Ngoài Organic Search Result trang kết quả tìm kiếm còn có Paid Search Result.
Thuật ngữ PAGERANK
Pagerank là gì? PageRank hay Ranking viết tắt là PR tạm dịch là thứ hạng trang. Là một hệ thống đánh giá các liên kết trang Web của Google và có giá trị từ 0-10. Trang của bạn càng nhận nhiều liên kết chất lượng trỏ đến thì mức độ quan trọng trang của bạn càng tăng và có giá trị cao hơn.
Thuật ngữ PAGEVIEWS
Pageviews là gì? Pageviews là số trang web được mở – Chỉ số này tác động đến thu nhập của publisher khi tham gia vào các mạng quảng cáo. Pageviews càng cao càng mang lại nhiều Impression và Click và giúp làm tăng thu nhập. Pageviews của website còn thể hiện độ lớn của website đó.
Thuật ngữ Paid Listing
Paid Listing là gì? Paid Listing là thuật ngữ thể hiện việc phải trả tiền để được xuất hiện trên 1 website, đó có thể là trang kết quả tìm kiếm của các Search Engine hay một trang web danh bạ nào đó.
Thuật ngữ PANDA
Panda là gì? Google Panda được ra đời để thay thế cho Google Cafein. Với tầm nhìn rõ ràng của Google Panda là loại bỏ những nội dung rác, nội dung copy, loại bỏ những website có chất lượng kém mà không có giá trị cho người sử dụng… Google Panda là bộ lọc quan trọng để cải tiến các kết quả tìm kiếm mới của Google.
Thuật ngữ PERMALINK
Permalink là gì? Permalink là một địa chỉ URL của một bài viết cụ thể trên một website.
Thuật ngữ POST
Post là gì? Post đồng nghĩa với “article”. Về cơ bản, một post là một article trong một website.
Thuật ngữ PPL
PPL là gì? – Pay Per Lead; PPS là gì? – Pay Per Sale: tham khảo thuật ngữ CPA ở trên.
Thuật ngữ PPC
PPC là gì? PPC là viết tắt của Pay Per Click (trả tiền theo nhấp chuột). Một loại hình quảng cáo mà trong đó người quảng cáo đặt quảng cáo của mình tại một địa điểm nào đó (công cụ tìm kiếm, website), và bất cứ khi nào khách thăm nhấp chuột vào quảng cáo của bạn, bạn sẽ bị mất một chi phí nhất định tương ứng với nhấp chuột đó, giá bỏ thầu cho một click càng cao bạn càng được liệt kê ở các vị trí cao, do vậy sẽ thu được một lượng khách thăm lớn hơn. Google Adwords là một chương trình PPC điển hình.
Thuật ngữ PAYMENT THRESHOLD
Payment Threshold là gì? Payment Threshold là mức thu nhập tối thiểu để yêu cầu thanh toán. Là mức thu nhập tối thiểu mà bạn phải đặt được trước khi muốn yêu cầu thanh toán từ các mạng Affiliate. Ví dụ, với Google Adsense mức tối thiểu là 100 USD, Chitika và Infolinks mức tối thiểu là 50 USD. Mức Payment Threshold còn phụ thuộc vào hình thức thanh toán (Payment Method) mà bạn lựa chọn. Ví dụ thanh toán qua Western Union, Paypal hay Check…
Thuật ngữ POP UP AD
Pop Up Ad là gì? Pop Up Ad là hình thức quảng cáo hiển thị trong một cửa sổ mới khi bạn ghé thăm một website nào đó. Hình thức này dễ gây phản cảm và không được người dùng hưởng ứng.
Thuật ngữ POP UNDER AD
Pop Under Ad là gì? Pop Under Ad là hình thức quảng cáo hiển thị trong một cửa sổ mới phía dưới cửa sổ hiện tại.
Thuật ngữ RANKING FACTOR
Ranking Factor là gì? Ranking Factor là những yếu tố để các công cụ tìm kiếm xếp hạng một trang nào đó, chẳng hạn như số lượng các liên kết (backlink), hoặc các nội dung, các thẻ meta tags trên trang đó…
Thuật ngữ ROI
ROI là gì? ROI – Return on Investment: Hiệu quả trên ngân sách đầu tư. Chỉ số này thường kết hợp với CPA để biết được để có một khách hàng doanh nghiệp phải tốn bao nhiêu chi phí, và sau cả chiến dịch với 1 khoản ngân sách nhất định thì doanh nghiệp thu lại được hiệu quả gì?
Thuật ngữ REDIRECT
Redirect là gì? Redirect được sử dụng để xác định một địa chỉ URL thay thế và để chuyển hướng người sử dụng (hoặc công cụ tìm kiếm) đến một địa chỉ khác. Trong SEO có 2 loại redirect là 301 và 302. Tương tự với redirect 301 ở trên cùng, nhưng redirect 302 có nghĩa là chuyển hướng tạm thời.
Thuật ngữ REFERRER
Referrer là gì? Referrer là thông tin được gửi bởi trình duyệt của người dùng khi họ di chuyển từ trang này sang trang khác. Nó bao gồm thông tin địa chỉ trang web mà họ truy cập trước đó.
Thuật ngữ RSS
RSS là gì? RSS là viết tắt của từ Really Simple Syndication, là một định dạng tập tin thuộc họ XML dùng trong việc chia sẻ tin tức Web (Web syndication) được dùng bởi nhiều website tin tức và weblog. Xem thêm trên Wiki http://vi.wikipedia.org/wiki/RSS_(định_dạng_tập_tin)
Thuật ngữ SEM
SEM là gì? SEM – Search Engine Marketing là hình thức Marketing qua công cụ tìm kiếm, bao gồm Google Adwords và SEO
Thuật ngữ SEO
SEO là gì ? SEO – Search Engine Optimization: Tối ưu hoá công cụ tìm kiếm. Tập hợp các phương pháp làm tăng tính thân thiện của Website đối với động cơ tìm kiếm với mục đích nâng thứ hạng của Website trong trang kết quả tìm kiếm theo một nhóm từ khoá mục tiêu nào đó.
Thuật ngữ SERP
SERP là gì? SERP được viết tắt dựa trên cụm từ Search Engine Results Page, tạm dịch là những trang kết quả được các bộ máy tìm kiếm (Google, Yahoo, Bing ..) trả về khi một ai đó thực hiện một truy vấn tới các bộ máy tìm kiếm này.
Thuật ngữ SITEMAP
Sitemap là gì? Sitemap (sơ đồ website) là file/trang liệt kê tất cả các mục thông tin trên trang web của bạn cùng sự mô tả ngắn gọn cho các mục thông tin đó. Site map nên được sử dụng dễ dàng trong việc thực hiện tìm kiếm nhanh để tìm ra thông tin cần thiết cũng như trong việc di chuyển thông qua các đường link trên website của bạn. Site map rất hữu hiệu cho các bot của các Search Engine lùng sục trong site của bạn để lập chỉ mục (index), có lợi cho SEO.
Thuật ngữ SOCIAL MEDIA SHARING
Social Media Sharing là gì? Social media sharing hay còn gọi là chia sẽ, truyền thông trên các mạng xã hội. Hãy cho mọi người cơ hội để chia sẽ nội dung của bạn cho bạn bè họ. Hiện nay các website như addthis.com hỗ trợ các đoạn mã, plugin giúp bạn chèn vào website một cách dễ dàng.
Thuật ngữ SOCIAL MEDIA/MARKETING
Social Media / Social Marketing là gì? Social Media hay Social Marketing là hình thức marketing thông qua các mạng xã hội, ứng dụng mạng xã hội vào việc làm marketing.
Thuật ngữ SOCIAL NETWORKS
Social Networks là gì? Social networks là tên gọi chung cho các mạng xã hội. Social Networks có thể được chia thành nhiều nhóm lĩnh vực:
– Mạng chia sẻ video: Youtube, Vimeo, Daily Motion, Clip.vn…;
– Mạng chia sẻ hình ảnh: Flick, Picasa, Photobucket, Upanh.com, Anhso.net…
– Mạng chia sẻ âm nhạc: Zing Mp3, Nhaccuatui, Yahoo Music, Nhacso.net, Nghenhac.info…
– Mạng kết bạn: Facebook, ZingMe, Go.vn, Linkedin, Myspace, Google+, Truongxua.vn
– Mạng cập nhật tin tức: Twitter
– Các diễn dàn/Forum: Danh sách diễn đàn ở VN và nước ngoài có rất nhiều và phổ biến
– Mạng hỏi đáp: Yahoo Hỏi đáp, Vật Giá hỏi đáp, Google hỏi đáp…
– Mạng chia sẻ kiến thức, tài liệu: Tailieu.vn, Slideshare.net, Docstoc.com…
– Và còn rất nhiều trang web khác cũng được xếp vào là Social Networks
Thuật ngữ SPIDER
Spider là gì? Spider là một chương trình của các công cụ tìm kiếm dùng để thu thập thông tin về các trang web. Spider hoạt động dựa trên các đường liên kết, nếu không có các đường liên kết spider sẽ KHÔNG THỂ HOẠT ĐỘNG. Spider còn được gọi là Crawler, Robots…
Thuật ngữ SUBSCRIBE
Subscribe là gì? Subscribe nghĩa là đăng ký nhận thông tin (giống Follow trên twitter) khi bạn Subscribe một người hoặc website tức là bạn theo đăng ký nhận các thông tin theo dõi về người hoặc website đó. Website của bạn nên có nhiều phương tiện khác nhau mà qua đó người dùng có thể đăng ký nhận thông tin, nên bao gồm email và RSS.
Thuật ngữ TAG
Tag là những từ khóa bạn dùng tựa như nhãn tên để mô tả hoặc tập hợp các bài blog. Thêm tag vào bài viết giúp cho bạn đọc dễ dàng tìm được bài viết cần tìm thông qua từ khóa chính. Điều đó mang lại sự tương tác cao giữa thông tin và người đọc và giúp họ có thể chọn lựa thông tin trước khi đọc. Hơn thế nữa, tag giúp diễn đàn, blog, website có hạng cao trên google thông qua những từ khóa nhất định.
Thuật ngữ TITLE
Title là gì? Title là tiêu đề của bài viết, là câu mô tả ngắn và tổng quan về chủ đề của bài viết.
Thuật ngữ TRAFFIC
Traffic là gì? Traffic là lượng truy cập vào trang web của bạn từ nhiều nguồn.
Thuật ngữ TRAFFIC RANK
Traffic rank là gì? Traffic Rank hay Traffic Ranking tạm dịch là một chỉ số đánh giá thứ hạng của trang Web của bạn dựa trên lưu lượng, số lượng người ghé thăm trang Web… so với tất cả các trang web khác trên internet. Bạn có thể kiểm tra thứ hạng của bạn trên Alexa.
Thuật ngữ URL
URL là gì? URL là viết tắt của Uniform Resource Locator được dùng để tham chiếu tới tài nguyên trên Internet, cụ thể là dùng để định nghĩa 1 website. Vd: www.ngocchinh.com
Thuật ngữ UNIQUE VISITOR
Unique Visitor là gì? Unique Visitor là chỉ số thể hiện số người truy cập duy nhất/không bị trùng lặp vào 1 website nào đó trong 1 khoảng thời gian.
Thuật ngữ USABILITY
Usability là gì? Usability là thuật ngữ online marketing thể hiện sự tiện dụng, tính dễ sử dụng của website đối với người dùng.
Thuật ngữ VISIT
Visit là gì? Visit là số lượt ghé thăm website.
Thuật ngữ VISITOR
Visitor là gì? Visitor là số người ghé thăm website.
Thuật ngữ XML SITEMAP
XML Sitemap là gì? XML Sitemap là một tập tin để thông báo danh sách các liên kết trên trang web của bạn. XML Sitemap có thể dễ dàng được tạo ra và có rất nhiều công cụ miễn phí để giúp bạn tạo tập tin này. Xem thêm ở định nghĩa về Sitemap ở trên.
Nguồn bài viết: sưu tầm
Read More »
Labels:
Thủ Thuật Blogger
Subscribe to:
Posts (Atom)



















