Khoa học - Công nghệ
Hiển thị các bài đăng có nhãn Thủ thuật web. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Thủ thuật web. Hiển thị tất cả bài đăng

Bông tuyết rơi trên web/blog nhân dịp lễ Giáng sinh

vncongnghe – Còn không lâu nữa thì Noel đã đến, để giúp các bạn trang hoàng cho ngôi nhà blog của mình, mình xin chia sẻ cho các bạn đoạn code bông tuyết rơi bên dưới. Với đoạn script này thì blog bạn sẽ trở nên đầy bông tuyết, tuy nhiên để có thể thấy được bông tuyết thì màu nền blog của bạn nên chọn màu tối sẽ trông đẹp hơn.


» Bắt đầu thủ thuật

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 code bên dưới vào trước thẻ </head>

<script type='text/javascript'>

//<![CDATA[

var snowmax=100 // số lượng bông tuyết rơi

var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff") // mã màu bông tuyết, bạn có thể thay thành mã màu khác

var snowtype=new Array("Times","Arial","Times","Verdana")

var snowletter="*"

var sinkspeed=0.6 // tốc độ bông tuyết rơi

var snowmaxsize=30 // kích thước bông tuyết lớn nhất

var snowminsize=10 // kích thước bông tuyết nhỏ nhất

// Set 1 for all-over-snowing, set 2 for left-side-snowing

// Set 3 for center-snowing, set 4 for right-side-snowing

var snowingzone=1

// Do not edit below this line

var snow=[],marginbottom,marginright,timer,i_snow=0,x_mv=[],crds=[],lftrght=[],browserinfos=navigator.userAgent,ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/),ns6=document.getElementById&&!document.all,opera=browserinfos.match(/Opera/),browserok=ie5||ns6||opera;function randommaker(a){return rand=Math.floor(a*Math.random())} function initsnow(){ie5||opera?(marginbottom=document.body.scrollHeight,marginright=document.body.clientWidth-15):ns6&&(marginbottom=document.body.scrollHeight,marginright=window.innerWidth-15);var a=snowmaxsize-snowminsize;for(i=0;i<=snowmax;i++)crds[i]=0,lftrght[i]=15*Math.random(),x_mv[i]=0.03+Math.random()/10,snow[i]=document.getElementById("s"+i),snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)],snow[i].size=randommaker(a)+snowminsize,snow[i].style.fontSize=snow[i].size+"px",snow[i].style.color= snowcolor[randommaker(snowcolor.length)],snow[i].style.zIndex=1E3,snow[i].sink=sinkspeed*snow[i].size/5,1==snowingzone&&(snow[i].posx=randommaker(marginright-snow[i].size)),2==snowingzone&&(snow[i].posx=randommaker(marginright/2-snow[i].size)),3==snowingzone&&(snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4),4==snowingzone&&(snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2),snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size),snow[i].style.left= snow[i].posx+"px",snow[i].style.top=snow[i].posy+"px";movesnow()} function movesnow(){for(i=0;i<=snowmax;i++)if(crds[i]+=x_mv[i],snow[i].posy+=snow[i].sink,snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px",snow[i].style.top=snow[i].posy+"px",snow[i].posy>=marginbottom-2*snow[i].size||parseInt(snow[i].style.left)>marginright-3*lftrght[i])1==snowingzone&&(snow[i].posx=randommaker(marginright-snow[i].size)),2==snowingzone&&(snow[i].posx=randommaker(marginright/2-snow[i].size)),3==snowingzone&&(snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/ 4),4==snowingzone&&(snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2),snow[i].posy=0;setTimeout("movesnow()",50)}for(i=0;i<=snowmax;i++)document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>");browserok&&(window.onload=initsnow);

//]]>

</script>

5. Cuối cùng save lại

Chúc bạn thành công!
>> Xem thêm

5 thủ thuật hay cho Internet Explorer 10

vncongnghe.com - Nếu bạn truy cập thông qua Start Screen, trình duyệt IE 10 sẽ rút gọn xuống cung cấp tối đa không gian để người dùng duyệt web và vị trí của các nút và thanh địa sẽ hiển thị ở bên dưới cùng của màn hình. Đó là một cách tiếp cận mới hấp dẫn, nhưng IE 10 rõ ràng là vẫn còn thiếu nhiều tính năng và các tùy chọn khi so với các đối thủ khác.

Trong thực tế, bạn có thể nghĩ rằng IE 10 không thể làm gì khác hơn là duyệt web. Tuy nhiên bài viết dưới đây sẽ đưa ra 5 thủ thuật hay cho người dùng khai thác và tối ưu hóa IE 10 theo cách riêng của mình.

1. Thay đổi công cụ tìm kiếm mặc định

Những số liệu gần đây đã chỉ ra rằng thị phần của Bing đang phát triển, nhưng nếu bạn vẫn thích sử dụng Google để tìm kiếm, bạn có thể cấu hình lại cho Internet Explorer 10 (IE 10) trong Windows 8.

Kích hoạt IE 10 trong chế độ desktop và kích chọn biểu tượng bánh răng (Settings) ở góc trên cùng bên phải. Trong menu xổ xuống bạn chọn Manage add-ons.


Trong cửa sổ mới xuất hiện, bạn chọn mục Search Providers trong khung Add-on Types ở bên trái, bạn sẽ thấy Bing được liệt kê riêng và chọn làm công cụ tìm kiếm mặc định.


Tại đây, bạn nhấp vào liên kết Find more search providers… ở góc dưới cùng bên trái. Cửa sổ IE 10 mới sẽ mở ra và truy cập đến Internet Explorer Gallery, tại mục Search Providers. Bạn bấm chọn công cụ tìm kiếm ưa thích của mình. Trong ví dụ của tôi, tôi đã chọn Google là công cụ tìm kiếm mặc định.


Sau khi lựa chọn xong, bạn bấm nút Add to Internet Explorer. Một cửa sổ xác nhận sẽ xuất hiện, bạn kích vào tùy chọn Make this my default search provider để thiết lập công cụ tìm kiếm bạn vừa chọn làm dịch vụ tìm kiếm mặc định. Sau cùng bấm nút Add để áp dụng.

2. Pin và Favourites

Từ cái nhìn đầu tiên, IE 10 sẽ không xuất hiện nút Favourites/Star để người dùng lựa lại danh sách các trang web yêu thích của mình. Lý do cho điều này là rất đơn giản, hiện nay có hai cách để thêm một trang web vào bookmarks của bạn.


Trong Windows 8, bạn có 2 lựa chọn với tính năng bookmarks và một loạt các shortcuts từ Modern UI (trước đây gọi là Metro) Start Screen được biết đến với tính năng Pin. Internet Explorer 10 có một nút Pin, được tìm thấy ở bên phải của thanh Address. Bằng cách nhấp vào nút này, bạn có thể thêm các trang web ưa thích của bạn vào Favourites hoặc Pin ra Start Screen với hai tùy chọn là Add to favourites và Pin to Start.

3. Truy cập trang web yêu thích và Internet History

Danh sách Favourites và lịch sử trình duyệt được chia sẻ giữa hai phiên bản của IE10 trên Windows 8. Người dùng có thể truy cập vào hai lựa chọn trên theo nhiều cách khác nhau tùy thuộc vào cách sử dụng của bạn.


Nếu bạn đang sử dụng ứng dụng EI 10 trong chế độ Modern UI, danh sách trang web ưa thích có thể được xem bằng cách nhấn vào thanh địa chỉ hoặc nhấn tổ hợp phím Alt + D. Lịch sử duyệt web sẽ không được hiển thị khi sử dụng trình duyệt trong giao diện Modern UI này mà bạn chỉ có thể truy cập thông qua phiên bản desktop.

Khi sử dụng IE 10 trong chế độ desktop, bạn có thể truy cập vào danh sách trang web yêu thích bằng cách nhấp vào biểu tượng ngôi sao ở góc trên bên phải của cửa sổ trình duyệt hoặc bằng cách nhấn tổ hợp phím Alt + C. Thao tác này sẽ kích hoạt Favorites, Feeds và History Center, trong đó lịch sử duyệt web có thể được truy cập từ thẻ History.

4. Add-on cho Internet Explorer 10

Người dùng IE 10 sẽ phải lưu ý rằng phiên bản ứng dụng IE 10 trong giao diện mới Modern UI sẽ không hỗ trợ cho Add-on. Thay vào đó, người dùng phải cài đặt và sử dụng các Add-on từ phiên bản IE 10 trong chế độ desktop.


Để thực hiện, bạn chuyển sang chế độ desktop, khởi động trình duyệt và bấm vào biểu tượng bánh xe ở góc trên cùng bên phải của thanh Address. Trong menu xuất hiện bạn chọn Manage add-on, trong khung Add-on Types ở bên trái, rồi tìm các Add-on (hay còn gọi là plugin) mà bạn muốn sử dụng. Thông qua màn hình này bạn có thể kích hoạt, vô hiệu hóa, hoặc loại bỏ các add-on không cần thiết.
5. Chặn các trang web yêu cầu vị trí của bạn


Từ Modern UI, bạn kích hoạt ứng dụng IE lên và bấm tổ hợp phím Win + C hoặc bấm vào cạnh phải của màn hình để mở Charms Bar. Nhấp vào mục Settings > Internet Options, phía dưới mục Permissions, bạn sẽ thấy mục Ask for location , tại đây bạn hãy chuyển sang chế độ On để trả về thiết lập theo mặc định giúp vô hiệu hóa tính năng trên.

Cũng lưu ý tùy chọn Clear bên dưới, cho phép bạn ngăn chặn các trang web mà bạn đã từng chia sẻ vị trí của bạn với vị trí bạn.

Theo XHTT, Quản Trị Mạng
>> Xem thêm

Hướng dẫn cấu hình và cài đặt tên miền riêng cho Blogger

vncongnghe.com - Từ lúc Blogger chuyển đổi giao diện và nâng cấp một số tính, bên cạnh những cải tiến đột phá mới mà blogger mang lại thì cũng gây không ít khó khăn cho người dùng blog. Do giao diện mới, bố cục khác hẵn nên nhiều bạn chưa quen, chưa nắm rỏ vị trí các nút lệnh nên khó áp dụng những thủ thuật mà được viết đối với giao diện cũ. Tuy nhiên các bạn hãy lấy làm vui vì sự thay áo mới cùng với những cải tiến này của Blogger, vì sẽ mang lại nhiều điều rất hữu ích cho người dùng Blogger hiện nay đặc biệt là khả năng SEO. Ban đầu mình cũng rất khó chịu với giao diện mới tuy nhiên tìm hiểu một thời gian đã quen thì mình thấy hài lòng đặc biệt là những cải tiến mới của Blogger.

Trong những khó khăn mà nhiều bạn gặp phải và có trao đổi nhiều với mình đó là việc cài đặt tên miền riêng cho Blog của mình. Vấn đề cài đặt tên miền riêng hiện trở thành vấn đề cấp thiết và bắt buộc cho blogger hiện nay bởi việc ngăn chặn của các nhà mạng hiện nay. Và bài viết hôm nay thì mình chia sẻ cho các bạn cách để cài đặt tên miền riêng cho blog với cách cài đặt mới. Nhìn chung cách cấu hình cũng không có sự thay đổi nhiều so với trước đây tuy nhiên cần thêm một bước để xác thực tên miền đó là của chính bạn, bước này rất quan trọng nếu thiếu bước này các bạn có thể không thể cài đặt được tên miền của mình.

Ở đây mình đi ngược chút để việc cấu hình tên miền sau sẽ liên tục.

Đầu tiên bạn truy cập vào tài khoản Blogger và chọn Cài đặt (Settings)

Hướng dẫn cấu hình và cài đặt tên miền riêng cho Blogspot với giao diện mới

Chọn "Thêm tên miền tùy chỉnh" (Add a custom domain)

Hướng dẫn cấu hình và cài đặt tên miền riêng cho Blogspot với giao diện mới

Sau đó chọn tiếp mục Chuyển sang cài đặt nâng cao (Switch to advanced settings)

Hướng dẫn cấu hình và cài đặt tên miền riêng cho Blogspot với giao diện mới

Bạn hãy thêm tên miền mình vào (ví dụ: www.traidatmui.com), bạn khoan hả vội lưu lại (Nếu bạn save lại sẽ báo lỗi ngay) mà hãy chọn Hướng dẫn cài đặt (settings instructions).

Hướng dẫn cấu hình và cài đặt tên miền riêng cho Blogspot với giao diện mới

Đến đây bạn check vào ô On a top-level domain (www.example.com) và xem để ý 2 thông số CNAME (2 khung màu đỏ) dùng để cấu hình tên miền của bạn sau này.

Hướng dẫn cấu hình và cài đặt tên miền riêng cho Blogspot với giao diện mới

Đến đây chỉ là bước để xem thông số cài đặt CName. Bây giờ bạn hãy truy cập vào trang quản lý tên miền và đăng nhập vào bằng tài khoản của mình, chọn cấu hình DNS nhập 4 IP lần lượt bên dưới vào A records, Host Name là @ (Nếu chưa rỏ bạn có thể xem thêm cấu hình DNS):

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

Đến phần CName thì bạn cũng nhập Host NamewwwValueghs.google.com. Trước đây đến bước này là có thể kết thúc, tuy nhiên bạn hãy tiến hành thêm 1 CName nữa, chọn Add CNAME Record và nhập 2 thông số mà bạn đã thấy ở trên (trong mục hướng dẫn cài đặt mà mình đóng khung ở bên trên) ví dụ ở trên ta thấy là "BPQ7FLNDO76J" và "gv-WGVSZSPJFHGIBW2BFF5GMORUOOA62YYZBCMFCNGUHKOJLCJZGPOA.domainverify.googlehosted.com." thì chúng ta sẽ thêm Host NameBPQ7FLNDO76J Valuegv-WGVSZSPJFHGIBW2BFF5GMORUOOA62YYZBCMFCNGUHKOJLCJZGPOA.domainverify.googlehosted.com. Sau đó chọn thêm là xong.

Hướng dẫn cấu hình và cài đặt tên miền riêng cho Blogspot với giao diện mới

Như vậy là việc cấu hình của bạn đã xong, bạn hãy chờ khoảng vài tiếng sau hãy vào cài đặt tên miền cho Blogger của mình nhé.

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


Nguồn bài đăng: traidatmui.com
>> Xem thêm

Tiện ích đánh giá bài viết dạng ngôi sao cho Blogger

vncongnghe.com – Trước đây để có tiện ích đánh giá bài viết dạng ngôi sao thì các Blogger hay sử dụng đến js-kit-rating (http://js-kit.com/ratings.js) với 5 ngôi sao đánh giá. Tuy nhiên thời gian gấn đây file http://js-kit.com/ratings.js không còn hoạt động nữa dẫn đến tiện ích các blogger chèn vào blog mình bị die theo. Chính vì thế hôm nay mình xin chia sẻ cùng các bạn một cách để tạo tiện ích đánh giá dạng ngôi không chỉ cho cho bài viết trong blogger mà cả phần comment của blog. Hơn nữa, với tiện ích này bạn còn có thể biết được số lượt xem bài viết (view) trong blogger của bạn và dễ dàng tùy chỉnh.

Thủ thuật: Tạo tiện ích đánh giá bài viết dạng ngôi và lượt xem trang với Graddit.com
Hình ảnh minh họa

Thật ra tiện ích này cũng đã được Blogger tích hợp sẵn trong Template, mình sẽ chia sẻ luôn cách kích hoạt tiện ích này để các bạn chọn tiện ích phù hợp cho blog mình.

A. Thực hiện với Graddit.com

Đầu tiên bạn hãy vào Graddit.com và chọn kiểu hay dạng ngôi sao mà mình ưng ý, sau đó chọn nền tảng (Platform) là Blogger (Nếu chèn vào comment bạn chọn Blogger comments) để lấy code.

Thủ thuật: Tạo tiện ích đánh giá bài viết dạng ngôi và lượt xem trang với Graddit.com

Đến bước chèn vào Blogger

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 mở rộng mẫu tiện ích (Expand Widget Templates)

5. Chèn code bên dưới vào sau thẻ <head>


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

6. Tìm đến đoạn code bên dưới hoặc tương tự

<div class='post-header-line-1'/>

7. Chèn code mà bạn vừa lấy tại Graddit.com ở trên vào ngay dưới code vừa tìm được (ví dụ code có dạng)

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[[&quot;&#9734;&quot;,&quot;&#9733;&quot;]]}</div>
<div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div>
<script type='text/javascript' expr:src='&quot;http://graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;views=yes&amp;average=yes&amp;votes=yes&quot;'></script></b:if>

8. Cuối cùng bạn save lại là xong

B. Kích hoạt tiện ích Rating của Blogger

Đầu tiên bạn vào địa chỉ http://draft.blogger.com và đăng nhập bằng tài khoản Blogger của mình.

Tiếp theo bạn vào phần bố cục (Layout) chọn Chỉnh sửa (Edit) của phần Post

Thủ thuật: Tạo tiện ích đánh giá bài viết dạng ngôi và lượt xem trang với Graddit.com

Tiếp theo bạn Check "Hiển thị xếp hạng theo dấu sao" (Show Star Ratings)

Thủ thuật: Tạo tiện ích đánh giá bài viết dạng ngôi và lượt xem trang với Graddit.com

Cuối cùng save lại là xong

Lưu ý: Đối với cách này thì đối với những mẫu bạn đã tùy chỉnh, đã loại bỏ các biến Variable có thể không hiện được, chỉ đối với những mẫu sẵn có của blogger kích hoạt sẽ được hiển thị ngay.

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


Nguồn bài đăng: traidatmui.com
>> Xem thêm

Tuyệt chiêu giúp bảo vệ máy tính an toàn tuyệt đối khi duyệt web

VNCBitDefender TrafficLight là công cụ hoàn hảo để giúp bạn tránh xa những mối nguy hại từ Internet như lây nhiễm mã độc, bị mất thông tin vì các trang web lừa đảo…

Cùng với sự phát triển của Internet, xuất hiện ngày càng nhiều các trang web lừa đảo, có chứa mã độc hại xâm nhập vào hệ thống của người dùng để đánh cắp thông tin. Phần mềm TrafficLight của hãng bảo mật danh tiếng BitDefender có thể giúp bạn giải quyết triệt để vấn đề này.

BitDefender TrafficLight là phần mềm miễn phí, sẽ thực hiện chức năng kiểm tra độ “sạch” của mỗi trang web trước khi người dùng ghé thăm và đưa ra cảnh báo kịp thời. Điều này không chỉ giúp người dùng an toàn trên môi trường Internet mà còn giúp phòng tránh khả năng mất thông tin hay hệ thống bị xâm nhập từ Internet, vốn là một mối nguy hại đang rất phổ biến hiện nay.

Download phần mềm miễn phí tại đây hoặc tại đây.

Sau khi download, từ hộp thoại cài đặt phần mềm, đánh dấu vào tùy chọn ‘I accept the terms of License Agreement’ rồi nhấn nút Install để bắt đầu quá trình cài đặt phần mềm. Tại hộp thoại cài đặt, bạn có thể đánh dấu thêm tùy chọn ‘Enable SSL Scanning’.

SSL là giao thức bảo mật được một vài trang web, trong đó có Gmail hay Facebook được sử dụng để mã hóa và bảo vệ dữ liệu tốt hơn. Hiện tại, một vài trang web lừa đảo và các loại malware cũng được trang bị giao thức SSL này. Do vậy, TrafficLight trang bị tính năng quét giao thức SSL để bảo đảm rằng không để sót bất kỳ trang web nào trong quá trình kiểm tra.


Lưu ý: trong quá trình cài đặt, bạn cần phải đóng tất cả các trình duyệt web đang chạy của mình, bao gồm Chrome, Firefox, IE hay Safari…

Sau khi cài đặt, phần mềm sẽ hoạt động ngay trên cửa sổ trình duyệt web của bạn dưới dạng một biểu tượng khá nhỏ mà không để ý bạn sẽ khó phát hiện ra.


Kích vào biểu tượng này để hiển thị giao diện tùy chọn của TrafficLight, nhấn nút Settings để thay đổi các thiết lập của phần mềm.


Trên thực tế TrafficLight đã trang bị đầy đủ các tính năng cần thiết để bảo vệ người dùng an toàn khi duyệt web, như tự động lọc quảng cáo không mong muốn, lọc các trang web lừa đảo hay lọc các trang web có chứa mã độc… Do vậy, người dùng không cần phải thiết lập lại bất kỳ tùy chọn nào khác trên TrafficLight.

Phần mềm cũng cung cấp tính năng cho phép phát hiện và cảnh báo người dùng những đường link giả mạo và lừa đảo phát tán trên các mạng xã hội như Facebook và Twitter, vốn đang rất phổ biến hiện nay.

Nói cách khác, TraffiLight là phần mềm bảo mật theo kiểu “cài đặt rồi quên đi”, nghĩa là sau khi cài đặt phần mềm lên hệ thống, TrafficLight sẽ tự động thực hiện công việc của mình mà không yêu cầu người dùng phải thực hiện một thiết lập nào khác.

Một tính năng hữu ích khác không thể không nhắc đến của TrafficLight đó là khả năng nhận diện mức độ an toàn của các trang web trên kết quả tìm kiếm.

Giờ đây, mỗi khi bạn tìm kiếm một cụm từ nào đó, đằng trước mỗi kết quả tìm kiếm sẽ xuất hiện thêm một biểu tượng của TrafficLight thông báo cho bạn biết trang web có “sạch” hay không. Nếu xuất hiện biểu tượng màu xanh, nghĩa là trang web an toàn để ghé thăm, ngược lại nếu xuất hiện biểu tượng màu đỏ thì tốt nhất là nên tránh xa.

Chức năng này không chỉ hoạt động với công cụ tìm kiếm phổ biến là Google mà còn hoạt động với cả Bing hay Yahoo…

Biểu tượng cảnh báo hiển thị trước mỗi kết quả tìm kiếm

Tóm lại, với những chức năng mình cung cấp, TrafficLight được xem là một “trợ thủ đắc lực” cho các phần mềm diệt virus hiện có trên hệ thống. Về cơ bản phần mềm này không thực hiện chức năng quét hay diệt virus trên máy tính, mà thực hiện chức năng phòng ngừa để ngăn chặn khả năng máy tính bị lây nhiễm virus từ các trang web độc hại, vốn đang rất phổ biến hiện nay.

Để gỡ bỏ và không tiếp tục sử dụng, bạn chỉ việc gỡ bỏ TrafficLight như gỡ bỏ một phần mềm bình thường trên Windows.

Phạm Thế Quang Huy
Theo Dân Trí
>> Xem thêm

Auto Readmore phiên bản mới nhất cho Blogger

vncongnghe – Hôm nay vncongnghe xin chia sẻ cùng các bạn thủ thuật "Tự động tóm tắt bài viết cho Blogger" với cách hiển thị hoàn toàn khác so với thủ thuật trước đây. Với thủ thuật "Tiện ích tự động tóm tắt bài viết có ảnh thumb cho blogger" mà mình chia sẻ trước đây chỉ giới hạn ở việc phần ảnh thumbnail và phần nội dung bài viết, còn những phần khác như tiêu đề bài viết, phần chân bài viết, ngày tháng đăng bài... sẽ tùy chỉnh theo mặc định của blogger. Nếu bạn thực hiện theo thủ thuật trước đây phần tiêu đề bài viết sẽ hiện thị ở trên còn hình ảnh và phần tóm tắt nội dung sẽ được hiện bên dưới và các phần khác sẽ được giữ nguyên không bị tác động đến.

Hình ảnh minh họa

Và thủ thuật mình sắp giới thiệu sẽ giúp bạn có thể tùy chỉnh cho cách hiển thị bài viết trông đẹp hơn, theo ý muốn của mình. Ảnh thumb sẽ được float về bên trái và tiêu đề, nội dung hay thông tin bài viết được đưa về phía bên phải trông chuyên nghiệp hơn và dễ dàng tùy chỉnh theo ý mình.

Lưu ý: Ở đây mình chỉ hướng dẫn chung với template cơ bản của Blogger, các bạn hãy tùy theo giao diện blog hiện tại của mình mà chỉnh sửa màu sắc lại cho phù hợp nhé

» Bắt đầu thủ thuật

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 mở rộng mẫu tiện ích (Expand Widget Templates)

5. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>

.sumpost{text-shadow:0 1px #fff;color:#111;font-family:arial;font-size:12px;line-height:1.4;margin:0;padding:6px 8px}

.img-post img{background:#fff;float:left;margin:6px 8px 0 8px;border:1px solid #ccc;height:100px;width:120px;padding:2px}

.sumpost h2{font-size:16px;background:none;padding:0;margin:0;line-height:1.2}

.sumpost h2 a{color:#160}

.sumpost .postinfo{color:#0e3f4f;padding:3px 0 3px 8px;margin:0;border-bottom:dotted #ddd 1px}

.sumpost .postinfo .numcm{margin:0 2px 0 2px}

.sumpost .postinfo .author{margin:0 2px 0 0}

.sumpost .postinfo .numcm .num{color:#f80}

.sumpost .postinfo .label{margin:0 2px 0 2px}

.sumpost .postinfo .label a{color:#b0039a}

.readmore{float:right;margin:8px 0 0;padding:0 0 0 0}

.readmore a{color:#d7034e;padding:0}

.readmore a:hover{color:#00f}

.borderline{border-top:1px solid #bbb;border-bottom:1px solid #fff;margin:4px 0 0 0}


6. Chèn tiếp code bên dưới vào trước thẻ </head>

<script type='text/javascript'>

var thumbnail_mode = "no-float" ;

no_image = "http://bit.ly/hGWr7r";

sumposts = 500; //số ký tự bài viết hiển thị khi có ảnh

</script>

<script src='http://data-traidatmuidotcom.appspot.com/scripts/auto_sumpost_new.js' type='text/javascript'/>

<style><b:if cond='data:blog.url == data:blog.homepageUrl'>.post-footer,.post h3,h2.date-header{display:none;}</b:if></style>


7. Tiếp theo bạn hãy tìm đến dòng code bên dưới

<data:post.body/>

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

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<p><data:post.body/></p>

</div>

<b:loop values='data:post.labels' var='label'>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.author/>&quot;,&quot;<data:top.authorLabel/>&quot;,&quot;<data:post.numComments/>&quot;,&quot;<data:top.commentLabelPlural/>&quot;,&quot;<data:label.name/>&quot;,&quot;<data:postLabelsLabel/>&quot;,&quot;<data:label.url/>&quot;);

</script>

</b:loop>

</b:if>

</b:if>


9. Cuối cùng là Save lại.

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

Nguồn bài đăng: traidatmui.com
>> Xem thêm

Chiến lược xây dựng liên kết nội bộ 2012 cho site

VNC - Mục tiêu của bài viết lần này là để làm sáng tỏ một quan niệm sai lầm mà tôi đã thấy trong các ý kiến, và để cho bạn thấy chính xác những gì tôi có nghĩ về sitewides có thể là vấn đề hiện tại và trong tương lai gần hơn, tối ưu hóa các thuật toán và các bộ lọc.

Liên kết Footer Vốn dĩ không “xấu”

Một câu hỏi mà tôi đã nghe một vài lần là liệu chúng ta có nên sử dụng các link ở cuối trang trên toàn trang web không ?…. Câu trả lời của tôi cho điều này là “Vâng! chúng ta có thể” – Các liên kết ở chân trang có thể là một Bảng đồ thu nhỏ tuyệt vời cho người dùng thiếu kinh nghiệm tìm kiếm. Đặc biệt là trong thế giới ngày càng phát triển của điện thoại di động và lướt web của Internet đã thúc đẩy một nhu cầu ngày càng tăng để điều hướng ở Footer của trang web cho phép người dùng đi đến một vị trí trên các trang web có ý nghĩa mà không cần phải di chuyển trở lại đầu trang.

Liên kết Footer như SEOmoz là tốt, nó đưa người dùng đến các trang quan trọng và hữu ích nhất trên trang web. Mọi người điều mong đợi nhìn thấy chúng ở đó vì khi người dùng vào website lần đầu họ không biết đâu là mục hay – hấp dẫn – có ích cho họ:


Trang web Zappos thực hiện điều cũng không kém SEOmoz, mặc dù nhìn nó không được đẹp mắt như trên trang chủ mà họ đã làm trên các trang thể loại của họ (hãy xem tại trang chủ và thể loại này để thấy sự khác biệt). Họ không có lạm dụng đối với các văn bản neo và đưa bạn vào các trang web không liên quan đến từ khóa và chân trang của website họ quá lớn dễ gây mất thẩm mỹ nhưng bù lại có chứa các liên kết hữu ích cho người sử dụng.


Và theo để SearchMetrics, bảo hiểm SERP của họ và quyền


Các vấn đề được đánh giá trên quy mô

Cuối trang như thế này trở thành một vấn đề khi họ được thu nhỏ qua một trang web đầy đủ và cũng thành nhỏ. Đây là một thực tế phổ biến cho các trang web lớn, đặc biệt là trong các ngành công nghiệp du lịch / khách sạn / bất động sản.

Nếu đây là một trang web bình thường:


Đây là một ví dụ về một trang chủ từ một chuỗi khách sạn lớn


Kiến trúc trông như thế này là một kiến ​​trúc hoàn toàn tiêu chuẩn.


Nhưng nếu bạn mở rộng ra đến một phần trên toàn trang web, chẳng hạn như trong trang web khách sạn ở trên, sau đó mỗi trang sẽ trở thành giống như một trang chủ liên kết với các neo văn bản đã được tối ưu hóa. Và thường những liên kết này không liên quan và không có giá trị cho người sử dụng.

Dưới đây là một ví dụ về lạm dụng liên kết nội.


Microsites / Franchises có thể trở thành mối nguy hiểm

Gần đây tôi đã đi tham khảo một số trang web và cũng có rất nhiều các trang web nhượng quyền thương mại cho bên thứ ba. Mỗi site của các trang web này được xây dựng ra một mẫu (không nhất thiết phải là một vấn đề) và cung cấp nội dung địa phương cụ thể để khu vực nhượng quyền thương mại được. Mỗi site của các trang web theo ý kiến ​​của tôi sẽ làm tăng giá trị cho người sử dụng.

Dưới đây là một ví dụ bố trí của các trang web, với các vấn đề khu vực (theo ý kiến ​​của tôi)


Khi bạn mang nó ra so sánh với một cái quy mô liên kết giữa các trang web (và tất cả các liên kết được hiển thị trong ví dụ microsite trên toàn trang web) bắt đầu nhìn như thế này:


Hãy suy nghĩ và phân loại một cách tư duy

Cách tốt nhất để chỉ đạo rõ ràng về những vấn đề trên liên kết đó có thể sẽ làm cho bạn rơi vào rắc rối khi phân loại các trang của bạn. Bên trong vấn đề này thật chất chúng tôi thường nói chuyện về các loại này là “loại trang” nhưng về cơ bản chúng ta đang nói về các cấp độ khác nhau của các trang trên trang web của bạn. Một số ví dụ là:


Một ý nghĩ là làm thế nào để cải thiện liên kết nội bộ của bạn ? nhưng trong thuật toán cập nhật một cách mới nhất thì buộc lại giữa các cấp độ khác nhau theo những cách có ý nghĩa. Câu trả lời cuối cùng tốt nhất là để tạo ra một lược đồ liên kết nội bộ hoặc thuật toán cho phép bạn liên kết đến các trang này tự động tùy thuộc vào cách lựa chọn các trang phù hợp với chiến lượt xây dựng lượt đồ liên kết.

Có vẻ bạn sẽ không nhìn thấy điểm kết thúc của các liên kết với tất cả các trang chỉ là các trang web trong cùng một loại địa lý:


Liên kết nội bộ song song.

Như tôi đã nói ở phần trước đó, nó không có ý nghĩa liên kết đến tất cả các trang thể loại quan trọng của bạn từ tất cả các trang thể loại khác, vì nó có thể gây nên góc độ xấu từ người dùng. Nếu ai đó đang tìm kiếm cho một khách sạn Washington DC có thể chúng tôi không quan tâm đến việc nhìn thấy khách sạn London. Nếu ai đó đang tìm kiếm khách sạn London, họ có thể không quan tâm đến khách sạn ở Orlando, nhưng họ có thể có quan tâm đến khách sạn Paris hay Munich.

Bây giờ chúng ta cần tìm ra cách để phân đoạn. Để phân loại các trang web cụ thể này, tôi muốn sử dụng các phân loại sau đây:

- Lục địa
- Quốc gia
- Thành phố
- Nhà nước chức trách (nếu Hoa Kỳ áp dụng)
- Hạng mục hoặc khách sạn

Sau đó khi mô hình phù hợp với các lục địa thì tiếp đó là quốc gia rồi đến thành phố. Nếu chúng ta làm được điều này thì có thể áp dụng cho trang khách sạn London của bạn theo cách này với các liên kết trong thanh bên Paris, Munich, Amsterdam..v.v.. và không liên kết để Orlando và Atlanta


Liên kết nội bộ

Một mẹo mà tôi đưa ra trong trong phần trước là liên kết giữa các trang có liên quan của bạn trên ccTLDs của bạn để các trang có liên quan trên các tên miền cấp cao khác.


Làm thế nào để kiểm tra vấn đề này?

Như với bất kỳ bài đăng blog bạn đọc, bạn nên đi theo lời khuyên với quy trình cụ thể. Tôi không quan tâm người nào đã viết nó và bạn cần phải làm 1 thử nghiệm của riêng bạn và nghiên cứu đối thủ cạnh tranh để tìm ra những gì họ đang làm và sau đó làm thế nào bạn có thể ở làm được như họ nhưng không đưa trang web của bạn gặp nguy hiểm.

Làm một nghiên cứu đối thủ cạnh tranh của bạn

Tôi tìm thấy các nguyên tắc mà ta đã nói chuyện về vấn đề ở đây bằng cách làm một cuộc điều tra sâu vào cách các đối thủ cạnh tranh đang nhận được thứ hạng (điều này là một trong những yếu tố quyết định chiến thắng của nhiều người). Tôi nhận thấy làm thế nào họ đã liên kết và so sánh việc đó đối với hệ thống website của họ có một xu hướng đi tốt.

Bạn cần phải làm như vậy. Tôi khuyên bạn nên bắt đầu tận dụng những thời điểm cạnh tranh nhất của thị trường ngành nghề bạn đang kinh doanh và tìm hiểu các kỹ thuật chiến lược của họ như: liên kết bên ngoài, các liên kết nội bộ, và nội dung. Bạn có thể thấy rằng bạn đang bị yếu thế hơn bởi vì họ có một lượng nội dung hữu ích, Hoặc có thể bạn sẽ nhận thấy liên kết nội bộ của họ là tốt hơn và bạn phải tìm hiểu từ chiến lược đó của họ.

Theo googlesearchbox.vn
>> Xem thêm

Tạo Form Register ấn tượng với Fancybox cho WordPress

VNC - vncongnghe hôm nay xin giới thiệu đến các bạn một thủ thuật tạo Form đăng ký ấn tượng cho blog bằng cách sử dụng Fancybox. Thủ thuật này sẽ đi qua 4 bước cũng khá đơn giản, trong đó 3 bước đầu tiên là 3 bước quan trọng, bạn cần phải theo dõi kỹ nếu không form sẽ không hiển thị hoặc hiển thị không như mong muốn.

BƯỚC 1: HIỂN THỊ NÚT “REGISTER”

Để hiển thị nút “Register” hoặc bất cứ từ gì mà bạn muốn trên blog, bạn chỉ cần đặt đoạn code sau đây vào nơi mà bạn muốn hiển thị:

<div id="registration"><a class="show register-button" href="#register-form">Register</a></div>

Chú ý: Bạn không nên thay đổi #register-form vì đây sẽ là cơ sở để Fancybox có thể hoạt động.

Trong ví dụ này, mình sử dụng Theme mặc định của WordPress 3.0Twentyten và đặt nó trong file header.php sau đoạn code:

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>

ẢNH MINH HỌA:




Sau đó, bạn đặt đoạn code sau đây vào bất cứ đâu tùy thích cũng trong file header.php:

<div style="display:none"> <!-- Register Form -->
<div id="register-form">
<div class="title">
<h1>Register For This Site</h1>
</div>
<form action="" method="post">
<input type="text" name="user_login" value="Username" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" id="user_login" class="input" />
<input type="text" name="user_email" value="E-Mail" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" id="user_email" class="input" />
<input type="submit" value="Register" id="register" />
<hr />
<p class="statement">A password will be e-mailed to you.</p>
</form>
</div>
</div><!-- /Register Form --> 


Mục đính của đoạn code trên là tạo form đăng ký, nhưng hiện giờ nó chưa thể hiển thị

BƯỚC 2: JQUERY

Trước tiên cần gọi các jQuery có sẵn của WordPress, để làm được như vậy, bạn chỉ cần đặt đoạn code sau vào file header.php và trước tag <head>.

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?> 


Bạn download Fncybox tại đây và giải nén sẽ được 5 file và thư mục như sau, bạn chỉ cần quan tâm đến thư mục fancybox, Upload nó vào thư mục của theme.


Tiếp đến, dán đoạn code sau vào footer.php trước </body>

<link rel="stylesheet" type="text/css" href="http://yoursite/wp-content/themes/yourtheme/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<!-- Javascript -->
<script type="text/javascript" src="http://yoursite/wp-content/themes/yourtheme/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="http://yoursite/wp-content/themes/yourtheme/fancybox/jquery.fancybox-1.3.1.pack.js"></script> 


Cuối cùng và quan trọng của bước này, dó là đoạn code giúp hiển thị form đăng ký ấn tượng

<script>
jQuery(document).ready(function() {
jQuery(".show").fancybox({
'titleShow' : 'false',
'transitionIn' : 'fade',
'transitionOut' : 'fade'
});
});
</script> 


BƯỚC 3: WORDPRESS

Bạn mở file wp-login.php và tìm 2 dòng sau:

<?php echo site_url('wp-login.php?action=register', 'login_post') ?>

và:

<?php do_action('register_form'); ?>

Sau đó gắn nó vào đoạn code ở bước một, chúng ta có đoạn code như sau:

<div style="display:none"><!-- Register Form -->
<div id="register-form">
<div class="title">
<h1>Register For This Site</h1>
</div>
<form action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" method="post">
<input type="text" name="user_login" value="Username" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" id="user_login" class="input" />
<input type="text" name="user_email" value="E-Mail" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" id="user_email" class="input" />
<?php do_action('register_form'); ?>
<input type="submit" value="Register" id="register" />
<hr />
<p class="statement">A password will be e-mailed to you.</p>
</form>
</div>
</div><!-- /Register Form --> 


Mục đích là để cho Form không trở nên vô dụng. Vì sao vô dụng, bạn hãy tự mình tìm hiểu nhé

BƯỚC 4: CSS

Bước cuối cùng không mấy quan trọng, bạn chỉ cần thêm css để Form thêm đẹp và ấn tượng. Đây là đoạn code css của vncongnghe, bạn có thể tham khảo và chỉnh sửa các thuộc tính sao cho phù hợp.

/**** Register Form ****/
#registration {
float: right;
}
div#register-form {
background: url("images/bg-register-form.png") no-repeat scroll 260px 40px #F9F9F9;
font-family: Helvetica Neue, Helvetica, Arial !important;
width: 400px; height: 230px;
overflow: hidden;
position: relative;
}
div#register-form input[type="text"] {
font-family: Helvetica Neue, Helvetica, Arial !important;
display: block;
margin: 5px 20px; padding: 9px 4px;
border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius:4px;
width: 200px;
}
div#register-form input[type="text"]:hover {
border-color: #b1b1b1;
}
div#register-form input[type="text"]:focus {
-moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc;
}
div#register-form input[type="submit"]#register {
background: url("images/register.png") repeat-x scroll left top #21759B;
border: 1px solid #298CBA; -moz-border-radius: 11px 11px 11px 11px; -webkit-border-radius: 11px 11px 11px 11px;
font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size: 12px; font-weight: bold; line-height: 12px; color: #EAF2FA; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
clear: both;
cursor: pointer;
overflow: hidden;
position: relative;
left:288px; top: 50px;
padding: 3px 10px;
}
div#register-form input[type="submit"]#register:hover {
border-color: #13455B;
color: #EAF2FA;
}
div#register-form div.title {
margin-left:15px;
}
div#register-form div.title h1 {
text-shadow:1px 1px 0px #fff;
margin:7px 0 40px;
}
p.statement {
font-size: 11px; color:#6d6d6d; text-shadow:1px 1px 0px #fff;
position:absolute;
bottom:-4px; left:10px;


SAU KHI HOÀN THÀNH:


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

Nguồn bài đăng: Minh Mèo Blog
>> Xem thêm

Cách sao lưu và phục hồi các thiết lập trên Firefox

VNC - Việc sao lưu các thiết lập trên Firefox như password, bookmarks, danh sách địa chỉ đã truy cập, email… sẽ giúp bạn đảm bảo an toàn cho các dữ liệu của mình. Cách này cũng giúp bạn mang dữ liệu sử dụng trên Firefox của máy tính khác.

Có một cách đơn giản để thực hiện công việc này, đó là sử dụng phần mềm chuyên dụng MozBackup của tác giả Jasnapaka. Bạn tải phần mềm MozBackup tại đây.

Đầu tiên bạn tắt tất cả các thẻ đang hoạt động trên trình duyệt “cáo lửa” và đóng cửa sổ trình duyệt này lại.

Sau khi chương trình Mozbackup được khởi động bạn nhấn Next để vào hộp thoại sao lưu và khôi phục. Vì là lần đầu tiên sao lưu nên bạn hãy chọn mục Backup a profile. Sau đó, chọn phiên bản Firefox tương ứng để khôi phục.


Bạn đánh dấu chọn những thành phần thiết lập mà mình muốn sao lưu bao gồm Bookmarks, History, Extensions, Saved passwords, Cookies, Savedform details, Downloaded file list và Certificates.

Sau đó chọn Browse để xem đường dẫn lưu tập tin khôi phục. Nhấn Next để qua bước tiếp theo. Tại đây chương trình sẽ yêu cầu bạn thiết lập Password để bảo mật. Bạn có thể chọn Yes, sau đó chọn password tương ứng để làm key bảo vệ cho tập tin. Chọn No để không sử dụng dịch vụ này. Sau đó bấm Finish để chương trình bắt đầu sao lưu các thiết lập của bạn.


Sau khi quá trình sao lưu hoàn tất, bạn sẽ có một file dữ liệu chứa các thiết lập của Firefox có đuôi dạng .pcv.

Theo VnMedia, Quản Trị Mạng
>> Xem thêm

Tích hợp Adf.ly cho tất cả các link trong web/blog

Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thuVNC – Adf.ly như bạn biết thì đây là một website chuyên cung cấp dịch vụ rút ngắn link và bạn có thể kiếm được tiền từ dịch vụ này. Bạn là một webmaster, sở hữu 1 webblog chuyên cung cấp các dịch vụ download thì đây là cơ hội để bạn có thể có thêm thu nhập cho web/blog của mình. Cách đăng ký tham gia và giới thiệu bạn bè thế nào mình đã có dịp chia sẻ cùng các bạn tại bài viết "Tham gia kiếm tiền với Adf.ly bằng hình thức rút gọn link". Tham gia Adf.ly một thời gian và mình cũng đã nhận được $$ thanh toán qua Paypal nên bạn có thể yên tâm tham gia để có doanh thu cho webblog của mình.

Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thu

Bài viết Tham gia kiếm tiền với Adf.ly bằng hình thức rút gọn link đã hướng dẫn bạn cách đăng ký và cách thức rút ngắn link để kiếm tiền nhưng chưa giúp bạn có thể tích hợp được Adf.ly cho tất cả các link trên web/blog của bạn hoặc một số domain liên kết ngoài mà bạn muốn. Chính vì thế nhằm tạo sự tiện lợi và tối ưu doanh thu cho các bạn mình xin chia sẻ lại cách để bạn có thể tích hợp Adf.ly cho tất cả các link mà bạn chỉ định trên web/blog của mình.

Thật ra cách thức tích hợp cũng khá đơn giản chỉ cần dùng 1 đoạn script nhỏ để chèn vào trong web/blog của bạn là được

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 code bên dưới vào sau thẻ <body>

<script>var adfly_id = 1066510; // Là id tài khoản Adf.ly của bạn
var adfly_advert = 'int'; // Loại quảng cáo (Advertising Type)
var domains = ['rapidshare.com', 'vip-file.com', 'smsfiles.ru', '4files.net', 'turbobit.ru', 'uploading.com', 'letitbit.net', 'depositfiles.ru', 'sms4file.com', 'ifolder.ru', 'hotfile.com', 'anyfiles.net', 'sharingmatrix.com'];
</script>
<script src='http://adf.ly/js/link-converter.js'/>

- Bạn hãy thay đổi những tên miền (Domain) ở trên thành những tên miền mà bạn muốn tích hợp Adf.ly, tức khi click vào link chứa domain trong danh sách đó sẽ tự động chạy link với Adf.ly.

- var adfly_id = 1066510; bạn thay thành id tài khoản Adf.ly của bạn. Cách xem id bạn click Referrals và xem bên dưới sẽ thấy.

Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thu

- var adfly_advert = 'int'; chính là loại quảng cáo, nếu bạn chọn int thì khi người dùng click Skip Ads mới xem được nội dung mà link đó dẫn đến. Nếu bạn chọn "banner" thì người dùng vẫn xem được nội dung trước khi click Skip Ads, hình thức này khuyên dùng hơn vì ít gây phiền đến người dùng. Nếu bạn muốn dùng hình thức 2 chỉ cần thay đổi như sau:

var adfly_advert = 'int';

thành

var adfly_advert = 'banner';

Ở trên là cách để bạn tích hợp Adf.ly cho tất cả các link trong web/blog, nếu bạn muốn khi người dùng truy cập vào web/blog của bạn thì sẽ được chuyển (Redirect) tới Adf.ly, tức là khi truy cập vào trang bạn thì Adf.ly tự động chạy và khi người dùng click Skip ads thì xem trang bạn bình thường, hãy dùng code bên dưới

<script type="text/javascript">
var adfly_id = 1066510; // id như đã nói ở trên
var adfly_advert = 'int'; // bạn có thể thay thành banner
var frequency_cap = 5; // tần suất (số lần) người dùng sẽ được redirect trong 24h
var frequency_delay = 5; // số phút lặp lại
var init_delay = 3; // số giây hiển thị quảng cáo Adf.ly
</script>
<script src="http://cdn.adf.ly/js/entry.js" type="text/javascript"></script> 


Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thu

Trước khi áp dụng hình thức bạn thì bạn phải Đăng ký tài khoản Adf.ly,

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

Nguồn bài đăng: Traidatmui.com
>> Xem thêm

Tích hợp Adf.ly cho tất cả các link trong web/blog

Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thuVNC – Adf.ly như bạn biết thì đây là một website chuyên cung cấp dịch vụ rút ngắn link và bạn có thể kiếm được tiền từ dịch vụ này. Bạn là một webmaster, sở hữu 1 webblog chuyên cung cấp các dịch vụ download thì đây là cơ hội để bạn có thể có thêm thu nhập cho web/blog của mình. Cách đăng ký tham gia và giới thiệu bạn bè thế nào mình đã có dịp chia sẻ cùng các bạn tại bài viết "Tham gia kiếm tiền với Adf.ly bằng hình thức rút gọn link". Tham gia Adf.ly một thời gian và mình cũng đã nhận được $$ thanh toán qua Paypal nên bạn có thể yên tâm tham gia để có doanh thu cho webblog của mình.

Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thu

Bài viết Tham gia kiếm tiền với Adf.ly bằng hình thức rút gọn link đã hướng dẫn bạn cách đăng ký và cách thức rút ngắn link để kiếm tiền nhưng chưa giúp bạn có thể tích hợp được Adf.ly cho tất cả các link trên web/blog của bạn hoặc một số domain liên kết ngoài mà bạn muốn. Chính vì thế nhằm tạo sự tiện lợi và tối ưu doanh thu cho các bạn mình xin chia sẻ lại cách để bạn có thể tích hợp Adf.ly cho tất cả các link mà bạn chỉ định trên web/blog của mình.

Thật ra cách thức tích hợp cũng khá đơn giản chỉ cần dùng 1 đoạn script nhỏ để chèn vào trong web/blog của bạn là được

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 code bên dưới vào sau thẻ <body>

<script>var adfly_id = 1066510; // Là id tài khoản Adf.ly của bạn
var adfly_advert = 'int'; // Loại quảng cáo (Advertising Type)
var domains = ['rapidshare.com', 'vip-file.com', 'smsfiles.ru', '4files.net', 'turbobit.ru', 'uploading.com', 'letitbit.net', 'depositfiles.ru', 'sms4file.com', 'ifolder.ru', 'hotfile.com', 'anyfiles.net', 'sharingmatrix.com'];
</script>
<script src='http://adf.ly/js/link-converter.js'/>

- Bạn hãy thay đổi những tên miền (Domain) ở trên thành những tên miền mà bạn muốn tích hợp Adf.ly, tức khi click vào link chứa domain trong danh sách đó sẽ tự động chạy link với Adf.ly.

- var adfly_id = 1066510; bạn thay thành id tài khoản Adf.ly của bạn. Cách xem id bạn click Referrals và xem bên dưới sẽ thấy.

Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thu

- var adfly_advert = 'int'; chính là loại quảng cáo, nếu bạn chọn int thì khi người dùng click Skip Ads mới xem được nội dung mà link đó dẫn đến. Nếu bạn chọn "banner" thì người dùng vẫn xem được nội dung trước khi click Skip Ads, hình thức này khuyên dùng hơn vì ít gây phiền đến người dùng. Nếu bạn muốn dùng hình thức 2 chỉ cần thay đổi như sau:

var adfly_advert = 'int';

thành

var adfly_advert = 'banner';

Ở trên là cách để bạn tích hợp Adf.ly cho tất cả các link trong web/blog, nếu bạn muốn khi người dùng truy cập vào web/blog của bạn thì sẽ được chuyển (Redirect) tới Adf.ly, tức là khi truy cập vào trang bạn thì Adf.ly tự động chạy và khi người dùng click Skip ads thì xem trang bạn bình thường, hãy dùng code bên dưới

<script type="text/javascript">
var adfly_id = 1066510; // id như đã nói ở trên
var adfly_advert = 'int'; // bạn có thể thay thành banner
var frequency_cap = 5; // tần suất (số lần) người dùng sẽ được redirect trong 24h
var frequency_delay = 5; // số phút lặp lại
var init_delay = 3; // số giây hiển thị quảng cáo Adf.ly
</script>
<script src="http://cdn.adf.ly/js/entry.js" type="text/javascript"></script> 


Tích hợp Adf.ly cho tất cả các link trong web/blo hay một số tên miền nhất định để tăng doanh thu

Trước khi áp dụng hình thức bạn thì bạn phải Đăng ký tài khoản Adf.ly,

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

Nguồn bài đăng: Traidatmui.com
>> Xem thêm

Thể hiện Widget Label với nhiều cột

VNC - Blogger quản lý chủ đề của blog bởi những tên label. Có người sử dụng chúng như những Category trong Wordpress và để ở dạng list, cũng có người thì sử dụng như những thẻ Tag và để ở dạng cloud. Nếu blog của bạn đang hiển thị label ở dạng list, không cần quan tâm đến số đếm bài viết trong mỗi label và cũng không thường xuyên tạo một label mới thì không cần thiết phải sử dụng widget label của Blogger. Hãy tự tạo widget HTML/Javascript hoặc chèn ngay trong template đoạn mã để hiển thị những label, việc này sẽ giúp Blogger không mất công xử lý dữ liệu từ widget label rồi chỉ để hiển thị điều mà chúng ta có thể tự làm được với mã HTML đơn giản.

Còn nếu như bạn muốn dùng widget label để hiển thị số đếm bài viết, tự động cập nhật tên label mới và đang để hiển thị theo dạng list thì có một điều bất tiện là danh sách label này chỉ gồm 1 cột. Để hiển thị dưới dạng 2 cột hoặc nhiều hơn chúng ta thêm một vài thuộc tính cho style sheet của blog.

☼ Ảnh DEMO cho bài viết:


☼ Cách tiến hành:

1- Đăng nhập vào Blog
2- Vào thiết kế
3- Chọn Chỉnh sửa HTML
4- Dán đoạn code sau vào trước thẻ đóng ]]></b:skin>.
.Label li{float:left;width:50%}
5- Xác định ID của Label bạn muốn chia cột. bằng cách Đăng nhập vào blog - Thiết kế - Phần tử trang (Bố Cục) - Bấm vào Chỉnh sửa Label bạn muốn và xem ID của Label tại URL của Label widget như hình:


- Trong ví dụ này Widget mình muốn chia cột là label1.

6- Tìm đến đoạn mã của widget label này (Ctrl + F với từ khóa id='Label1'). Các bạn sẽ tìm được đnạn mã tương tự như sau:

<b:widget id='Label1' locked='false' title='Nhãn' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
- Trong đoạn mã của widget này có duy nhất 1 thẻ đóng </ul>, chèn đoạn mã dưới đây vào sau thẻ </ul>.
<div style="clear:both"/>
- Khi đó đoạn code trở thành như sau:
<b:widget id='Label1' locked='false' title='Nhãn' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<div style="clear:both"/>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

- P/s: Thay vì khai báo với class Label chúng ta có thể đổi thành id Label1. Ở đây mình khai báo với class để có thể sử dụng tiếp cho các thành phần khác cùng kiểu hiển thị. Hoặc khai báo với class cloumn chẳng hạn, khi đó cần thay thẻ mở <ul> bằng <ul class='cloumn'>.

- Với 2 cột thì thuộc tính width có giá trị 50%, 3 cột sẽ là 33%... Đây là giá trị tương đối, bạn có thể sử dụng giá trị tuyệt đối. Giả sử widget này đặt ở sidebar có width là 300px, muốn hiển thị 2 cột giá trị width của thành phần li trong Label sẽ là 150px, 3 cột là100px...

- Một điều đặc biệt lưu ý là giả sử widget này đặt ở sidebar và trong style sheet của bạn thành phần li của sidebar có thuộc tính margin cách trái hoặc phải với khoảng cách lớn hơn 0 thì bạn cần giảm giá trị width nhỏ hơn 50%.

Nguồn bài đăng: Namkna
>> Xem thêm
/
Copyright © 2012-2015 Khoa học - Công nghệ
Đặt làm trang chủ Đặt làm trang chủ

Trang chủ | Quảng cáo | Liên hệ | RSS | Sitemap | Lên đầu trang