HN Share

Hiển thị các bài đăng có nhãn Blogspot. Hiển thị tất cả bài đăng

Thứ Hai, 17 tháng 1, 2011

0 [Blogspot] Đăng bài lên blogger từ email

- Trong Blogger có một chức năng cũng khá hay, một tính năng đăng bài mà không cần bạn phải đăng nhập vào tài khoản của blogger. Đó là tính năng đăng bài từ email của bạn, với tính năng này bạn có thể đăng bài từ bất kì địa chỉ email nào mà bạn đang sở hữu. Bạn có thể định dạng bài viết ngay trong phần soạn thảo trong email của bạn và post nó lên blog một cách dễ dàng như bạn gửi mail thông thường. Tuy nhiên, tính năng này không được kích hoạt sẳn, mà bạn phải thiết lập thì mới có thể sử dụng được. Và bài viết này traidatmui sẽ hướng dẫn bạn kích hoạt tính năng này cho blog của bạn.

Đọc thêm »

1 [Blogspot] Hiệu ứng cuộn cho cửa sổ mới khi click vào link

- Thông thường với lệnh target="_blank" trong thẻ <a> thì khi bạn click vào link, nó sẽ xuất hiện ngay một cửa sổ mới với đường dẫn mà bạn lập sẳn trong thẻ này. Nếu bạn thấy như thế thật đơn điệu thì bạn có thể tạo thêm hiệu ứng cho cửa sổ xuất hiện này. Hôm nay mình sẽ hướng dẫn bạn thực hiện việc này, thủ thuật mình định giới thiệu cho bạn nó sẽ làm cho cửa sổ mới của bạn không xuất hiện đầy đủ ngay khi bạn click vào link. Khi bạn click vào link nó sẽ có hiệu ứng cuộn từ trên xuống và sau đó sẽ mở rộng toàn bộ cửa sổ mới này. Để thấy rỏ bạn hãy xe demo bên dưới.

Đọc thêm »

0 [Blogspot] Kiểm soát tốt hơn nguồn cấp dữ liệu trên Blogger

Blogger sử dụng cho đến bây giờ có hai Feed Control Options, một ngắn Feed hoặc một toàn Feed . Các nguồn cấp dữ liệu ngắn , như tên cho thấy có một phiên bản ngắn của bài viết của bạn với HTML và hình ảnh lột. Các toàn Feed chứa mọi thứ bao gồm cả những hình ảnh và HTML. Blogger nay đã có thêm một lựa chọn thứ ba sẽ cho bạn kiểm soát tốt hơn những gì được hiển thị trong thức ăn của bạn.
The New " Cho đến khi Bước Break " tùy chọn cũng giống như toàn thức ăn nhưng nó sẽ tước đi mọi thứ sau khi nhảy break và nó cũng sẽ bao gồm một Đọc thêm liên kết với các " bài văn bản liên kết trang: " mà bạn đã được đưa ra trong Blog Post tiện ích của Cài đặt.

Đọc thêm »

0 [Blogspot] YouTube hỗ trợ tốt hơn trong Blogger

Blogger cho phép bạn tải lên video của riêng bạn qua các bài viết Blogger Editor. Nó cũng cho phép bạn nhúng các video YouTube vào bài viết của bạn (bằng cách sao chép dán mã YouTube nhúng vào trình soạn thảo bài viết của bạn). Blogger nay đã có quá trình này đơn giản hơn bằng cách cung cấp một giao diện tốt hơn cho việc thêm các video YouTube.
YouTube hội nhập này chỉ có trong các cập nhật bài viết Editor . Vì vậy, nếu bạn vẫn còn sử dụng các trình biên tập cũ, đó là một thời điểm tốt để nâng cấp.
Đây tính năng hiện có trong phiên bản dự thảo của blogger. Vì vậy, để kiểm tra này mới tính năng , bạn cần đăng nhập vào Bảng điều khiển của bạn dự thảo ( http://draft.blogger.com ) thay vì một (thường http://www.blogger.com )

Đọc thêm »

Thứ Tư, 15 tháng 12, 2010

0 Tạo bộ từ khóa cho bài viết trên blogspot

5 Dec 2010 04:20 AM PST

Traidatmui.com - Việc giúp cho người dùng dễ dàng và nhanh chóng tìm kiếm được những vấn đề mà khi họ quan tâm, thông qua một bài viết nào đó ngay trên blog của bạn. Hơn nữa nó còn có thể góp phần tăng traffic cho blog của bạn, việc đó có thể được thực hiện thông qua từ khóa ngay trong bài viết trên blog. Một thủ thuật mà mình thấy khá hay trên blog Fandung, đó là tạo bộ từ khóa tự động cho bài viết trên blog của bạn. Hôm nay mình xin chia sẻ cho các bạn thực hiện lại thủ thuật này, thủ thuật này mình đã chỉnh sửa lại việc thiết lập từ khóa, nó có thể dễ dàng hơn cho các bạn chưa biết cách tạo file JS.

Với thủ thuật này thì khi người dùng xem bài viết trên blog của bạn, họ sẽ thấy một số từ hay cụm từ được hiển thị bên dưới bài viết của bạn, họ có thể click vào từ khóa họ quan tâm và nó sẽ đưa họ đến bài viết liên quan đến vấn đề họ quan tâm.

Hình ảnh minh họa

1. Đầu tiên đăng nhập vào tài khoản Blogger
2. Vào thiết kế, chọn chỉnh sửa HTML (Edit HTML)
3. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
4. Chèn code bên dưới vào sau thẻ <head> hoặc trước thẻ </head>

<script src="http://traidatmui-tips.googlecode.com/files/keyword.js" type="text/javascript"/></script>

5. Tiếp theo bạn chèn code css bên dưới vào trước thẻ ]]></b:skin>

.keywords {
width:570px; /*độ rộng của phần hiển thị từ khóa*/
float:left;
margin:0px 0px 5px 0px;
border-bottom: 1px #fff dashed;
font-size:12px; /*cở chữ*/
font-family:arial; /*font text*/
color: #fff; /*màu chữ*/
padding:1px;
}
.keywords a{
color: #8ebfbb; /*màu của các từ khóa*/}
.keywords a:hover{
color: #ccc;}

6. Tìm đến code bên dưới

<data:post.body/>

7. Thay code vừa tìm được thành code bên dưới

<b:if cond='data:blog.pageType != "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='post_body'>
<data:post.body/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//Phần thiết lập từ khóa
var keyword_collect = [
"adsense", "ajax", "âm nhạc", "Ảnh", "audio", "alexa", "bài gần đây", "bài liên quan", "bán dâm", "banner", "bill gates", "blogger", "blogspot", "bookmark", "cafe", "cấu hình", "chơi đàn", "chồng", "clip", "video", "cơ bản", "cơ sở", "con gái", "công cụ", "css", "cua gái", "đại gia", "đàn bà", "đàn ông", "dashboard", "desktop", "địa chỉ ip", "điện thoại", "domain", "download", "down nhạc", "editor", "email", "explorer", "file", "flash", "gmail", "google", "google.com", "gtalk", "hacking", "hacker", "hexa", "hiếp dâm", "hình", "html", "image", "internet", "iphone", "java", "javascript", "js", "json", "kinh tế", "marketing", "kinh doanh", "nghe nhạc", "xem tivi", "nghe radio", "hosting", "chơi game", "cờ tướng", "photoshop", "làm tình", "lập trình", "linux", "love", "mạng cộng đồng", "media", "menu", "mobile", "mozilla", "mp3", "mp4", "microsoft office", "music", "nghệ thuật", "nghệ thuật sống", "nhật ký", "nickname", "office", "opera", "firefox", "portable", "soft", "sothink", "tên miền", "thư điện tử", "thương mại", "tìm kiếm", "tin tức", "tình yêu", "tool", "top", "users online", "vista", "website", "widget", "windows" ]
</script>
<div class='keywords'>
<script type="text/javascript">
home_page2 = "traidatmui.com"; //thay thành địa chỉ blog của bạn
keyword_text = "<b>Tags:</b> ";
window.onLoad = makeKeywordForPost("post_body");</script> </div>
</b:if>

Bạn có thể xóa bỏ hoặc thêm từ khóa cho phù hợp với nội dung trên blog của bạn trong phần màu đỏ trong code. Lưu ý thay địa chỉ trên (traidatmui.com) thành địa chỉ blog của bạn.

8. Sau khi hoàn tất việc thiết lập từ khóa thì bạn save template lại

Chúc bạn thành công

0 Hiển thị bài viết giống trang dantri.com.vn

Mình đã từng giới thiệu đến các bạn một số thủ thuật liên quan đến việc hiển thị bài viết cho blogspot. Hôm nay mình cũng xin chia sẻ thêm các bạn một thủ thuật hiển thị bài viết giống với trang Dân Trí. Mình thấy cách hiển thị bài viết này cũng khá đẹp và nó có thể áp dụng cho blogspot nên mình sẽ hướng dẫn bạn thực hiện thủ thuật này dành cho blogspot. Cách hiển thị bài viết này có một hiệu ứng đó là bình thường thì các label có liên quan sẽ ở trạng thái ẩn, nó chỉ hiển thị khi bạn rê chuột vào bài viết.

Hình ảnh minh họa

1. Đăng nhập vào tài khoản blogger
2. Vào thiết kế, chọn chỉnh sửa HTML
3. Chèn code bên dưới vào sau thẻ <head>

<script src="http://traidatmui-tips.googlecode.com/files/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">function Hovercat(q){$("#neocat-"+q+" ul.dpost").find("li").show()}
function Outcat(q){$("#neocat-"+q+" ul.dpost").find("li").hide();$("#neocat-"+q+" ul.dpost").find("li:eq(0)").show()}
</script>

4. Tiếp theo bạn chèn code css bên dưới vào trước thẻ ]]></b:skin>

.summerypost a {
color:#000099;
font-weight:bold;
}
.summerypost a:hover {
color:#403c3d;}

.summerypost {
font-size:12px;
color:#000;
font-family:arial;}

.readm a{
color:#1f2f56;
font-size:12px;
margin-right:10px;
margin-top:8px;}
.readm a:hover{
color:#766162;}

.repost{
color:#3366ff;
font-family:arial;}

.repost a{
color:#000066;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx3_gScZYn1RW9BPYD4SaEBHH4Acwtp7DEuQ8ZDEmnCM738zCkd86BDnBdrnBhkG30GxOD_YUR_on3M8V5ExOnX0gWd4bN4ckSsopxAB7-fp_dt6VQRXauK6zWgHznO8xh957wwezcevBF/) no-repeat left;
padding-left:10px;}
.repost a:hover{
color:#bf9798;}

.tab {
font-size:13px;
padding:0px 5px 5px 5px;
width:550px; /*độ rộng của bài viết*/
}
.dpost a{
padding:0 2px;
font: 11px/22px Arial;
color:#000;
float:left;
height:20px;}

.dpost li{
float:left;
height:20px;
overflow:hidden;}

.dpost li.active{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTLYrVVGpWr-dSv74XpPkV6GwGcKzYHmqUznbcsr2gtlBDRoliY-p8ZLAWm6Pfy6DXqINjpxapm6eiDs_h1tFoGTO3apMcDnRLeWICAXe4tcb1QqC0ube0qVsaAA4mwJGkWszplBsAPAEO/) right no-repeat; /*màu nền của chủ đề chính */
position:relative;
top:1px;
}
.dpost li.active a{
font-size:10px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
padding-right:25px;}

.iframpost{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjasxVbt9_9Unk7v7D2xGP_coL8dEcxFSV7qTwKj7PWx8cdS1TkQ3ftRTaO4KbY3dSjHmKDFYLeXPiYzcMaWxN1gyqQYir_zH-TCV0858dXNUR9a1BuzmLw8jEBvWmY66MNMeXLsotTCVg0/) no-repeat; /*màu nền của tiện ích*/
height:25px;
}

*{margin:0;padding:0px 0px 0px 0px;}

Phần css này cũng không phức tạp bạn tự điều chỉnh, tuy nhiên bạn chỉ nên chỉnh lại các phần chính như độ rộng, hình ảnh nền... còn các phần khác bạn không nên chỉnh sửa nhiều. Nếu bạn không thành thạo về css mà can thiệp nhiều có thể xảy ra lỗi.
5. Bây giờ bạn hãy save template lại.
6. Trở về phần tử trang, thêm 1 HTML/Javascript
7. Thêm code bên dưới vào HTML/Javascript vừa thêm ở trên.

<div class="tab" id="neocat-1" onmouseover="Hovercat('1')" onmouseout="Outcat('1')">

<div class="iframpost">
<ul class="dpost">
<li class="active"><a href="#">Thủ thuật blogger</a></li>
<li style="display:none;"><a href="http://www.traidatmui.com/2010/02/blogger-nang-cao.html">Thủ thuật nâng cao | </a></li>
<li style="display:none;"><a href="http://www.traidatmui.com/2010/02/blogger-co-ban.html">Thủ thuật cơ bản | </a></li>
<li style="display:none;"><a href="http://www.traidatmui.com/2010/02/tien-ich-blogger.html">Tiện ích blog</a></li> </ul>
</div>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;
tablewidth = 245;
cellspacing = 1;
borderColor = "";
bgTD = "";

imgw = 130; // độ rộng của ảnh thumb
imgh = 100; // chiều cao của ảnh thumb

imgwidth = 60;
imgheight = 60;

fntsize = 12; //Cỡ chữ của các link bài viết liên quan trong cùng nhãn đó
fontsize = 12 // Cỡ chữ của tiêu đề bài viết hiển thị dạng tóm tắt
fontsizecm = 11; // Cỡ chữ của ngày đăng bài

acolor = "";
titlecolor = "";
aBold = false;
icon = "";

text = "no";

showPostDate = false; //Nếu muốn hiển thị ngày đăng bài bạn thay FALSE thành TRUE
poston = "Ngày đăng :";

summaryPost = 350; // số kí tự hiển thị ở phần mô tả
summaryFontsize = 12; //Cỡ chữ bài viết tóm tắt
summaryColor = "#000";
icon2 = "";

numposts = 3; //số bài viết hiển thị trong phần bài viết liên quan
label = "Advanced blogger"; // Thay thành tên nhãn bài bạn muốn hiển thị
home_page = "http://www.traidatmui.com/"; //Thay thành địa chỉ blog của bạn
</script>
<script src="http://traidatmui-tips.googlecode.com/files/dpost.js" type="text/javascript"></script>
<script src="http://traidatmui-tips.googlecode.com/files/related_dpost.js" type="text/javascript"></script>
</div>

Bạn chỉ việc chỉnh sửa lại code theo các hướng dẫn trong code. Bạn thay các text màu tím đậm thành tên thư mục bạn muốn hiển thị và các link tương ứng với các thư mục đó (màu tím nhạt).

8. Cuối cùng là save tiện ích lại

Chúc bạn thành công

Nguồn: traidatmui.com

Thứ Ba, 14 tháng 12, 2010

0 Blogger Templates For Christmas

Hi friends christmas is around and for this festive season - have you thought of using christmas templates for your blog.If Yes here you will find all beautiful christmas template collection by us.As collection is not large but we wil keep on updating it with your support.Just if you feel there is any good christmas template and has not been listed here just leave its demo and download link below in comments and it will be added to our list.Now lets see the beautiful collection of christmas templates.

1)Winter-Christmas

Trang Chủ

Thứ Hai, 17 tháng 1, 2011

Thứ Tư, 15 tháng 12, 2010

Thứ Ba, 14 tháng 12, 2010

Labels

Lưu trữ Blog