Thủ thuật

Thay logo của Google blogger bằng logo của blog bạn

9:02 AM JilinTour.Com 0 Comments

Thay đổi ICON cho blogspot

Bạn có muốn thấy logo của mình xuất hiện trong thanh địa chỉ của các trình duyệt web như IE hay FireFox thay vì lúc nào cũng chỉ nhìn thấy cái logo chán ngắt của google lúc nào cũng xuất hiện và không tạo được dấu ấn riêng của bạn . Hãy làm theo cách này , bãn hãy chép đoạn code dưới đây ( nhớ phải chép chính xác đấy ) rồi thay địa chỉ logo

http://pcy6rq.blu.livefilestore.com/y1p0DI4HrHrjpe6_HsdxJ5sKwqm7D_k6AQ5SzlmtwHnU2Dwnw0T2nIhXmAjTMlbaXmDZnOQbXucens/thantoc.gif

bằng địa chỉ logo của blog bạn . Vậy là xong , chúc các bạn thành công


<LINK REL="SHORTCUT ICON"  HREF="http://pcy6rq.blu.livefilestore.com/y1p0DI4HrHrjpe6_HsdxJ5sKwqm7D_k6AQ5SzlmtwHnU2Dwnw0T2nIh XmAjTMlbaXmDZnOQbXucens/thantoc.gif">






Sau đó chép vào phần Bố Cục , tab Chỉnh Sửa HTML , chèn đoạn code vào sau phần <head>


Nếu Làm như Vậy mà Không dc thì bạn làm lại như sau:
Tìm
<title> <data:blog.pageTitle/> </title>

Và Thêm vào bên trên code sau:


<link href='http://vnwallpapers.com/wp-content/themes/atahualpa3/images/favicon/20-favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/> 



Trong đó thay
http://vnwallpapers.com/wp-content/themes/atahualpa3/images/favicon/20-favicon.ico bằng link ico của bạn.
nếu bạn chon là file ảnh gif,jpg.... thì đôi khi không hiện nên dc,bạn nên chon là định dạng .icon
Chúc bạn Thành công

0 comments:

Thủ thuật

Bật Khung comment ngay dưới bài viết

8:59 AM JilinTour.Com 0 Comments

Trước tiên hãy vào http://draft.blogger.com trong phần Cài đặt ,mở tab Nhận Xét

image

sau đó chọn vào Bài đăng dưới đây đã được nhúng trong phần Vị trí Mẫu Nhận Xét

image Sau đó lưu lại là xong bây giờ bảng comment đã xuất hiện trong blog của bạn rồi đó .

Còn nếu chưa xuất hiện nữa thì bạn hãy vào Chỉnh Sửa HTML ( nhớ lưu lại template phòng trường hợp bị hư còn có thể phục hồi ) , chọn Mở Rộng Mẫu Tiện Ích , rồi kiếm dòng :

<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a> </b:if> </p>



thay thế toàn bộ những dòng đó bằng :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


Sau đó nhấp vào Lưu Mẫu và mở blog bạn lên để xem kết quả .

Còn nếu không được nữa thì hãy tìm dòng sau :

<b:include data='post' name='comments' />



thay thế bằng :



<b:include data='post' name='comment-form'/>



Cuối cùng là lưu lại . Chúc bạn thành công

0 comments:

Thủ thuật

Thêm hình ảnh Icon ở Trước hoặc sau tiêu đề bài viết

6:59 AM JilinTour.Com 0 Comments

Để thêm hình ảnh hoặc icon (Show Image Icon Before/After Post Titles) ở phía trước hoặc sau mỗi bài viết giống như thử nghiệm của BloggerStop đã thực hiện ở hình vẽ dưới.

Bạn cũng có thể sử dụng hỉnh ảnh của bạn hoặc bất kỳ hình ảnh/Icon khác mà bạn yêu thích để thể hiện.

Để thực hiện điều này, bạn chỉ cần làm theo hướng dẫn đơn giản sau:

image

Truy cập vào Blogger, vào "Layout" -> "Edit HTML" -> click vào "Expand Widget Templates"

Tìm kiếm (bấm CTRL+F) để tìm dòng code sau:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
Giờ đây, để trình diễn hình ảnh phía trước tiêu đề bài viết thì bạn chỉ cần thêm mã hình ảnh vào giữa hai dòng mã trên, bạn sẽ được một mã mới giống như dưới:
<b:if cond='data:post.url'>
<img src=your Image Url'/>
<a expr:href='data:post.url'><data:post.title/></a>
Còn nếu bạn muốn trình diễn hình ảnh ở phía sau tiêu đề bài viết thì bạn thêm mã hình ảnh vào dưới 2 dòng mã đã tìm kiếm, mã mới của bạn có dạng:
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<img src=your Image Url'/>

Bước cuối cùng là bạn Lưu mẫu template và xem kết quả đã thực hiện.

phattrien@so chúc các bạn thành công với thủ thuật trên

0 comments:

Thủ thuật

Icon Về đầu trang cho Blogger

6:43 AM JilinTour.Com 0 Comments

Chắc các bạn thấy ở nhiều trang Web, blog có hiện icon "Top of Page", "Back to Top", "Về Đầu Trang"... khi click vào đó thì nhanh chóng quay trở lại đầu trang không phải dùng đến thanh trượt.

Các bạn không phải lo ngại gì về vấn đề làm thay đổi cấu trúc hay lo ngại việc xuất hiện của Icon này sẽ che mất một phần bài viết bởi đây là một icon có kích thước nhỏ, được liên kêt với "mục tiêu" phía trên bằng cách sử dụng symbol "#".

Để thực hiện điều này trước tiên bạn cần tạo cho mình một biểu tượng - icon "Back to top" bằng các phần mềm chuyên dụng rồi upload lên PhotoBucket, Flickr hoặc host nào đó trên mạng, hoặc có thể tìm kiếm rồi copy. Chọn cách nào cũng được, không bắt buộc cầu kỳ trong vấn đề này.

Ví dụ một số icon:
Return Top images image Return Top 2

Các mã được sử dụng để tạo "Back to top" là biểu tượng liên kết được xây dựng bởi cấu trúc sau:




<a href="#"> <-- Link mục tiêu phía đầutrang
<img src="url-of-image" <-- URL của icon
alt="alternative text" <-- Alt text để tiếp cận
title="Back to Top" <-- Đoạn text tittle
style="display: scroll; <-- Mã để cho phép cuộn icon
position: fixed; <-- Cố định vj trí icon
bottom: 5px; <-- icon hiển thị khoảng cách 5px tính từ dưới
right: 5px;" /></a> <-- Hiển thị khoảng cách 5px bên phải.


Cài đặt tạo link "Về Đầu trang".
Hãy copy đoạn mã HTML/JavaScript dưới:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://đường dẫn của icon bạn sử dụng"/></a>
Sau đó paste chúng vào giữa đoạn thẻ <body> </body>. Dùng tiện ích (Ctrl+F) để tìm đoạn thẻ </body> và paste ngay trước thẻ này.

Sau khi paste, bạn có thể Preview xem nó có hoạt động hay không. Sau đó hãy Save changes nếu không có trục trăc gì.


Hiệu chỉnh biểu tượng

Nếu bạn mong muốn thay đổi icon biểu tượng mới, chỉ cần thay đường dẫn màu đỏ bằng đường dẫn tới biểu tượng mới mà bạn ưa thích.
Bạn cũng có thể hiệu chỉnh vị trí cho phù hợp với template của mình bằng cách hiệu chỉnh các chỉ số sau tùy theo ý của bạn:
position: fixed;
bottom: 0px;
right: 0px;

Bạn cũng có thể vị trí iconbiểu tượng cho phù hợp với thiết kế của bạn. Ví dụ, nếu bạn muốn biểu tượng trên để được tuôn ra với phía dưới góc phải (không có không gian), thay đổi mã ở trên. Để ấn định vị trí biểu tượng đi từ bên phải hay bên dưới, chỉ cần tăng pixel để phản ánh giá trị này.
Bài này được dịhc từ blog Amanda, các bạn có thể áp dụng đối với blog của mình và cho mình biết ý kiến của bạn nhé.

Bạn có thể vào http://blogvietshow.blogspot.com để xem ví dụ áp dụng.

0 comments:

Thủ thuật

Chèn một đoạn văn bản cuối bài đăng

6:34 AM JilinTour.Com 0 Comments

image Ghé qua một số blog tôi thấy cuối bài đăng chèn thêm một đoạn văn bản mang nội dung cám ơn bạn đọc (di4vn.com, vietnam-blogger.com) hay cảnh báo về bản quyền (gocbep.com). Đoạn văn này có thể thêm dễ dàng vào mã nguồn theo hướng dẫn sau.

Đăng nhập Blogger, click trên Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML), đánh dấu Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm vị trí <p><data:post.body/></p> (có thể dùng Ctrl + F).

Hướng dẫn 1. Blog không sử dụng "Đọc thêm":

Chỉ cần tạo một đoạn văn bản dán kế phía dưới code tìm thấy trên và lưu lại. Bạn có thể đặt đoạn văn này có định dạng, màu sắc và nằm giữa hai thẻ <p> và </p>.

Hướng dẫn 2. Blog sử dụng "Đọc thêm":

Code trong hướng dẫn sử dụng "Đọc thêm" như sau:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
</b:if>


Bây giờ bạn sửa lại và bổ sung thêm phần màu đỏ:


<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
<b:else/>
<p>Nội dung đoạn văn bản cuối bài đăng</p>
</b:if>


Ví dụ tôi đã đưa vào blog này (Bao gồm "Đọc tiếp ..." và đoạn văn bản):

    <p><data:post.body/>
<b:if cond='data:blog.pageType != "item"'>
<p><a expr:href='data:post.url'><span style='font-weight:bold;'>Đọc tiếp ... </span></a></p>
<b:else/>
<p><div style='font-style: italic; text-align: justify;'>Cám ơn bạn đã ghé <a href='http://www.thuthuatblog.com' target='_blank'><span style='font-weight: bold;'>ThuThuatBlog.com</span></a>. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng nhấn <span style='font-weight: bold;'>Post a Comment</span> phía cuối. Nếu muốn nhận bài viết mới qua email hãy đăng ký địa chỉ ở khung bên trái. Để ghé thăm lại, bạn có thể nhấn vào thực đơn <span style='font-weight: bold;'>Favorites</span> (Internet Explorer) hoặc <span style='font-weight: bold;'>Bookmark</span> (Mozilla Firefox) lưu lên trình duyệt hay <span style='font-weight: bold;'>Bookmark</span> kế dưới đây lưu lên các trang chia sẻ trực tuyến. Ngoài ra bạn có thể đọc bài viết bằng các công cụ đọc tin <a href='http://www.thuthuatblog.com/feeds/posts/default' target='_blank'><span style='font-weight: bold;'>Feed</span></a>. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.</div></p>
</b:if>
</p>


Bạn có thể thấy hiển thị cuối mỗi bài viết trên blog này.
Chúng ta đang dùng "Đọc thêm" nhưng lại sử dụng theo Hướng dẫn 1 đoạn văn bản sẽ xuất hiện trên blog dù bài đăng chỉ là nội dung tóm tắt (phần đầu bài). Trong khi sử dụng Hướng dẫn 2 đoạn văn chỉ xuất hiện khi xem post đầy đủ.
Tiện lợi của hướng dẫn này giúp bạn chỉ cần thêm một lần, không phải mất công copy dán mỗi khi bài viết hoặc lưu sẵn vào Post Template (tìm thấy trên Settings -> Formatting). Ngoài ra sau này bạn cũng không cần phải vào từng post để sửa lại khi cần thay đổi nội dung đoạn văn bản cuối.

theo ThuthuatBlog.com

0 comments:

Thủ thuật

Danh mục số trang - Page cho Blogspot

6:30 AM JilinTour.Com 0 Comments

imageMặc định của các mẫu blogspot, phía dưới cùng gần sát với footer là các danh mục về "trang" thông thường khi vào trang đầu tiên thì bao gồm 2 link là "Home" và "Old Post". Khi bạn click vàp "Old Post" thì sẽ được chuyển đến trang tiếp theo thì có thêm link "Newer Post".

Tuy nhiên, có một số Blog, phía dưới được thay bằng một danh mục đánh số trang nhìn rất chuyên nghiệp. Loay hoay tìm kiếm được trên mạng được tiện ích về "Số trang", để thực hiện chỉ cần đơn giản copy mã và dán vào tiện ích HTML/Javacript mà không phải cân thiệp Hack hoặc vào chỉnh sửa trong HTML. image

Tôi xin giới thiệu các bước thực hiện áp dụng cho Blogspot - Blogger để có được danh mục số trang như hình bên.




1. Đăng nhập vài tài khoản Blog của bạn tại http://www.blogger.com

2. Trong "Bảng điều khiển - Dashboard" của Blogger, bạn click vào "Bố cục - Layout"

image

3. Bạn hãy chọn click "Thêm tiện ích - Page Elements". Khi xuất hiện bảng lựa chọn "Thêm tiện ích", bạn cuộn chuột xuống dưới để lựa chọn "HTML/ Javascript" rồi click chọn vào dấu "+" bên phải.

HTML/ Javascript Gadget


4. Màn hình xuất hiện bảng "Định cầu hình HTML/Javascript - Configure" .

Trong phần nội dung bạn copy mã code dưới rồi paste vào.






<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>


Sau khi đã thêm mã Javascript bạn cần kéo và thả tiện ích này vào dưới Blog Posts. Xem hình minh hoạ cho việc này.

Page Navigation Menu Widget

Trong đoạn mã trên bạn có thể thay đổi giá trị được đánh dấu màu đỏ như ở dưới.


1 : var pageCount = 5;
Con số này thể hiện số bài sẽ được hiển thị trên mỗi một trang. Bạn có thể thay đổi tuỳ ý, thông thường chọn số nhỏ hơn 10 để Blog được hiển thị với tốc độ nhanh hơn.

2 : var displayPageNum = 3;
Sổ biểu thị sô trang hiển thị trên thanh tiện ích.

Như vậy bạn đã có một Tiện ích mới để lựa chọn thêm vào Blogger/Blogspot của mình. Hãy commnet nhận xét về tiện ích này nếu bạn thấy thích thú với nó nhé. Chúc các bạn thành công.

Nguồn: Blog của Rias-techno-wizard

0 comments:

Tạo Menu cho Blogspot

10:00 PM JilinTour.Com 0 Comments

Bứơc1:
Download 2 files dưới:
DDM1_script.js, and
DDM1_style.css

Download zipped file Tại đây.

Bước 2:
Upload chúng lên HotLinkFiles.com, và lấy LINK trực tiếp 2 file này từ HotLinkFiles.

Bước 3:
Log in vào Blogger, vào Layout và click chọn "Edit HTML"

Bước 4:
Tìm (CTRL+F) đoạn code:</head>

và Dán trên nó đoạn mã dưới:

<!--MULTI-LEVEL-DD-MENU-STARTS-->

<link rel="stylesheet" href="http://......HotLinkFiles.com...../DDM1_style.css" type="text/css" />

<script type="text/javascript" src="http://......HotLinkFiles.com...../DDM1_script.js"></script>

<!--MULTI-LEVEL-DD-MENU-http://www.vnpressnet.com-->



Thay thế link màu đỏ bằng LINK trực tiếp mà bạn đã thực hiện ở Bước 2.

Bước 5:
Bạn vào "Layout" -> "Edit HTML" -> "Page Elements" và click vào "Add a Gadget" và chọn kiểu tiện ích "HTML/JavaScript".

Và dán đoạn code dưới vào đó:


<!--MULTI-LEVEL-DD-MENU-STARTS-->
<ul class="menunew" id="menu">
<li><a href="#" class="menulink">Dropdown One</a>
<ul>
<li><a href="#">Navigation Item 1</a></li>
<li>
<a href="#" class="sub">Navigation Item 2</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</li>
<li>
<a href="#" class="sub">Navigation Item 3</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li>
<a href="#" class="sub">Navigation Item 3</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li><a href="#">Navigation Item 6</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 4</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
</ul>
</li>
<li><a href="http://www.vnpressnet.com" class="menulink">Blogger Help</a></li>
<li>
<a href="#" class="menulink">Dropdown Two</a>
<ul>
<li><a href="#">Navigation Item 1</a></li>
<li>
<a href="#" class="sub">Navigation Item 2</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" class="menulink">Dropdown Three</a>
<ul>
<li><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
<li><a href="#">Navigation Item 3</a></li>
<li><a href="#">Navigation Item 4</a></li>
<li><a href="#">Navigation Item 5</a></li>
<li>
<a href="#" class="sub">Navigation Item 6</a>
<ul>
<li class="topline"><a href="#">Navigation Item 1</a></li>
<li><a href="#">Navigation Item 2</a></li>
</ul>
</li>
<li><a href="#">Navigation Item 7</a></li>
<li><a href="#">Navigation Item 8</a></li>
<li><a href="#">Navigation Item 9</a></li>
<li><a href="#">Navigation Item 10</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
<!--MULTI-LEVEL-DD-MENU-http://www.vnpressnet.com-->

Như vậy bạn đã thực hiện được Menu dạng thanh ngang bao gồm các cộc chính sổ xuống các menu phụ cùng nội dung chính như hình minh họa trên. Tất nhiên bạn phải điều chỉnh nội dung các Navigation Item cũng như đường link # trước khi lưu lại công việc đã thưucj hiện.
Tiện ích Menu trên được phattrien@so tham khảo từ: LeigeberBoggerstop

0 comments:

Hướng dẫn tạo widget “Recent comment" – Nhận xét mới

9:56 PM JilinTour.Com 0 Comments

Sau mỗi bài viết, khi khách truy cập vào có thể để lại lời nhận xét về bài viết hay những vấn đề thắc mắc đó. Nếu luôn phải tìm những lời nhận xét "Comments" đó thì thật vất vả. Do đó phattrienso đã cố gắng tìm kiếm và phổ biến cho các bạn thủ thuật này.

Trong bài viết trước: "Hướng dẫn thủ thuật tạo Nhận xét mới" có thể là hữu ích tuy nhiên có vể phức tạp và rối rắm.

Trong bài viết này xin hướng dẫn bạn tạo Widget “Nhận xét mới” được tham khảo (thực ra là upload lại) từ http://www.howit.org

Để thực hiện điều này bạn hãy coppy đoạn code dưới và cho vào Widget "HTML/Javascrip" đặt bất cứ đâu trên blog:




< >

<ul> <script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 10; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>>/g;
comment = comment.replace(re, "");
document.write('<li>');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '');
document.write('<br/>');
if (comment.length < comment =" comment.substring(0," quoteend =" comment.lastIndexOf(" comment =" comment.substring(0," target="_blank" href="http://www.blogger.com/%27%20+%20ctlink%20+%20%27">[[Đọc tiếp]]');
}
}
document.write('');
}
</script>
<script src="http://dangkhuong.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
Trong đó bạn hãy đổi dòng sau đánh dấu màu đỏ thành tên blog của bạn.

0 comments:

Hướng dẫn tạo thêm cột cho Blog (sidebar)

9:52 PM JilinTour.Com 0 Comments

< >

Tạo thêm cột(sidebar) cho blog như thế nào? là một câu hỏi được đặt ra với rất nhiều "new blogger". Nếu bạn muốn việc tạo thêm cột trở nên dễ dàng tôi khuyên bạn hãy sử dụng template Minima vì đây là template có cấu tạo đơn giản nhất. Trong bài viết này tôi sẽ sử dụng template Minima, các bạn hãy xem hướng dẫn dưới đây và có thể làm tương tự với template của mình.
Dưới đây là hình ảnh bạn có thể thấy trong Page Elements của template Minima:

Tạo thêm cột cho template gồm 2 bước:
1) Đặt tên và quy định các đặc tính vật lý cho sidebar :
Các bạn hãy xem đoạn code dưới đây:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Bạn sẽ thực hiện bước 1 trong đoạn code này.
outer-wrapper : Bao gồm header, main, sidebar và footer. Ở đoạn mã trên, ta có thể thấy chiều rộng (width) của outer, main và sidebar lần lượt là: 660px, 410px, 220px. Nếu bạn muốn thêm 1 sidebar nữa bạn cần nới rộng outer . Các đơn vị độ dài ở đây bạn có thể sử dụng là : px và % .
Tôi sẽ cho thay đổi chiều rộng của outer, main và sidebar lần lượt là: 100% , 48% , 23%. Sau đó đặt đoạn code sau đây xuống dưới đoạn code trên:
#newsidebar-wrapper {
width: 23%;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Đến đây thôi vẫn chưa xong bước 1. Nếu bạn muốn đặt các bài viết của bạn ở giữa và 2 sidebar nằm 2 bên bạn cần thay đổi thuộc tính Float của chúng. Tôi sẽ thay đổi thuộc tính Float của main, sidebar và newsidebar lần lượt là: left, right, left. Để thay đổi khoảng cách giữa các sidebar và main bạn cần thêm các thuộc tính Margin và padding. Bạn có thể đọc bài viết Tìm hiểu Margin và Padding" để biết cách sử dụng chúng.
Sau khi đã thêm các thuộc tính đó bạn sẽ có đoạn code như sau:
#outer-wrapper {
width: 100%;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 48%;
float: left;
margin:0 0 0 20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 23%px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#Newsidebar-wrapper {
width: 23%;
float:left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
2) Xác định vị trí của sidebar
Bạn hãy tìm đến đoạn code sau:

<div id='main-wrapper' > <b:section class='main' id='main' showaddelement='no' > <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/ > </b:section > </div >
Còn đây là đoạn code bạn cần chèn vào trong template của mình:
<div id='newsidebar-wrapper'> <b:section class='Newsidebar' id='Newsidebar' preferred='yes'/ > </div >


Nếu bạn muốn phần bài viết (main) nằm giữa 2 sidebar bạn phải chèn đoạn code mầu xanh lên trên đoạn code mầu đỏ. Nếu bạn muốn đổi vị trí của newsibar với main tức là newsidebar nằm giữa main và sidebar, bạn chỉ cần đổi lại vị trí 2 đoạn code trên là được.
Sau đó bạn tìm đến 2 đoạn code sau:
#header-wrapper {
width:660px;
margin:0 auto 10px;
}
và :
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Bạn thay đổi chiều rộng của header và footer từ 660px thành 100% . Save lại và mở Page Elements, bạn sẽ thấy:

Vậy là bạn có thể tự tạo cho mình 1 template 3 cột rồi đó. Nếu bạn muốn template của mình có 4 cột, bạn cũng làm bước 1 nhưng cần chỉnh lại chiều rộng của main, sidebar, newsidebar và ở bước 2 bạn có thể đặt code của sidebar mới lên trên hoặc ngay dưới code của newsidebar cũng được.
Nguồn: www.crazyboy89.blogspot.com

0 comments:

Tạo hiệu ứng zoom cho ảnh trong Blogspot

9:15 PM JilinTour.Com 0 Comments

Thông thường , khi vào các forum, các bạn đều gặp qua chức năng zoom ảnh mỗi khi người viết đăng tải ảnh có kích thước khá lớn. Chức năng này giúp người đọc nhanh chóng phóng to, thu nhỏ được hình ảnh một cách dễ dàng. Thủ thuật này khá hay, và mình sẽ giới thiệu cách tạo hiệu ứng zoom này cho Blogger nhờ file JS có tên FancyZoom. Mời các bạn xem qua.

1. Đầu tiên, các bạn đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng mẫu tiện ích)
2. Thêm đoạn code bên dưới vào ngay bên trên thẻ < /head>



<script src='http://boyprodx.110mb.com/ZoomImage.js' type='text/javascript'/>
<script src='http://boyprodx.110mb.com/ZoomImageinHTML.js' type='text/javascript'/>

3. Sau đó, kéo xuống khoảng dưới, xóa thẻ <body> và thay thế bằng code


<body onload="setupZoom()">


4. Save lại template .

Vậy là bạn đã thiết lập được tính năng zoom cho Blogger rồi đấy. Tuy nhiên, để dùng được tính năng này, thì kể từ giờ , bạn không dùng thẻ <img src="Link hình" /> để chèn hình nữa, mà phải dùng code sau :

<a href="Link hình"><img src="Link hình" width="300" height="200" border="0" /> </a>

Lưu ý :
Link hình phải có đuôi mở rộng như .jpg , .png, .gif ...
Width : độ dài thumbnail của ảnh.
Height : chiều cao thumbnail của ảnh.
Ví dụ như :<a href="http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_New_2009.png"><img src="http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_New_2009.png" height="200" width="300" border="0" /></a>
Theo Blog Tin Hoc

0 comments:

6:40 PM JilinTour.Com 0 Comments


Viết Lưu Bút
Xem bài viết mới nhất vừa gửi


0 comments:

11:29 AM JilinTour.Com 0 Comments

Ngày mai tung cánh muôn phương
Ơn thầy, nghĩa bạn ,tình trường không phai

0 comments:

Thủ THuật SEO (Đưa Site vào bộ nhớ Của Boot)

9:33 AM JilinTour.Com 0 Comments

0 comments:

9:32 AM JilinTour.Com 0 Comments

0 comments:

8:00 AM JilinTour.Com 0 Comments


0 comments:

12:21 AM JilinTour.Com 0 Comments

Ngày mai tung cánh muôn phương
Ơn thầy nghĩa bạn tình trường không phai

0 comments:

Thủ Thuật Nâng Cao Với Blogger

7:16 PM JilinTour.Com 0 Comments

  • Làm Playlist Nhạc Nền Cho Blog
  • Code Danh Ngôn Ngẫu Nhiên
  • Rút Ngắn Bài Viết Của Blogspot
  • Cách tạo menu Flash cho blog website
  • Công Cụ Chuyển Mã Quảng Cáo Trong Blogger
  • Chèn Html Widget Vào Header
  • Làm thế nào để nằm trong 10 vị trí đầu tiên trên Google
  • Giúp người truy cập dễ tìm ra trang web của bạn
  • Thủ thuật để tăng tốc độ tải của Blog
  • Tạo album Ảnh Cho Blog
  • Cách phá bỏ chặn đứng bởi VNPT với Blogger.com và Wordpress.com
  • Cách tạo "các bài liên quan" chuyên nghiệp (dùng cho Layout)
  • Hướng dẫn Convert dữ liệu từ blog Wordpress sang blogger
  • Đưa Blog (site) của bạn vào bộ nhớ của Google boot
  • 32 thủ thuật SEO cơ bản
  • Tạo Album nhạc trên Blog
  • Hướng Dẫn Làm Đồng Hồ Flash cho website , Blog
  • Đưa Phim Nhạc vào Blog
  • Hướng dẫn Thống kê tại http://www.histats.com/ cho blog
  • Sử dụng Google Analytics để thống kê cho Blog
  • Hướng Dẫn tạo Một Box chát trên Blog
  • Chèn bộ gõ Tiếng Việt vào trong Blogger
  • Tạo phân trang trong blogspot
  • Hướng Dẫn làm Playlist Nhạc Từ TimNhanh.com Cho Blog
  • Đặt Quảng Cáo Của Adnet (chodientu) Vào Template Blogspot
  • Chèn lịch Việt Nam vào blog
  • Thay logo của Google blogger bằng logo của blog bạn
  • Bật Khung comment ngay dưới bài viết
  • Thêm hình ảnh Icon ở Trước hoặc sau tiêu đề bài viết
  • Icon Về đầu trang cho Blogger
  • Chèn một đoạn văn bản cuối bài đăng
  • Danh mục số trang - Page cho Blogspot
  • Tạo Menu cho Blogspot
  • Hướng dẫn tạo widget “Recent comment" – Nhận xét mới
  • Hướng dẫn tạo thêm cột cho Blog (sidebar)
  • Tạo hiệu ứng zoom cho ảnh trong Blogspot
  • Random posts widget(Danh Sách Bài Viết Ngẫu Nhiên)
  • Code Đăt Trang của bạn làm trang chủ
  • Tạo Shoutbox Cho blog
  • Đăng Ký Tên Miền Qua DNS Trung Gian
  • 0 comments:

    31 kinh nghiệm chơi Google Adsense (GA)

    7:08 PM JilinTour.Com 0 Comments

    Đây là book tiếng anh của Joel Comm hướng dẫn tận tình từ cách thành lập trang site và làm sao để site thu hút người khác, làm sao để được nhìu clicks.Hoàn toàn từ các kinh nghiệm của tác giả.Rất bổ ích và cấn thiết cho những ai đang tập chơi google adsense
    Download

    31 kinh nghiệm chơi Google Adsense (GA)

    1, Bạn phải làm cho nội dung cái quảng cáo của Google trông như một phần của cái website của bạn, người ta ghét cái cảm giác click quảng cáo giúp 1 ai đó thu lợi nhuận, nhưng họ lại muốn tìm kiếm thông tin hửu ích cho mình

    2, Links text tốt hơn links ảnh, tất nhiên, vì phần một tôi nói đó là do tính cách con người, với lại links text cho ta và mọi người nhiều lựa chọn click hơn.

    3, Đừng có tách rời cái quảng cáo Google Adsense ra, bạn nên làm cho nó với màu link và màu nền trùng với cái web của bạn.

    4, Nên chơi duy nhất 1 loại quảng cáo Google Adsense, vì nó cho ta sự thống nhất và dể quản lý, với lại như thế sẽ không vi phạm quy định của Google Adsense trên cùng 1 trang.

    5, Sắp xếp thật hợp lý vị trí đặt Google Adsense, bạn nên làm cho người ta chú ý tức thời khi vào xem cái web của bạn, tuy cách này là tự bán khách cho người khác, nhưng nó lại cho ta một hiệu quả chơi Google Adsense tốt nhất, hãy đặt nó lên đỉnh cái website và một bên hông của bài viết, Google Adsense sẽ hiển thị tốt và sẽ cho một sự “đánh đồng” nội dung cao.

    6, Lượng truy cập, bạn đừng có tìm cách qua mặt Google Adsense với những trò click ảo, vì giải thuật tính toán của nó hết sức thông minh, bạn hông tin ư
    Hãy chơi đẹp, đó là cách kiếm tiền lâu dài và hợp lý nhất.

    7, Bạn nên dùng chính sách một nghề cho chín còn hơn chín nghề, đừng làm nhiều cái web quá, quản lý hông có nổi và lượng truy câmp sẽ hông có nhiều.

    8, Hãy nhớ, nội dung là VUA, chơi Google Adsense là quan trọng. Nhưng hãy xem người truy cập là Hoàng hậu, nhưng nếu không có VUA không có người truy cập vào xem nội dung bổ ích cái web của bạn thì chẵng mấy chốc bạn sẽ không kiếm được đồng nào.

    9, Luôn tuân thủ các quy định của Google Adsense, bạn tuyệt đối không được vi phạm, vì nghĩ đơn giản Google Adsense người ta chơi nhiều thế quản lý sao nổi, nhận định này là cực kỳ sai lầm vì không ai tự dưng mở két nhà người ta cho bạn lấy tiền.

    10, Không bao giờ thay đổi các đoạn HTML mà Google Adsense cung cấp cho bạn.

    11, Không được khuyến khích người ta click vào cái quảng cáo của Google Adsense dưới mọi hình thức . Google Adsense chỉ chấp nhận 2 dòng text này ở code của họ, bạn không được viết khác đi : “sponsored links” hoặc “advertisements.”.

    12, Không bao giờ tự click vào quảng cáo Google Adsense của bạn, Đừng f5 cái site của bạn quá mức, vì Google Adsense không chấp nhận site đang hoàn thiện, bạn có thể kiểm tra cái code hiển thị thế nào bằng công cụ Google Adsense Sandbox Tool.

    13, Không được dán cái Google Adsense vào pop-up windows, trang đang lổi hoặc trang trống.

    14, Không bao giờ bạn kiếm được nhiều tiền chỉ vì Google Adsense, hãy đi theo chủ đề bạn có khả năng. Thu nhập Google Adsense sẽ tự đến với bạn.

    15, Nếu nội dung ngắn, bạn đặt Google Adsense ở phía trên, nội dung dài bạn đặt Google Adsense vào đâu đó bên trong nội dung, người ta sẽ có nhu cầu tìm kiếm thông tin khi đang đọc .

    16,Nếu không thể dùng text như tôi đã nói, bạn buộc dùng hình ảnh thì nên chọn: 300×250 medium rectangle hoặc 160×600 wide skyscraper - hoặc cả 2 nếu bạn đặt nó để hiển thị nhiều trang.

    17, Thời gian, chính là thước đó của giá trị 1 click bao nhiều đồng, vào site click liền sẽ có giá trị thấp hơn là đọc nội dung hoặc vài phút sau click. Bởi thế bạn thấy một số site lớn, kinh nghiệm nó đặt Google Adsense ít nhưng giá trị cao.

    18, Bạn chỉ có thể dán vào 1 trang như thế 3 cái Google Adsense. Một dòng link . 2 cái Search, 1 cái link sản phẩm Google Adsense, nếu bạn có thêm nó cũng chả hiện ra.

    19, Hãy lọc đi các quảng cáo có tỷ lệ bid quá thấp 0.1$

    20, Nhưng dòng đầu tiên là điều quyết định Google Adsense sẽ hiển thị gì, hãy dùng

    ,

    cho những dòng mô tả này.

    21, Nếu là hộp tìm kiếm, hãy cho nó hiển thị ra ở cửa sổ mới, điều này không có vi phạm quy định của Google Adsense, bạn không tin thì hãy mail hỏi họ sẽ biết. Làm như thế chúng ta sẽ bớt bị mất khách.

    22, Đa số mọi người đều nghĩ cái Search luôn nằm trên đỉnh của cái web, cho nên bạn biết đâu là nơi đặt nó rồi chứ ?

    23, Nếu có thể, đừng viết hết nội dung vào 1 trang mà hãy để người ta sang trang khác để đọc, việc này sẽ giúp tăng tỷ lệ click Google Adsense hơn, vì người ta vẩn chưa tìm được cái người ta muốn, việc đó sẽ kích thích họ click vào Google Adsense hơn.

    24, Dùng URL channels để check được mổi cáci web riêng lẻ nếu bạn có nhiều web sài Google Adsense.

    25, Nếu CTR trang quá thấp, hãy xem lại cái tiêu đề và nội dung, hãy tối ưu lại nó.

    26, Sử dụng Use Overture hoặc Google Adwords Keywords để xe người ta quan tâm đến từ khóa nào nhiều nhất trong lĩnh vực bang đang theo đuổi và cố tối ưu cái trang của bạn hướng theo nó.

    27, Hãy dùng chương trình fix click Google Adsense để bảo vệ cái tài khoản của bạn khỏi những click xấu.

    28, Hãy dùng Google sitemap, nó có cho bạn biết người dùng đến với bạn bằng các từ khóa nào, và nếu có thể hãy xem người ta quan tâm những từ khóa nào trong cái web của bạn rồi bổ sung thêm cho nó hợp lý.

    29, Nếu bạn chỉ vì Google Adsense, hãy xem từ khóa nào có giá trị cao, hãy mua cái Domain có nội dung tương tự đó, rồi xem web nào quảng cáo, web nào liên quan và nội dung phong phú hơn, hãy dùng trình download, down nguyên cái html đó về và dán code Google Adsense của bạn vào, Nó không hiển thị cái nội dung có từ khóa cao đó mới lạ, cái này gọi là tận dụng chất sám.

    30, Đừng có khoe khoang cái Domain bạn đang chơi Google Adsense ra đối với mọi người (nếu bạn sợ bị BAN), vì rất dể bị ghen ăn tức ở.

    31, Nên kiếm cái Domain nào trên 1 năm tuổi để chơi. Dưới 1 năm tuổi Google nó đánh giá độ trust thấp thì có hiển thị ads có giá trị bid cao vẫn chỉ được tầm 0.01$

    0 comments:

    Tối ưu hóa website hoặc blog cho công cụ tìm kiếm

    7:07 PM JilinTour.Com 0 Comments

    Trong loạt bài viết này, tôi sẽ hướng dẫn các bạn kiến thức SEO cơ bản dùng để tối ưu website hoặc blog cho công cụ tìm kiếm. Trước khi đi vào chi tiết, tôi xin lưu ý vài điểm quan trọng từ góc nhìn của các công cụ tìm kiếm hay của người đọc bình thường. Các bạn có thể vận dụng kiến thức này để quảng bá cho Website dạng khác (CMS, forums …).

    Code phải chuẩn và gọn gàng sạch sẽ

    Nếu trang Web hay Blog của bạn ẩn chứa lỗi thì có nhiều khả năng gây khó khăn cho việc đánh chỉ số của các công cụ tìm kiếm. Nội dung trang Web của bạn sẽ không được cập nhật đầy đủ.

    Có rất nhiều công cụ để hạn chế, kiểm tra lỗi code. Điển hình nhất là Validation của W3.org

    Nội dung phải phong phú và hữu ích

    Công cụ tìm kiếm khi cập nhật một trang sẽ không để ý đến việc định dạng trình bày như thế nà, mà nó chỉ tập trung vào nội dung của bạn. Nội dung càng giàu có bao nhiều thì thứ hạng của bạn càng cao bấy nhiêu. Bởi đơn giản là nó hữu ích cho người đọc và tất nhiên nó sẽ có thứ hạng cao trên các công cụ tìm kiếm.

    Bởi vậy, bạn nên đặt nội dung càng gần trên cùng bao nhiều thì càng tốt bấy nhiêu. Bọ tìm kiếm sẽ chỉ phải quét những dòng đầu tiên của nội dung và bỏ qua phần dàn trang còn lại

    Viết cho người tìm kiếm.

    Khi mà bạn muốn viết một bài với mong muốn đặc biệt nó được tìm thấy trên công cụ tìm kiếm thì phải luôn nghĩ đến việc người tìm kiếm muốn tìm cái gì. Hãy có thêm các từ khóa tìm kiếm trong bài viết của bạn càng nhiều càng tốt nhất nhiên là không được lạm dụng quá làm cho nó không còn ý nghĩa.

    Đường dẫn liên kết rõ ràng

    Khi mà con bọ thăm viếng trang của bạn, hãy coi nó như một người khách lạ, bạn - với tư cách là chủ nhà - phải chỉ dẫn cho nó biết đi lại thế nào trong mê cung của bạn. Hãy chỉ nó đến phần mục lục (categories), chuyên đề (tags), hay lưu trữ (archives) và các trang khác trên site của bạn. Điều này rất quan trọng. Vì đường link chính là mạch máu của Internet.

    Tóm lại, bạn hãy nhớ rằng, dù phương pháp tối ưu hóa SEO thế nào đi nữa, thì nội dung vẫn là quan trọng nhất.

    0 comments:

    6:34 AM JilinTour.Com 0 Comments

    Thu Thuat blogspot,Huong Dan Lam blog,Tao album anh,tao album nhac cho blog,giaodien cho blog,style cho blog,blog Templates,thu thuat Seo,dua trang cua ban vao google,dua blog vao bo nho cua google,tao sitemap cho blog

    0 comments:

    Random posts widget(Danh Sách Bài Viết Ngẫu Nhiên)

    4:58 AM JilinTour.Com 0 Comments

    Làm theo dạng widget

    Cách làm này sẽ giúp bạn chèn thêm 1 widget (page element) vào 1 vị trí tùy ý do bạn lựa chọn trong Layout. Để thực hiện, bạn hãy làm theo các bước sau:
    - Login vào Dashboard, chọn Layout
    - Nhấn vào Add a gatget và chọn kiểu HTML/Javascript
    - Phần tiêu đề bạn đặt tùy ý, còn phần nội dung, bạn copy và paste đoạn code sau vào:

    <div id="random-posts"></div> 
    <script type='text/javascript'>
    function getRandomPosts(json) {
    var maxEntries = 10;
    var numPosts = json.feed.openSearch$totalResults.$t;
    var indexPosts = new Array();
    for (var i = 0; i < numPosts; ++i) {
    indexPosts[i] = i;
    }
    indexPosts.sort(function() {return 0.5 - Math.random()});
    if (maxEntries > numPosts) {
    maxEntries = numPosts;
    }
    var container = document.getElementById('random-posts');
    var ul = document.createElement('ul');
    for (i = 0; i < maxEntries; ++i) {
    var entry = json.feed.entry[indexPosts[i]];
    var li = document.createElement('li');
    var a = document.createElement('a');
    a.title = entry.title.$t;
    for (var j = 0; j < entry.link.length; ++j) {
    if (entry.link[j].rel == 'alternate') {
    a.href = entry.link[j].href;
    break;
    }
    }
    a.appendChild(document.createTextNode(entry.title.$t));
    li.appendChild(a);
    ul.appendChild(li);
    }
    container.appendChild(ul);
    }
    </script>
    <script src='/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999999' type='text/javascript'> </script>
    - Để tùy biến số lượng bài viết hiển thị (mặc định là 10), bạn hãy sửa lại giá trị của maxEntries trong dòng thứ 4, thay số 10 bằng số bài sẽ hiển thị mà bạn muốn:




    var maxEntries = 10;


    - Save lại và thử nghiệm




    Chèn vào vị trí bất kì trong blog



    Có đôi lúc bạn không muốn chèn vào các widget mà chèn thẳng vào 1 vị trí nào đó trong blog như phía dưới mỗi bài viết chẳng hạn, thì khi ấy bạn hãy làm như sau:



    - Login vào Dashboard, chọn Layout và chọn tiếp Edit HTML

    - Nhớ nhấn vào Download Full Template để sao lưu template trước khi thực hiện

    - Đánh dấu vào ô Expand Widget Templates để hiện thị đầy đủ template

    - Tim đến vị trí bạn muốn hiển thị, VD nếu ở dưới mỗi bài viết thì thường vị trí đó là post-footer-line-1
    - Chèn đoạn code ở trên vào vị trí đó
    Lưu ý: nếu bạn copy trực tiếp đoạn code trên thì có khả năng bị báo lỗi. Nguyên nhân là do các kí tự <, >, & ... đã không được mã hóa đúng. Để khắc phục, bạn hãy vào trang Code Converter để chuyển các kí tự đó sang dạng tương ứng. Sau đó tiến hành chèn lại vào vị trí đã định là được.

    Chúc các bạn ngày cuối tuần vui vẻ.

    Theo vietwebguide

    0 comments:

    Code Đăt Trang của bạn làm trang chủ

    4:44 AM JilinTour.Com 0 Comments

    Bạn muốn người khác đặt trang của Bạn làm trang chủ trên máy của họ? Bạn muốn quảng bá site của bạn hiệu quả? Thật đơn giản, Hãy làm ngay bây giờ nào!
    Copy Code sau và cho vào trang của bạn.
    Chúc Bạn thành công nhé !



    <br /><br /><a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://dangkhuong.blogspot.com/');">Đặt làm trang nhà của bạn?</a><br />

    0 comments:

    Chèn Thêm HTML Widget vào header

    4:41 AM JilinTour.Com 0 Comments

    Nhiều Template không cho phép bạn chèn thêm widget vào header hoặc có thì bạn chỉ được chèn 1 widget. Nếu bạn muốn nhiều hơn thì sao? Điều này thực hiện rất đơn giản theo hướng dẫn dưới đây.

    Trước hết bạn cần phải phân biệt các thành phần chính trên layout của bạn. Phụ thuộc vào Template mà bạn chọn, các thành phần trên layout có khác nhau, cơ bản gồm: header-wrapper, content-wrapper, main-wrapper, sidebar-wrapper, footer-wrapper. Hãy xem hình minh họa để biết chi tiết




    Bạn cần đăng nhập vào Blogger.com, click Edit HTML (Template | Edit HTML) kéo thanh trượt xuống và tìm đoạn mã như sau:


    < >

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='DV2n (Header)' type='Header'/>
    </b:section>


    Bạn thấy đấy, số widget tối đa cho phép nằm trên header là 1 (maxwidgets='1') hãy thay bằng con số khác. Click SAVE TEMPLATE để lưu lại, quay lại Page Element, bạn có thể kéo và thả widget mình cần vào header.

    Chúc thành công!
    Theo Thuthuatblog

    0 comments:

    Đổi Màu Chữ Và Màu Nền cho blogspot

    4:37 AM JilinTour.Com 0 Comments

    Nếu không thích màu mặc định của template, bạn có thể thay đổi theo ý thích của mình. Để làm việc này bạn cần đăng nhập vào Blogger.com, tại Template bạn chọn Fonts and Colors.

    Tương tự như cách thay đổi font và kiểu chữ, khung nhỏ bên trái chứa các yếu tố cho phép tùy chọn (xem hình).


    (Click trên hình để xem kích thước lớn)


    Page Background Color: Màu nền của trang, màu nền toàn bộ blog.
    Text Color: Màu chữ.
    Link Color: Màu liên kết.
    Blog Title Color: Màu tiêu đề blog.
    Blog Description Color: Màu miêu tả blog (phần này nằm dưới header).
    Post Title Color: Màu tiêu đề bài đăng.
    Border Color: Màu đường viền.
    Sidebar Title Color: Màu tiêu đề sidebar.
    Sidebar Text Color: Màu chữ sidebar.
    Visited Link Color: Màu liên kết đã xem.

    Bên phải khung nhỏ này:

    Colors from your blog: Các màu mà blog bạn đang dùng
    Colors that match your blog: Các màu phù hợp với blog bạn.

    More colors: Các màu khác
    Edit color hex code: Điều chỉnh mã màu thập lục, nếu bạn biết mã màu hãy cho vào đây.

    Trong khi chọn màu bạn có thể xem hiển thị trước ngay bên dưới. Khi đã thấy phù hợp, click SAVE CHANGE để lưu lại, ngược lại click CREAR EDITS.

    Chúc thành công!
    Theo Thuthuatblog

    0 comments:

    Tạo Shoutbox Cho blog

    4:32 AM JilinTour.Com 0 Comments

    Khi lên mạng các bạn vào Google đánh từ khóa Free Shoutbox thì hàng loạt kết quả về việc tạo Shoutbox miễn phí sẽ hiện ra , nhưng theo mình dịch vụ của freeshoutbox là tốt , không có quảng cáo , giao diện có thể chỉnh sang tiếng Việt . Trước hết bạn hãy truy cập vào trang freeshoutbox . Khi đó màn hình sẽ hiện ra giao diện của trang web rất trực quan .

    Sau đó các bạn chọn CREAT A FREE SHOUTBOX , một vài thông tin sẽ hiện ra :

    image

    Bạn hãy điền đầy đủ thông tin cần thiết , rồi nhấn CREAT SHOUTBOX! , trang web hiện ra giao diện khác và bạn hãy chỉnh ở phần SETTING để chuyển sang TIẾNG VIỆT như trong hình "

    image

    Sau đó nhấp vào nút Update

    Bạn hãy quay trở lên và chép đoạn code vào blog của mình

    image

    Các bạn có thể chỉnh độ cao và chiều rông cho Shoutbox của mình bằng cách sửa lại giá trị trong phần Height và Width trong code
    Theo Thantoc Thủ Thuật

    0 comments:

    Style-Template

    4:28 AM JilinTour.Com 0 Comments

  • Hướng dẫn cài đặt giao diện cho blog (giao diện cực đẹp)
  • Style-Blogger Templates
  • Thêm Nhiều Style đẹp Cho Blogger 1
  • Thêm một số Style cho Blog
  • Chèn bộ gõ Tiếng Việt vào trong Blogger
  • Tạo phân trang trong blogspot
  • Hướng Dẫn làm Playlist Nhạc Từ TimNhanh.com Cho Blog
  • Đặt Quảng Cáo Của Adnet (chodientu) Vào Template Blogspot
  • Chèn lịch Việt Nam vào blog
  • Thay logo của Google blogger bằng logo của blog bạn
  • Bật Khung comment ngay dưới bài viết
  • Làm danh sách bài viết ngẫu nhiên cho blog
  • Icon Về đầu trang cho Blogger
  • Chèn một đoạn văn bản cuối bài đăng
  • Tạo Hiệu Ứng Chữ Chạy Và Nhấp Nháy Cho Blog
  • Cách ẩn thanh toolbar trên google blogger
  • Chèn công cụ tìm kiếm của Google vào blogTạo Menu cho Blogspot
  • Hướng dẫn tạo widget “Recent comment" – Nhận xét mới
  • Hướng dẫn tạo thêm cột cho Blog (sidebar)
  • Tạo hiệu ứng zoom cho ảnh trong Blogspot
  • Random posts widget(Danh Sách Bài Viết Ngẫu Nhiên)
  • Code Đăt Trang của bạn làm trang chủ
  • Chèn Thêm HTML Widget vào header
  • Tạo Shoutbox Cho blog
  • Làm Playlist Nhạc Nền Cho Blog
  • Code Danh Ngôn Ngẫu Nhiên
  • HƠN 100 STYLE-TEMPLATES CỰC ĐẸP CHO BLOGSPOT

    0 comments: