Làm thế nào để chèn được code PHP vào Blogspot? Cách chèn File PHP vào blogger như thế nào? - Bài viết này cuti Blogspot hướng dẫn các bạn cách chèn File code PHP vào ngay blog của mình.
Các bước tiến hành như sau: 1- Đăng nhập vào bảng điều khiển blogger 2- Chọn Bố cục (Layout) 3- Chọn Thêm tiện ích (Add widget) 4- Chọn HTML/Javascipts và dán code bên dưới vào.. <object width="400" height="300" type="text/html" data="cuti.php"></object> Trong đó File cuti.php được thay bằng File PHP của bạn Kích thước Width, height cũng được thay bằng kích thước bạn tùy chỉnh
Chắc hẳn các webmaster đều muốn blog và website của mình được seo tốt. Và họ dùng rất nhiều thủ thuật để hỗ trợ việc đó. Đối với các hệ thông hiện đại như wordpress hay joomla thì có rất nhiều plugin hỗ trợ. Nhưng đối với Blogger(blogspot) thì khác nó không được dễ dàng như vậy. Trong những thủ thuật SEO thì seo media cũng rất quan trọng, ở đây mình nói đến Seo Image, do đó để toàn diện hơn bạn nên thêm tiện ích này vào cho blog của mình, mình sẽ giới thiệu thu thuat blogspot hay cho các bạn. Khi ta chèn thủ công thì phải theo mẫu này:
Nhưng đó sẽ là ác mộng nếu như bài viết của chúng ta có nhiều hình ảnh, code loàng ngoằng hoạc khi chúng ta lười .Do đó thay vì chèn thủ công cho những lần post bài, bạn chỉ việc chèn đoạn code sau vào trước thẻ </body> để sử dụng mãi mãi cho các lần post tiếp theo mà ko cần chèn thủ công!
Do vậy khi ta viết bài, hãy đặt tên cho những bức ảnh của bài viết sao cho thật liên quan, và đó cũng chính là từ khóa để SE tìm đến bạn!
Tham khảo thêm:
Tối Ưu Hóa Thẻ Alt Và Title Image Cho Hình Ảnh
Rất nhiều Webmaster không nhận thấy sự khác nhau giữa thẻ alt và title. Trong bài viết này vietSEO sẽ cùng các bạn tìm hiểu sự khác nhau cơ bản giữa thẻ alt image và title image và cách sử dụng chúng. Code:
Alt text có nghĩa là alternative information – thông tin thay thế cho người dùng không hiển thị được hoặc chọn ẩn hình ảnh trong trình duyệt hoặc đơn giản là các user agents không có khả năng hiển thị hình ảnh. Thẻ alt mô tả hình ảnh nhằm cung cấp thông tin cho những người dùng vừa kể trên như các bạn có thể quan sát qua hình minh họa bên cạnh.
Nếu không có thẻ alt cho hình ảnh, trình duyệt Internet Explorer hay Firefox sẽ hiển thị một biểu tượng rỗng lỗi. Năm ngoái, Google đã chính thức tuyên bố rằng máy tìm kiếm sẽ tập trung vào phân tích văn bản trong thẻ alt để hiểu rõ hơn nội dung của tệp tin ảnh. Title image công cấp thông tin bổ sung (additional information) và tuân theo các chỉ dẫn về tiêu đề : phải ngắn gọn, miêu tả chính xác, hợp lý. Ví dụ trong Internet Explorer hay Firefox, bạn sẽ thấy hiển thị như sau khi lướt chuột qua file hình ảnh :
Qua các thông tim trên, chúng ta có thể rút ra kết luận rằng :
Cả hai thẻ alt và title đề quan trọng đối với người dùng mặc dù thẻ alt có tỏ ra quan trọng hơn đối với máy tìm kiếm. Chúng đều cung cấp thông tin về hình ảnh nhằm khuyến khích người dùng hiển thị chúng.
Theo chuẩn W3C thì thẻ title không bắt buộc, trong khi đó thẻ alt được khuyến nghị. Thẻ alt còn góp phần giúp tăng khả năng truy cập cho người dùng khiếm thị (accessibility ) bao gồm cả các máy tìm kiếm như đã nói ở trên.
Hãy thêm các từ khóa liên quan tới hình ảnh trong cả hai thẻ nhưng văn bản trong cả hai thẻ phải khác nhau. Việc nhồi nhét từ khóa và trong thẻ alt và Title sẽ không mang lại lợi ích gì, hãy tìm các từ khóa chính xác phản ảnh đúng nội dung hình ảnh. Nên bỏ thời gian ra tối ưu hóa các thẻ hình ảnh vì nó sẽ mang lại cho các bạn lượng tìm kiếm hình ảnh từ Google Images .
Thêm một điểm quan trọng các Webmaster cần lưu ý là khi sử dụng các banner cỡ lớn trong phần header, thì phần mô tả alt của banner đóng vai trò quan trọng góp phần giúp Google hiểu thêm nội dung của Website.
Truy cập vào một số trang Web bạn có thấy có một ứng dụng nút Like (thích) Page Facebook của họ ngay ở trang Web đó. Đó là việc Webmaster đã chèn trang facebook vào Web của họ. Mình cũng đã làm trên Blog của mình. Các bạn ủng hộ trang mình thì cho 1 LIKE nhé! Bài viết này mình hướng dẫn các bạn chèn trang facebook của bạn vào Website, blogger - blogspot , blog của bạn.
Sau đó các bạn bấm "Get Code" và được 2 đoạn code. Có hướng dẫn chèn đầy đủ + chi tiết. - Đoạn Code 1: Chèn sau thẻ <body> - Đoạn Code 2: Chèn vào vị trí mà bạn muốn hiển thị. -------------------------------------------- Xong rồi đấy các bạn. Nếu thấy hay thì vào page mình chém gió và LIKE cho Page mình 1 phát nhé! --------------- Chúc các bạn vui vẻ !
Breadcrumbs (url phân cấp) rất cần thiết cho một trang Web khi trang Web đó có nhiều chuyên mục - đường link khác nhau. Tạo Breacrumbs giúp cho người theo dõi Website của bạn biết được vị trí của mình đang ở đâu, và di chuyển được thuận tiện. Dạo quanh trang Plugins của Blogger - blogspot tôi thấy được thủ thuật này, và giới thiệu đến các bạn trên blogger. Trước hết chúng ta cùng tìm hiểu về Breacrumbs và lợi ích của nó.
1. Breadcrumbs là gì? - Breadcrumbs là 1 dạng tập hợp các liên kết giúp người xem Website xác định được vị trí của mình trong Site đó: Ví dụ: Bạn đang ở >> Home >> thu-thuat-blogger >> Tạo breadcrumbs cho blogger (blogspot) 2. Lợi ích của Breadcrumbs
Người dùng biết được vị trí của mình trên Site
Thuận tiện di chuyển đến các trang mà không phải di chuyển vể trang chủ
Breadcrumbs giúp ích cho việc SEO: giảm tỷ lệ thoát của website.
Google cũng đánh giá thông qua Breadcrumbs của site.
Như vậy việc tạo Breadcrumbs rất cần thiết cho việc SEO website, SEO blogger.
3. Hướng dẫn tạo breadcrumbs cho blogger (blogspot)
Bước 1: Vào Template (Mẫu) > Edit HTML (chỉnh sửa HTML) chọn Expand the Widget Templates (Mở rộng Mẫu tiện ích) Bước 2: Tìm tới đoạn Code <b:include data='top' name='status-message'/> và dán dòng này bên trên nó <b:include data='posts' name='breadcrumb'/> Bước 3: Tìm dòng <b:includable id='main' var='top'> Dán đoạn Code dưới đây trước nó (nếu tìm thấy 2 dòng code ở bước 3 thì hãy dán code dưới đây ở cái dòng code thứ 2 nhé) <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span> </b:if> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> Đoạn code màu xanh chỉ hiển thị nhãn cuối cùng của bài viết. Nếu bạn muốn hiển thị tất cả các nhãn của bải viết thì hãy bỏ 2 dòng màu xanh đấy đi. Bước 4: Tìm tới dòng ]]></b:skin> Và thêm Code dưới đây ngay trên nó .breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3; } Các bạn có thể tùy chỉnh CSS theo ý của mình Sau đó lưu mẫu lại, vào một bài viết nào đó để thấy kết quả hiển thị của Breadcrumbs ! Chúc các bạn thành công !
Hiển thị một danh sách các bài viết gần đây bên sidebar của bạn (Scrolling/Ticker Recent Post Gadget For Blogger) là một cách tuyệt vời để giữ khách truy cập của bạn bận rộn. Có rất nhiều tiện ích bài viết gần đây bạn có thể sử dụng, nhưng namkna thủ thuật này chắc chắn sẽ gây sự chú ý của độc giả khi truy cập vào blog của bạn.
Widget bài viết mới nhất (gần đây) này tương tự như các bài viết gần đây với hình thu nhỏ nhưng có thêm chức năng cuộn (Scrolling). Nó kết hợp các plugin vticker jQuery để tạo ra một hiệu ứng trượt đơn giản và kiểu dáng đẹp và cuộn các bài viết. Tiện ích được giới thiệu bởi Cuti.
Làm Thế Nào Để Add Scrolling Recent Post Cho Blogger?
1- Đăng nhập (login) vào Blog 2- Vào Bố cục (Lay out) 3- Chọn Thêm tiện ích (Add gadget) 4- Tạo một widget HTML/Javarscip và Thêm đoạn code bên dưới vào:
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostticker.js" ></script>
<script style='text/javascript' src='http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,pause: 3000,showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://www.longchimvac.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
Trong đó:
Nếu blog bạn đã có thư viện Jquery thì hãy loại bỏ code màu xanh đi.
Thay http://www.longchimvac.com/ thành URL blog của bạn.
numposts =7; là số lượng bài viết muốn hiển thị.
showItems:3 Số bài viết hiển thị trong 1 lần chuyển động.
speed: 500, thời gian chuyển động
pause: 3000, thời gian dừng sau mỗi lần chuyển động
var showpostthumbnails = true; hiển thị ảnh thumbnail nếu không muốn thì thay truethành false
var showcommentnum = false; Nếu muốn hiển thị số comment thì thay flase thànhtrue
var showpostdate = false; Nếu muốn hiển thị ngày đăng thì thay flase thành true
var showpostsummary = false; Nếu muốn hiển thị mô tả thì thay false thành true
width:55px;height:55px Chiều rộng và cao của ảnh thumbnail
float:right Ảnh ở bên phải tiêu đề nếu muốn bên trái thì thay right thành left
Chú Ý:
Một điều rất quan trọng. Tiện ích có thể xảy ra tình trạng hiệu ứng di chuyển có thể khônghoạt động, có thể do mâu thuẫn giữa một số plugin jQuery đã có trong Blog của bạn, giải pháp phổ biến nhất để điều này là thêm mã sau đây vào cuối tiện ích:
Nói đến quảng cáo trên trang web, thông thường tại một không gian web cố định bạn chỉ có thể đặt 1 banner, lấy ví dụ trên phần Header về bên phải bạn chỉ có thể đặt 1 banner có kích thước 468x60 hoặc banner 125x125 ở sidebar. Script sau đây sẽ giúp tạo hiệu ứng chạy luân phiên các banner, từ đó trang web của bạn sẽ trở nên sinh động hơn.
Về cơ bản thủ thuật này hiển thị giống như thủ thuật Tạo Banner quảng cáo hiển thị ngẫu nhiên Cho blog.
1- Đăng nhập vào Blog
2- Vào Bố cục (Layout)
3- Bấm vào Thêm tiện ích (Add widget)
4- Tạo một tiện ích HTML/Javascripts và dán đoạn code sau đây vào tiện íchHTML/Javascripts bạn vừa tạo.
<script type="text/javascript">
// Banner Rotation Script by Bloggerism
var ban = new Array();
var link = new Array();
var index = 0;
ban[0] = new Image();
ban[0].src = "URL_banner_0";
link[0] = "URL_link_0";
ban[1] = new Image();
ban[1].src = "URL_banner_1";
link[1] = "URL_link_1";
ban[2] = new Image();
ban[2].src = "URL_banner_2";
link[2] = "URL_link_2";
index = Math.random() * (ban.length);
index = Math.floor(index);
function rotator()
{if (index == ban.length) index = 0;
if (document.images) {
document.images.rotation.src = ban[index].src;
}
else {
document.getElementById('rotation').src=ban[index].src;
}
index++;
setTimeout('rotator()',3000);
}
function go() {window.open(link[index-1]);}
</script>
<img id="rotation" style="cursor:pointer;" src="" onclick="go();"/>
<script type="text/javascript">rotator();</script>
5- Lưu lại và xem kết quả nha.
☼ Tùy Chỉnh:
Thay URL_banner_0, URL_banner_1, URL_banner_2 thành URL của hình ảnh bạn muốn hiển thị trên banner
Thay URL_link_0, URL_link_1, URL_link_2 thành linh liên kết tới trang cần quảng cáo tương ướng với mỗi bức ảnh ở bên trên.
Chú ý số 3000 ám chỉ 3000 mili giây, tương đương 3 giây chỉ khoảng cách giữa các lần chuyển banner. Bạn có thể điều chỉnh con số này tùy ý.
Hình thức quảng cáo Popup là hình thức bật ra cửa sổ web mới khi lướt web hoặc khi click vào 1 site bất kỳ, code tạo quảng cáo đã được nhiều bạn share trên mạng,
hôm nay Cuti chỉ tổng hợp lại các code tạo popup được share trên mạng, có nhiều loại quảng cáo popup nhưng nhìn chung có 1 số loại cơ bản sau: Đầu tiên bạn cần:
1. Đăng nhập vào tài khoản Blogger 2. Vào phần thiết kế (Design) 3. Chọn chỉnh sửa HTML (Edit HTML) 4. Bạn tìm đến thẻ <body> và thay nó thành 1 trong 2 đoạn Script sau A. Javascript xuất hiện nhiều tab mỗi khi click chuột
Ở trên mình mặc định là 3 trang sẽ được mở ra khi click chuột, bạn hoàn toàn có thể thêm nhiều hơn bằng cách thêm window.open("địa chỉ web/blog"). B. Javascript xuất hiện popup khi click chuột lần đầu tiên (theo sinhvienit.net)
<body onclick="vtlai_popup();">
<script language="javascript">
/* <![CDATA[ */
var sinhvienit=0;
function SVIT_ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}
function SVIT_ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
}
else document.cookie = name+"="+decodeURIComponent(value);
}
function vtlai_popup()
{
var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
if (cookie_popup_ads=='') {
if(sinhvienit==0)
{
sinhvienit=1;
var Time_expires = 24 * * 1000;
SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
var urllist = ['http://cutiseo.blogspot.com','http://www.cuti.mobi','http://seoblogvi.blogspot.com'];
var url = urllist[Math.floor(Math.random() * urllist.length)];
var params = 'width=' + '300';
params += ', height=' + '300';
params += ', top=0,left=0,scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';
var pop_ads_open = window.open(url, 'sinhvienit_ads_pop', params);
}
}
}
/* ]]> */
</script>
Đối với đoạn script này thì cửa sổ Popup chỉ mở ra khi bạn click chuột lần đầu tiên khi truy cập một blog, các thao tác click về sau cửa sổ popup sẽ khi còn xuất hiện như script đầu tiên, script đầu tiên chỉ cần bạn click là nó xuất hiện tab mới tần suất xuất hiện cao hơn script này. Hơn nữa script này sẽ lấy ngẫu nhiên trang web/blog trong urllist để xuất hiện.
C. Xuất hiện nhiều cửa sổ khi click lần đầu tiên
Ở code phần A thì mỗi lần bạn click vào vị trí bất kỳ trên blog các cửa sổ sẽ xuất hiện ngay, còn code phần B thì các cửa sổ chỉ xuất hiện lần lượt và ngẫu nhiên khi bạn click trên blog lần đầu tiên vào blog. Code phần C này là sự kết hợp 2 code trên, tức là khi bạn click vào blog lần đầu tiên tất cả các cửa sổ đều xuất hiện và chỉ 1 lần duy nhất, những cú click tiếp theo trên cùng 1 trình duyệt thì các cửa sổ không xuất hiện nữa với khoảng thời gian nhất định.
<body onclick='vtlai_popup();'>
<script language='javascript'>
//<![CDATA[
var sinhvienit=0;
function SVIT_ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}
function SVIT_ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
}
else document.cookie = name+"="+decodeURIComponent(value);
}
function vtlai_popup()
{
var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
if (cookie_popup_ads=='') {
if(sinhvienit==0)
{
sinhvienit=1;
var Time_expires = 24 * 3600 * 1000;
SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
var params = 'width=' + '600';
params += ', height=' + '500';
params += ',scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';
var vtlai_popup_0 = window.open('http://cutiseo.blogspot.com', 'vtlai_popup_0', params +', top=0,left=0');
var vtlai_popup_1 = window.open('http://cuti.mobi', 'vtlai_popup_1', params +', top=0,left=0');
var vtlai_popup_2 = window.open('http://seoblogvi.blogspot.com', 'vtlai_popup_2', params +', top=0,left=0');
var vtlai_popup_3 = window.open('http://share-vi.blogspot.com/', 'vtlai_popup_3', params +', top=0,left=0');
}
}
}
//]]>
</script>
D. Code tạo quảng cáo popup xuất hiện 1 lần/1 ngày/1 ip Tìm đến thẻ <body> và thay thế thành như bên dưới
<body onclick='popunder();'> <script> /* <![CDATA[ */ function Set_Cookie(a,b,c,e,f,g){var d=new Date;d.setTime(d.getTime());d=new Date(d.getTime()+c);document.cookie=a+"="+escape(b)+(c?";expires="+d.toGMTString():"")+(e?";path="+e:"")+(f?";domain="+f:"")+(g?";secure":"")}function Get_Cookie(a){var b=document.cookie.indexOf(a+"="),c=b+a.length+1;if(!b&&a!=document.cookie.substring(0,a.length)||-1==b)return null;a=document.cookie.indexOf(";",c);-1==a&&(a=document.cookie.length);return unescape(document.cookie.substring(c,a))} function Delete_Cookie(a,b,c){Get_Cookie(a)&&(document.cookie=a+"="+(b?";path="+b:"")+(c?";domain="+c:"")+";expires=Mon, 11-November-2020 00:00:01 GMT")} function popunder(){null==Get_Cookie("cucre")&&(Set_Cookie("cucre","cucre Popunder","1","/","",""), pop=window.open("http://www.cutiseo.blogspot.com","windowcucre"), pop.blur(),window.focus())}function addEvent(a,b,c){a.attachEvent?a.attachEvent("on"+b,c):a.addEventListener?a.addEventListener(b,c,!0):a["on"+b]=c} addEvent(window,"load",function(){addEvent(document.body,"click",function(){popunder()})}); /* ]]> */</script>
Bạn thay địa chỉ http://www.cutiseo.blogspot.com ở trên thành địa chỉ web/blog mà bạn muốn chạy quảng cáo.
