Thủ thuật Blogger

Vipshock templates - Tin tức news

2012-08-21T18:27:00.004+07:00

Giao diện 2 cột dành cho site tin tức, thủ thuật.
Cấu trúc đơn giản gọn gàng.
load nhãn mặc định để tối ưu seo cho site.
Tóm lại là giao diện để làm site tin tức, thủ thuật ... :!^^

XEM DEMO DOWNLOAD

XEM DEMO DOWNLOAD

Cài đặt cũng như các theme share trước . mở bằng notepad++ tìm các đoạn js và thay tên nhãn cho phù hợp với nhãn blog bạn

Ai yêu thì để cho xin cái liên kết tới blog mình nha

Thông cảm adf buy domain nha các bạn. mới đc có 1$ còn thiếu nhiều quá!
Ai hảo tâm donate nhé :
Paypal.com: helloximo@gmail.com
Baokim.vn: nguagovt@gmail.com
Thank kiu!

Topphimtuan Blogger Templates

2012-07-23T16:32:00.006+07:00

Topphimtuan Blogger Templates - Templates sử dụng làm site xem phim online .

Templates đã tích hợp sãn bản AncMedia Edition hộ trợ play khá nhiều server .
Nếu ai mới tham gia blogger vui lòng Xem hướng dẫn tại đây để hiểu cách sử dụng.

Để nhìn chuyên nghiệp hơn ở trang chủ và tranh nhãn mình gắn ảnh vào thumb phim thông qua các nhãn tương đương : Phim HD, Phim cấp 3, Phim Hot và Trailer .
Bạn có thể dễ dàng sửa đổi ảnh và nhãn cho đẹp hơn phù hợp với site phim của bạn

for (var k = 0; k < entry.category.length; k++) {
if (entry.category[k].term == 'Phim Hot') {var getlabel = '<img class="getlabel" src="http://1.bp.blogspot.com/-gpJfdYqKEBY/T-GcIzI5QPI/AAAAAAAAA9s/pId95QnBn8w/s1600/hot.png"/>';}
else if (entry.category[k].term == 'Phim HD') {var getlabel = '<img class="getlabel" src="http://3.bp.blogspot.com/-aAOmhgTEi_E/T-GY9gZ8x4I/AAAAAAAAAn4/bKqiarCFVSI/s1600/hd.png"/>';}
else if (entry.category[k].term == 'Phim cấp 3') {var getlabel = '<img class="getlabel" src="http://3.bp.blogspot.com/-WjhxvORlhgM/T-GfLiLGbKI/AAAAAAAAA-A/YUwLn3b6VNA/s1600/bong%60.png"/>';}
else if (entry.category[k].term == 'Trailer') {var getlabel = '<img class="getlabel" src="http://2.bp.blogspot.com/-GEArVXodrW8/T-Gb8ZU7ZfI/AAAAAAAAA9k/o5TVwiRu8K4/s1600/trailer.png"/>';} }

XEM DEMO DOWNLOAD

Hướng dẫn cài đặt:

- Hiện thị bài đăng ở label tìm http://phim.bay68.com thay bằng tên miền của bạn

- Hiện thị các nhãn Phim chiếu rạp, Phim Lẻ, Phim bộ ... ở trang chủ tìm /feeds/posts/default/-/Phim Chiếu Rạp thay Phim Chiếu Rạp bằng nhãn mà bạn muốn hiện thị

Còn vài thứ cài đặt lung tung như menu, link label ... chắc mọi người có thể tự chỉnh sửa được mình sẽ ko viết hướng dẫn nữa.

Do nhiều người chưa biết cách up phim mình up tạm data của mình lên . các bạn down về import để biết cách post phim nhiều server . Data có 163 phim trong đó có khá nhiều phim cấp 3 , mọi người chú ý trước khi xem

DOWNLOAD DATA PHIM TEST

Chi tiết các server cập nhật và update sẽ được thông báo và fix lỗi ở đây: http://www.bay68.com/2012/08/ancmedia-plugin-ho-tro-play-videos.html

Chúc thành công !

AncMedia Edition - Plugin hỗ trợ play videos

2012-07-22T17:46:00.004+07:00

Mọi người đã biết AncMedia của suzuki_aka hiện đang có rất nhiều người sử dụng.
Tuy nhiên dạo này có vẻ như suzuki_aka không có time để update cập nhật mới. các server dei liên tục không kịp thời fix cho các bạn.
Lý do là site play sử dụng gkplugins của phimvang vì vậy phimvang ngỏm là tất cả đi theo.

Nay mình sẽ cập nhật 1 bản khác hỗ trợ các bạn sử dụng để chạy site .

Tuy nhiên do không có host lưu trữ và phải sử dụng phiên bản gk trial nên nên đa số các server mình phải sử dụng gk của các site khác.
Vì vậy nếu server nào không hoạt động được các bạn báo lỗi ở đây hoặc PM Y!M: nguagovt để mình fix kịp thời.

XEM DEMO PLAYER

Với bản AncMedia Edit này sẽ chỉ cho phép thay đổi Logo khung play . bạn ko thể thay đổi skin, gkplugins như bản trước của suzuki_aka để tránh lỗi add sai server sẽ không hoạt động được do mình chạy bằng gk của các site khác nhau.

1. Cài đặt
Cũng giống như ver trước . thêm 3 thẻ div lần lượt vào theme ở trang item, nên cho trước <data:post.body/> để khung player hiện thị ở trên bài viết.

Tiếp đó vẫn <data:post.body/> đó sửa thành như sau:

Bước cuối cùng thêm css để hiện thị, Tìm ]]></b:skin> chèn code sau vào trước nó

id {font-size:1px;display:none}
#list_tap{float:center;background:#eee;text-align:justify;border:1px solid #C2C2C2;width:500px;padding:5px}
#list_tap ul{float:left;list-style:none;margin:5px 0;width:100%;text-algin:left}
#list_tap ul li{float:left;text-algin:left;text-decoration:none;font:bold 12px Tahoma;}
#list_tap ul li.sev{color:#c60;}
#list_tap ul li.ep a.a_tap{color:#262626;padding:0px 5px 0px 8px;}
#list_tap ul li.ep a.a_tap:hover{color:blue}
#list_tap ul li a.active {color:#c20c0c;padding:4px 5px 4px 8px;text-decoration:blink;}
#anc_dx{float:center;height:24px;width:500px;background:#E0E0E0;border:1px solid #ccc;border-radius:3px 5px;font:bold 12px Tahoma;line-height:24px;color:#c20c0c;overflow:hidden;margin:5px 0;padding:3px 5px 3px 10px}
#anc_dx span{color:#111}
#anc_pl {width:500px;height:420px;}

Giải thích :
- <div id="anc_pl" ></div> : hiện thị khung player video. để chỉnh kích thước khung này bạn chỉ cần sửa css #anc_pl cho phù hợp
- <div id="anc_dx" ></div> : hiện thị tập phim đang xem.
- <div id="anc_tp" ></div> : hiện thị link các server phim.

Để thay đổi logo khi player tìm http://1.bp.blogspot.com/-nD0ISrVnJWI/UAu0sZd2XiI/AAAAAAAABLI/IcHNajZE9Qo/s1600/logo.png và link ảnh logo của bạn

Chú ý: Tuyệt đối không thay đổi link http://bay68.googlecode.com/svn/trunk/friends/anc-media-play.js để mình có thể Update các server khi server bị lỗi

2. Sử dụng .
Để post link nên để bài viết ở chế độ HTML
Link post có dạng

<id>Link phim</id> hoặc [id]Link phim[/id]

Ví dụ 1 link cho ai mới làm quen dễ hiểu, coppy và paste vào bài viết test nha

<id>01;http://www.youtube.com/watch?v=J_Lb-9Kg0ko|02;http://www.youtube.com/watch?v=ffeHLjj5fyw|01;http://clip.vn/embed/O08p|02;http://clip.vn/embedO0S4</id>

Tên mỗi tập phim tới link được ngăn cách bằng dấu ;
Mỗi tập phim phân cách với nhau bằng dấu |

Hiện hỗ trợ các server sau:

youtube.com,anc.yl,anc.mp4,anc.flv,megafun.vn,phimvang.org,picasaweb.google.com, dailymotion.com,zing.vn,4shared.com,videobb.com,videozer.com,zippyshare.com, novamov.com,twitvid.com,cyworld.vn,24video.net,movshare.net,veoh.com,blip.tv, sendspace.com,speedyshare.com,rolo.vn,tunescoop.com,eyvx.com,clip.vn,banbe.net, truongxua.vn,videobam.com,nhaccuatui.com,mediafire.com,vimeo.com,viddler.com, xvideos.com,free18.net,nuvid.com,youjizz.com,eporner.com,gaytube.com, megafilex.com,porn.com,pornhub.com,pornoxo.com,redtube.com,slutload.com,
spankwire.com,tnaflix.com,tube8.com,vtraxe.com,xhamster.com,xtube.com,xxxstash.com

Nên cân nhắc trước khi post phim xxx nha .ko nên post quá nhiều

Kết : Ai yêu AncMedia Edition thì cho mình xin cái textlink ở site bạn nhé :)

<a href="http://www.bay68.com" title="Gái nhảy - Scandal - Phim 18">Gái nhảy - Scandal - Phim 18</a>

Matxac 2012 Blogger Templates

2012-07-20T18:55:00.008+07:00

Templates dành cho các bạn thích làm site nhạc DJ , Rap Việt ...

XEM DEMO DOWNLOAD

Hướng dẫn cài đặt.
Để thay đổi Menu tìm :

<li><h2><a href='/' title='Home'>Home</a></h2></li>
<li><h2><a href='/search/label/Nonstop' title='Nonstop'>Nonstop</a></h2></li>
<li><h2><a href='/search/label/House Club' title='House club'>House club</a></h2></li>
<li><h2><a href='/search/label/Việt Mixes' title='Việt Mix'>Việt Mix</a></h2></li>
<li><h2><a href='/search/label/Dance Trance' title='Dance - Trance'>Dance Trance</a></h2></li>
<li><h2><a href='/search/label/Producer VN' title='Producer VN'>Producer VN</a></h2></li>
<li><h2><a href='/search/label/Video' title='Videos Clip'>Videos Clip</a></h2></li>

Tìm http://matxac2012-helloximo.blogspot.com thay bằng tên miền của bạn

Để hiện thị icon , , bạn cần thêm nhãn có tên tương tự là New , Hot , Video

Cách post nhạc, đọc bài này: http://www.bay68.com/2012/08/ancmusic-edition-plugin-ho-tro-nghe-nhac.html

Mục Video Dance Remix ở Sidebar vào Cài đặt -> Thiết kế -> chỉnh sửa tiện ích Video Dance Remix chèn vào

<div align="center" class="videox">
<script>document.write("<script src=\"/feeds/posts/default/-/Video?max-results="+5+"&orderby=published&alt=json-in-script&callback=bayvideo\"><\/script>");</script>
</div>

Thêm 1 pic ảnh demo bài viết

Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé

AncMusic Edition - Plugin hỗ trợ nghe nhạc

2012-07-20T18:52:00.001+07:00

Chắc hẳn ai làm blog music và phim hầu như đều quen thuộc với Plugin này.
Chức năng chính của nó là hỗ trợ play nhạc từ zippy, youtube, zing, nhaccuatui ...

Mọi người đều biết Plugin ban đầu suzuki_aka viết khá sơ sài, vì vậy mình sẽ fix và update thêm 1 số tính năng.

+ Hỗ trợ play ở IE
+ Thêm nút download
+ Sử dụng getlink để lấy link nhạc
+ Hỗ trợ add skin
.....

XEM DEMO

Hướng dẫn cài đặt:

Trước hết bạn cần xác định trang item (trang bài viết) của blog , nội dung trang item sẽ được show ra qua thẻ <data:post.body/>
thẻ này được nằm trong <b:includable id='post' var='post'>

Hãy chỉnh sửa thành

Chú ý: <div id='Player'> phải được bao quanh <div align='center' id='playing'/> và <data:post.body/>

<div align='center' id='playing'/> đây là chỗ sẽ hiện thị khung player . bạn hãy đặt vào chỗ muốn hiện thị với giao diện Blog.

Tiếp đó dán đoạn code sau trước thẻ

Tiếp theo tìm ]]></b:skin> dán code css sau lên trước nó

.buttons li, .buttons li a, .buttons li a span{float:left; height:27px; line-height:26px; background-image:url(http://4.bp.blogspot.com/--2KygnNlFeM/T2AYFzR-6UI/AAAAAAAAA0A/9IevgvlCTXU/s1600/btn.gif); background-position:0 -27px; background-repeat:no-repeat}
.buttons li{margin-right:10px; background-position:0 -54px; background-repeat:repeat-x; float:none; display:inline-block; zoom:1; *display:inline; overflow:hidden}
.buttons{margin:15px 0; overflow:hidden; text-align:center}
.buttons li a span{background-position:right 0px}
.buttons li a span span{padding:0 10px 2px 30px; height:25px}
.buttons li.commentc a span span{background-image:url(http://1.bp.blogspot.com/-kwVsDVPVUoU/T2AYGXgpOsI/AAAAAAAAA0I/1s25xnsMLF8/s1600/btn_cmt.gif); background-position:6px 6px; background-repeat:no-repeat}
.buttons li.download a span span{background-image:url(http://4.bp.blogspot.com/-xDYSsC68aTE/T2AYG7hrFEI/AAAAAAAAA0Q/SCzh4YLDExE/s1600/btn_dl.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li.warning a span span{background-image:url(http://3.bp.blogspot.com/-Gn1U34FOgtQ/T2AYHYOzunI/AAAAAAAAA0Y/tiKjCFGM7kM/s1600/btn_err.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li a{color:#fff !important}

Sử dụng:
* Cách post nhạc như sau ( Post ở chế độ HTML của blog )

[m]http://www8.zippyshare.com/v/62373339/file.html[/m]
[m]http://www.youtube.com/watch?v=xEsuIB7H8SM[/m]
[m]http://mp3.zing.vn/bai-hat/Quen-Cach-Yeu-Luong-Bich-Huu/ZW607CCF.html[/m]
[m]http://mp3.zing.vn/video-clip/Dung-Buong-Tay-Anh-Ho-Quang-Hieu/ZW6IO8IU.html[/m]
[m]http://www.nhaccuatui.com/mv4u/xem-clip/vku2SkirbZX4h/song-trong-ky-niem-quang-vinh.html[/m]
[m]http://www.nhaccuatui.com/nghe?M=mDBrrZdtFl8t[/m]
[m]http://www.nhaccuatui.com/nghe?L=dlXRd6DGxmNP[/m]

Ví dụ 1 bài:

Nội dung của bài viết của bạn

[m]http://www21.zippyshare.com/v/6050087/file.html[/m]

Chú ý: Hãy cho  vào trước link nhạc . điều này thực sự quan trọng để bạn ko bị rip mất data.
Vào Cài đặt -> Nguồn cấp Trang Web -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: Cho đến dấu ngắt

DOWNLOAD GETLINK

Do mình không có hosting để lưu trữ file getlink, vì vậy để cho link nhạc hoạt động ổn định bạn nên kiếm 1 hosting hỗ trợ cUrl up getlink nên root hosting của bạn

Vì anh Hà chưa DNS lại nên sẽ có người ko vào được nên mình tạm support tại đây: http://blog.bay68.com

Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé

Congly Blogger Theme ( Update )

2012-07-05T16:25:00.002+07:00

Do khá nhiều người sử dụng theme này nên mình cập nhật thêm 1 số sửa đổi mà blogger update:
+ Tối ưu tăng tốc độ load
+ Slide bài mới nhất có thêm hình ảnh
+ Fix không lưu được widget ở phần tử trang
+ Sửa widget nhỏ trang lable ở phần tử trang
+ Thêm thumbnail cho bài viết ở trang nhãn khi không có ảnh
+ Thêm trang Archive cho blog
+ Fix tìm kiếm = tìm kiếm blogger
+ Tạo widget ở sidebar có khung bo viền
+ Sử dụng phân trang mặc đinh
+ Loại bỏ Menu sổ ngang
+ Sử dụng comment phân cấp blogger

DEMO | DOWNLOAD

Hướng dẫn :
Để sửa đổi theme bạn nên dùng Notepad++ để dễ dàng sử dụng
1. Thay đổi logo tìm:
http://4.bp.blogspot.com/-SvH6xyNEkkY/T-6yaYQGhiI/AAAAAAAABE8/7_aQzYPMao0/s1600/logos.png
thay = link ảnh logo của bạn

2. Thay đổi link menu

<ul class='menu'>
<li><a href='/'><span>Home</span></a></li>
<li><a href='/search/label/Destination'><span>Menu1</span></a></li>
<li><a href='/search/label/Destination '><span>Menu2</span></a></li>
<li><a href='/search/label/Destination '><span>Menu3</span></a></li>
<li><a href='/search/label/Destination '><span>Menu4</span></a></li>
<li><a href='/search/label/Destination '><span>Menu5</span></a></li>
<li><a href='/search/label/Destination '><span>Menu6</span></a></li>
<li><a href='/search/label/Destination '><span>Menu7</span></a></li>
<li><a href='/search/label Destination '><span>Menu8</span></a></li>
<li><a href='/search/label/Destination '><span>Menu9</span></a></li>
</ul>

Thay Destination và Menu.. thành các nhãn blog của bạn

3. Hiện thị các table ở trang chủ

Tìm

<div class='body-home'>
<div class='boxtitle'>
<h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Destination' title='Destination'>Destination</a></span>
<span class='boxtitle3'/></h2>
<ul class='subbox'>
<li><a href='/search/label/Menu1'>Menu1</a></li>
<li>|</li>
<li><a href='/search/label/Menu2'>Menu2</a></li>
<li>|</li>
<li><a href='/search/label/Menu3'>Menu3</a></li>
</ul>
</div>
<div class='body-info'>
<script>document.write("<script src=\"/feeds/posts/default/-/Destination?max-results="+7+"&orderby=published&alt=json-in-script&callback=helloximo02\"><\/script>");</script>
</div>
<div style='clear:both;'/>
</div>

Thay chữ in đậm màu đỏ và xanh thành các nhãn của bạn

Và đây là data test nếu blog bạn chưa có bài viết nào
Vào cài đặt và Import là có thể xem demo ngay

Download Data Test

Giải pháp Blogger bị chặn 02/07/2012

2012-07-02T08:51:00.002+07:00

Thứ 2 đầu tuần thức dậy đã bị chặn rồi lại ngồi check IP

Demo test thử ok : http://www.topphimtuan.com

or : http://www.helloximo.com

Giải pháp:

Các bạn truy cập Domain Manager xóa hết các Records cũ, rồi DNS tới địa chỉ IP sau là ok

74.125.71.121

Chúc vui vẻ

Giải pháp VNPT chặn blogger ngày 09/06/2012

2012-06-09T17:00:00.004+07:00

Chú ý : Nhiều bạn DNS sai do chưa DNS được www nên vẫn chưa được.

- Xóa bỏ DNS tới ghs.google.com trước khi DNS tới 4 IP.
- DNS cả root và www tới IP . Trong đó phải DNS www tới 4 IP là quan trọng nhất . vì blogger chỉ nhận www , root chỉ có tác dụng chuyển hướng tới www khi vào Blogger chọn -> cài đặt -> Xuất bản -> Đánh dấu ô chuyển hướng hoặc chuyển hướng ở CP Domain Manager
- Để kiểm tra -> Ở PC chọn Start -> Run... -> hiện ra cửa sổ nhập vào : ping www.domain.com -t -> Enter để xem đã DNS về 1 trong 4 IP chưa . ( nhớ là phải có www nha )

---------------------------------------------------------------------------
Đang buồn on Y!M thì thấy mấy bạn PM blogger ko vào được do mạng VNPT chặn.
Nay mình sẽ hướng dẫn giải pháp tạm thời để mọi người có thể truy cập được blog của bạn dù là mạng gì mà không cần sử dụng đến phần mềm hỗ trợ.
Thực chất hiện tại VNPT đang chặn IP liên quan đến DNS ghs.google.com. chứ không chỉ chặn riêng đuôi .blogspot.com như trước.
Nguyên nhân chặn mình nghĩ vì VN sử dụng facebook, blogspot ... (đường truyền quốc tế) nhiều mà chưa thu được lại lợi nhuận do giá thành cao hơn đường truyền trong nước nên nhà mạng tạm khóa IP để ko bị thua lỗ.
Demo test thử site mình ok : http://www.topphimtuan.com
Vì vậy ta có thể sử 4 IP blogger của google để DNS sử dụng cho ổn định
Các bạn truy cập Domain Manager để DNS cấu hình tới 4 địa chỉ IP lần lượt như sau

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

Hình ảnh ví dụ domain DNS tại sitelutions.com , với root và www đều add = IP cho ổn định ( kể cả sub )

1. Chọn [Advanced Config & DDNS] để DNS

2. Chọn [Add Record] DNS tới 4 IP trên

Với các Domain Manager khác cũng DNS tương tự
Chúc các bạn thành công

Thông báo mời dự khai trương trang web www.vnforex.info

2012-04-27T22:47:00.001+07:00

Qua một khoảng thời gian chinh chiến trên thị trường forex, mấy anh em chúng tôi dù mỗi người đến từ mỗi nơi khác nhau song do chung chí hướng chinh phục đỉnh Olympia của thị trường forex nên quyết chí lập ra một sân chơi chia sẻ kinh nghiệm sống trên thị trường này để cùng nhau học tập, kiếm tiền.

VnForex được thành lập với tôn chỉ sát cánh cùng nhà đầu tư forex, là một diễn đàn mini hội tụ các anh chị em có lòng nhiệt huyết, dù đó là nhà giao dịch (trader), nhà phân tích (analyst) hay nhà đầu tư (investor) ở bất kỳ trình độ nào (newbie/pro) đều được tôn trọng như nhau với tinh thần “tứ hải giai huynh đệ”.

Để đảm bảo việc cung cấp thông suốt thông tin phục vụ mọi người, VnForex cần có một Ban Quản trị để duy trì trang web hoạt động. Ban Quản trị gồm các thành viên:

(1) VnForex phụ trách thiết kế web, công tác PR, tin tức thị trường.

(2) Forexbaobao phụ trách dự án đầu tư forex, thành viên Ban Cố vấn chiến lược giao dịch.

(3) Ewavietnam phụ trách đào tạo trực tuyến, dự báo thị trường forex, thành viên Ban Cố vấn chiến lược giao dịch.

(4) Zigzagvn phụ trách công tác đối ngoại, thành viên Ban Cố vấn chiến lược giao dịch.

(5) Gold_Queen phụ trách tin tức thị trường, quản lý các chuyên mục đảm bảo đúng nội quy.

Cảnh cửa đến Ban Quản trị Vnforex luôn mở rộng mời các anh em có lòng nhiệt huyết đóng góp chất xám. Nếu quý vị muốn gia nhập Ban Quản trị xin vui lòng liên hệ.

Hiện nay, Ban Quản trị Vnforex đang hoàn thiện công tác cập nhật dữ liệu giai đoạn 1 và xuất bản trên các công cụ tìm kiếm. Theo kế hoạch, trang web www.vnforex.info sẽ chính thức khai trương vào lúc 19h15 ngày 30/4/2012. Sau đó, Ban Quản trị sẽ tiếp tục cập nhật dữ liệu giai đoạn 2 để nội dung thông tin đầy đủ và hoàn thiện hơn.

Ban Quản trị Vnforex thông báo để quý bạn bè và bạn đọc gần xa biết, đến dự khai trương và thuận tiện trong việc khai thác thông tin tại www.vnforex.info.

Do thời gian thiết kế, xây dựng và cập nhật cơ sở dữ liệu rất hạn chế nên trang web www.vnforex.info sẽ không tránh khỏi thiếu sót. Rất mong nhận được ý kiến đóng góp để www.vnforex.info tiếp tục hoàn thiện nội dung thông tin và các dịch vụ nhằm phục vụ độc giả ngày càng tốt hơn.

Mọi ý kiến đóng góp xin liên hệ với Ban Quản trị www.vnforex.info theo địa chỉ email: webmaster@vnforex.info.

Xin trân trọng cảm ơn!

Thêm 1 số mẫu trình bày code đẹp cho blog.

2012-01-18T08:32:00.003+07:00

Trước đây thủ thuật blogger đã đưa ra một số mẫu trình bày code khá đẹp và hôm nay mình cũng muốn đóng góp thêm 1 số mẫu trình bày code khác khá bắt mắt.

Xem Demo

Bắt đầu vào vấn đề chính đây.

Chèn đoạn code bạn chọn vào trước thẻ ]]></b:skin>
Mẫu 1

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
color:#FFF;
text-shadow: 0 -1px 1px #a52676;
border:none;
background:#de45a6;
background: -moz-linear-gradient(top, #e54aac, #f374c5 95%, #d3469f);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e54aac), color-stop(.9, #f374c5), to(#d3469f));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d3469f', EndColorStr='#f374c5'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d3469f', EndColorStr='#f374c5')"; /* IE8 only */
box-shadow: inset 5px 5px 5px #9d2a6e, 0 1px 0px #fad1e9;
-webkit-box-shadow: inset 5px 5px 5px #9d2a6e, 0 1px 0px #fad1e9;
-moz-box-shadow: inset 5px 5px 5px #9d2a6e, 0 1px 0px #fad1e9;
}

Mẫu 2

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
background: #E6E6E6;
background: -moz-linear-gradient(top, #FFF, #f5f5f5 5%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(.03, #f5f5f5), to(#e2e2e2));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e2e2e2')"; /* IE8 only */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border:1px solid #d0d0d0;
border-bottom:1px solid #b5b5b5;
color:#5e5e5e;
text-shadow: 1px 1px 1px #FFF}

Mẫu 3

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#FFF;
text-shadow: 0 1px 1px #0f739d;
background: #40addb;
background: -moz-linear-gradient(top, #d1edfa, #73cef5 5%, #49acd6);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d1edfa), color-stop(0.03, #73cef5), to(#49acd6));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#73cef5', EndColorStr='#49acd6'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73cef5', EndColorStr='#49acd6')"; /* IE8 only */
border-bottom:1px solid #2581a8;}

Mẫu 4

.code {
border-radius:20px 0;
max-height:250px;
min-height:50px;
margin : 10px;
padding : 10px;
clear : both;
list-style-type : none;
overflow:auto;
color:#FFF;
text-shadow: 0 -1px 1px #0d3474;
border:none;
background: #3675da;
background: -moz-linear-gradient(top, #4986e8, #76b8fc 95%, #4986e8);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4986e8), color-stop(.9, #76b8fc), to(#4986e8));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4986e8', EndColorStr='#76b8fc'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4986e8', EndColorStr='#76b8fc')"; /* IE8 only */
box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;
-webkit-box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;
-moz-box-shadow: inset 0px 2px 5px #1c4c7d, 0 1px 0px #c9d5e8;}

Save Template lại.
Sau này mỗi lần trình bài code thì bạn đặt đoạn code vào như dạng sau:

<div class="code">
Nội dung đoạn code
</div>

Hướng dẫn đăng ký tham gia Cuộc thi tìm kiếm tài năng forex năm 2012

2012-01-11T10:22:00.003+07:00

Bước 1. Click vào link đăng ký http://www.ironfx.com/en/promotions/fx-demo-contest để đến trang đăng ký (tiếng Anh). Điền lần lượt thông tin:

- nickname (biệt danh, biệt danh này sẽ được hiển thị trong danh sách top ten người tham gia trên website của IronFx), first name (tên, có cả tên lót), last name (họ), telephone [số điện thoại, nên dùng ĐTDĐ, ví dụ nếu số ĐTDĐ của bạn là 0909876212 (ở Việt Nam) thì điền là +84909876212, nếu là 6478839232 (ở Canada) thì điền là +16478839232 …)], e-mail (điền địa chỉ email liên hệ), country (chọn quốc gia của bạn), enter code: nhập mã xác thực chính xác. Sau đó nhấn nút Register.

Bước 2. Tiếp theo bạn sẽ được thấy thông báo như sau:

Your user name, password and the platform download link has been sent to your email (username, mật khẩu và link tải phần mềm Metatrader4 đã được gửi đến địa chỉ email của bạn).

Bạn hãy mở hộp mail điện tử theo đăng ký để đọc mail có tiêu đề Your Demo Account has been created với nội dung chứa username và password (cần lưu lại để sau này login vào tài khoản demo và tham gia giao dịch). Click vào link http://www.ironfx.com/en/downloads/mt4 để hạ tải phần mềm Metatrader4 về rồi cài đặt. Chú ý lúc mở tài khoản demo (File >> Open a demo account), chọn server demo.

CHÚ Ý:

- Thông tin chi tiết lúc đăng ký phải chính xác và trùng khớp, ví dụ tên đầy đủ phải giống với bằng chứng (bản scan) nhận diện (CMND/hộ chiếu/bằng lái xe), bằng chứng nơi cư trú (địa chỉ liên lạc trên hóa đơn điện thoại, nước/kê khai tài khoản ngân hàng) để đủ tiêu chuẩn nhận giải thưởng.

- Để nhận được giải thưởng (trong trường hợp bạn trúng giải), người thắng cuộc phải cung cấp tài liệu yêu cầu làm bằng chứng gồm: bản scan/ảnh chụp CMND hoặc hộ chiếu hoặc giấy phép lái xe (scan 2 mặt), bản scan/ảnh chụp hóa đơn điện/nước hoặc chứng từ rút tiền/nộp tiền ngân hàng có tên và địa chỉ trùng khớp với tên và địa chỉ trên CMND/hộ chiếu/giấy phép lái xe. Họ tên đầy đủ phải trùng khớp với họ tên lúc đăng ký tham gia cuộc thi. Những tài liệu làm bằng chứng chỉ được yêu cầu khi bạn trúng giải (gửi theo địa chỉ email promotions@IronFX.com).

Nếu muốn biết thêm chi tiết, vui lòng gọi số điện thoại +357 25027777.

Nguồn: sanvangonline.com.vn

Cuộc thi tìm kiếm tài năng forex năm 2012

2012-01-10T21:27:00.003+07:00

Nhằm giới thiệu cho các nhà đầu tư VN những sản phẩm đầu tư hoàn hảo và dễ dàng nhất đang bùng nổ trên khắp thế giới trong lãnh vực đầu tư tài chính tiền tệ hiện nay,đồng thời tạo cho các bạn trẻ đã biết và yêu thích lãnh vực đầu tư tài chính dựa trên mạng internet và công nghệ số hóa này, cơ hội để được giao lưu,học hỏi, nghiên cứu và có nguồn vốn để khởi đầu lập nghiệp: Kiếm tiền bằng chính tài năng và bản lĩnh của mình.

Chúng tôi đang phối hợp cùng với một trong những sàn giao dịch forex hiện đại và uy tín nhất hiện nay trên thế giới là IRONFX.COM để tổ chức cuộc thi tìm kiếm tài năng forex với giải thưởng bằng tiền trị giá hơn 500 triệu VNĐ, với những thể lệ và nội quy tổng quát như sau:

Tất cả mọi người cả trong và ngoài nước (ngoại trừ người có quốc tịch hoặc đăng ký địa chỉ liên hệ tại Mỹ),tuổi từ 18 trở lên,mỗi người chỉ được đăng kí mở 01 tài khoản Demo duy nhất để tham dự cuộc thi,phải kê khai đúng theo mẫu đăng ký do IRON FX phát hành: Ghi đúng tên,ngày tháng năm sinh,số điện thoại và địa chỉ thật đang liên hệ thư tín được. Thí sinh phải giao dịch trực tiếp bằng IP cố định,không được dùng các phần mềm hỗ trợ để giao dịch thay như robot, IP động,không dùng chung 01 địa chỉ IP cho 2 người tham gia thi…., phương pháp đặt lệnh và thời gian,số lượng đặt lệnh tự do. Kết quả sẽ xét từ những người không vi phạm nội quy có số dư cao nhất từ trên xuống và theo hình thức ưu tiên sau:

a. Tỷ lệ phần trăm lợi nhuận; Ưu tiên đầu tiên

Tỷ lệ phần trăm của lợi nhuận = (Tổng Lợi nhuận ròng / tiền gửi ban đầu) x 100

b. Tỷ lệ phần trăm của Breakdown tương đối, Ưu tiên số 2

Tỷ lệ phần trăm của Breakdown tương đối = sự khác biệt giữa điểm cao nhất (H1) và điểm (L1) thấp nhất trong ngày là một tỷ lệ phần trăm = [(H1-L1) / H1] x 100

c. Yếu tố lợi nhuận; Ưu tiên số 3

Yếu tố lợi nhuận = Tổng lợi nhuận / lỗ Gross

Ví dụ:

- Vào cuối cuộc thi, BTC sẽ nhìn vào tỷ lệ phần trăm lợi nhuận này để quyết định người chiến thắng.

- Trong trường hợp 2 người có cùng một tỷ lệ phần trăm lợi nhuận thì IronFX sẽ nhìn vào tỷ lệ phần trăm của sự cố tương đối để xác định người chiến thắng.

- Nếu tỷ lệ phần trăm lợi nhuận và tỷ lệ phần trăm tương đối là như nhau sau đó BTC sẽ nhìn vào yếu tố lợi nhuận để xác định người chiến thắng;

- Nếu tất cả các yếu tố được đề cập ở trên đều giống nhau cho khách hàng thì thí sinh sẽ phải chia giải thưởng theo tỉ lệ bằng nhau.

Thông tin chi tiết về đăng ký và ngày tính điểm:

Các thí sinh sẽ đăng ký theo link này: http://www.ironfx.com/en/promotions/fx-demo-contest và gửi các thông tin chi tiết tới IronFX promotions@IronFX.com

Đăng ký từ ngày 10 /01/ 2012 đến hết ngày 14/2/ 2012.

Cuộc thi bắt đầu tính từ ngày 15/ 2 / 2012 đến hết ngày 16/3/2012.

Theo giờ trên server IRON FX và các lệnh đang mở sẽ được BTC tự kết thúc vào thời gian cuối cùng còn hiệu lực của cuộc thi.

Cơ cấu giải thưởng:

1: 10.000 USD hoặc 30.000 USD trong tài khoản STP/ECN +1.500 lot
2 : 2.000 USD
3 : 1.000 USD
4: 500 USD
5: 250 USD
6 đến 10 : 100 USD

Lưu ý:

- Người thắng giải nhất sẽ được thưởng 10.000 usd tiền mặt hoặc 01 tài khoản real 30.000 usd tại flatform của IRONFX và được quyền giao dịch tiếp tục với thời gian tùy ý,nếu có thêm lợi nhuận sẽ được rút về ngay phần lợi nhuận đó. Kể từ khi nhận được tài khoản này nếu giao dịch đủ 1500 lot chuẩn thì sẽ được rút hết số tiền còn lại trong tài khoản.

- Danh sách thí sinh sẽ được niêm yết vào ngày hoàn tất đăng ký trước khi bắt đầu thi,và thứ bậc thí sinh sẽ được cập nhật hàng ngày trên 2 website:

http://www.ironfx.com hoặc http://sanvangonline.com.vn

- Các thí sinh nên khai đúng thông tin thật của mình để tránh trường hợp bị loại khỏi cuộc thi hoặc không được nhận giải vì lỡ nhầm lẫn…!

Tống tiễn năm cũ, nghinh đón năm mới 2012

2012-01-02T09:42:00.002+07:00

Một năm 2011 đã qua. Một năm biết bao thăng trầm, bi hỉ của nền kinh tế thế giới. Khủng hoảng nợ công Hy Lạp chồi lên khối u nhọt sắp vỡ của khu vực đồng EUR. EU đã không nỡ cắt đi khúc ruột của mình dù nó vốn dĩ rất “hôi thối” và đáng bỏ đi. Tuy nhiên với tinh thần cưu mang người anh em đã từng trải qua những sóng gió phong ba, EU đã và đang cố gắng giải cứu Hy Lạp và cũng là tự giải cứu chính mình ra khỏi cuộc suy thoái kinh tế tài chính ngày càng trầm trọng hơn. Rồi cũng đến lúc cơn khủng hoảng ấy kết thúc nhờ sự can thiệp hiệp đồng của các ngân hàng trung ương lớn của thế giới như FED, Bank of Japan, Bank of England, European Central Bank. Ấy mới là lẽ bĩ cực thái lai. Và cho dù tình hình kinh tế có như thế nào đi nữa, sự nghiệp blogging của chúng ta vẫn sẽ dịch chuyển về phía trước mà không biết bao giờ sẽ dừng lại. Chừng nào còn nhiệt huyết thì anh chị em blogger chúng ta còn sức blogging.

Tống tiễn năm cũ 2011, nghinh đón năm mới 2012. Xin cảm ơn quý bạn đọc gần xa vì sự động viên cổ vũ trong một năm qua. Dù có những lúc quá bận rộn vì công việc, các bạn đã không quên chủ bút và giành những lời an ủi tri ân rất trúng và rất đúng lúc để chủ bút có thể đủ sức trở lại. Bước qua năm mới chủ bút xin kính chúc quý bạn đọc một năm mới an khang, đầy sức sống mãnh liệt và thành đạt trong mọi lĩnh vực.

Năm 2012 hứa hẹn nhiều điều thú vị, công việc của chủ bút sẽ nhiều hơn nhưng chủ bút xin hứa sẽ tận dụng mọi thời gian có thể để cùng chung sức với bạn bè và cộng đồng để đem lại những điều bổ ích cho mọi người.

Trân trọng!

Mình không muốn viết blog nữa

2011-12-27T00:08:00.003+07:00

Có người nói rằng, “Nếu bạn không viết blog để kiếm sống thì thôi hãy dừng lại. Còn không thì hãy viết blog ít lại”.

Điều đó hoàn toàn đúng.

Nếu viết blog trở thành một gánh nặng thì cũng nên nghĩ đến việc từ bỏ cho xong.

Tuy nhiên một số người sẽ tiếp tục viết blog như thế đấy là bổn phận.

Ai cũng biết các blogger bắt đầu viết blog vì nhiều lý do khác nhau và một khi các nhận xét bắt đầu xuất hiện trên blog thì việc viết blog trở nên thú vị hơn. Chúng ta có thêm những người bạn mới, đọc các blog khác và gặp gỡ giao lưu với người khác trong quá trình phát triển các mối liên hệ thực sự.

Tùy thuộc vào quy mô cộng đồng tạo ra mà chúng ta có thể tự mình tìm thấy vị thế của mình ở nơi ấy.

Tôi muốn từ bỏ viết blog, nhưng tôi có những độc giả đang phụ thuộc vào tôi. Hoặc …

Vâng. Câu đó hoàn toàn đúng.

Khi bạn viết blog, những người đến đọc thường có những kỳ vọng nhất định đối với bạn.

Tuy nhiên, mình không nghĩ bạn cảm thấy phải có bổn phận viết blog (trừ khi đó là công việc bạn được trả tiền) mà cũng không nên cảm thấy bạn là người bỏ cuộc nếu bạn dừng lại.

Những gì chúng ta chia sẻ đều có thể giúp người khác và những mối liên hệ chúng ta tạo ra trên mạng là những mối liên hệ chân thực. Nếu trái tim chúng ta không còn ở trong đó thì niềm vui viết blog cũng mất đi, khi đó có thể đến lúc phải đánh giá lại vị thế là blogger của chúng ta.

Cũng giống như đời người, nghiệp viết blog cũng có một tuổi thọ và đối với một số trường hợp nó có thể rất ngắn ngủi.

Vậy thì theo bạn, mình có nên từ bỏ nghiệp viết blog hay không?

Bạn đã từng nghĩ đến việc từ bỏ viết blog?

Điều gì đã thay đổi ý định của bạn?

Bạn có còn quan tâm chia sẻ với người khác?

Petkute Blogger

2011-12-10T16:17:00.008+07:00

Định rip làm trang Auto Game thấy kute lại làm site truyện, post đc 2 bộ truyện chán lại bỏ =))
Mình ko biết sắp xếp cái main sao cho hợp lý . Ai thích cái main hiện kiểu khác thì cho cái ảnh demo mình sẽ làm lại.

Mình làm random background có 3 cái ảnh thôi nha
Mình cũng không có file PSD đâu nên đừng PM vô ích. và điều quan trọng hơn là mình ko biết PTS :))

Cơ bản chỉ có thế có vài cái ảnh ở petkute.banbe.net các bạn up lại ko là lúc nó thay link là đi :)

DEMO | DOWNLOAD

Notice: viết nhầm RSS comment ở menu là feeds/comments/default chứ ko phải là /feeds/comment/default sửa lại dùm mình :)

Thêm favicon cho tiện ích LinkList

2011-11-20T21:46:00.020+07:00

Đối với Blogspot, khi bạn muốn thêm một tiện ích liệt kê các trang web hoặc blog mà bạn ưa thích thì bạn thường dùng đến tiện ích LinkList. Tính năng của tiện ích này rất đơn điệu, bạn chỉ có thể tùy biến CSS cho các liên kết. Qua bài viết này, mình sẽ giúp bạn sáng tạo thêm một chút, thêm favicon cho các liên kết của tiện ích LinkList.

Kể từ khi Blogger tích hợp tính năng Favicon thì một liên kết favicon của blogspot có dạng như sau:

http://tenblogcuaban.blogspot.com/favicon.ico

Theo quy tắc phổ biến, liên kết favicon của một website (được xây dựng trên các nền tảng Wordpress, Joomla, …) có dạng như sau: http://www.tenwebsite.com/favicon.ico.

Bây giờ hãy xem xét cấu trúc XML của một tiện ích LinkList. Trước tiên Đăng nhập Blogger, vào Design >> Page Elements. Thêm một tiện ích LinkList rồi lần lượt thêm địa chỉ (URL) và tên trang tương ứng cho các liên kết ưa thích mà bạn muốn tạo. Sau đó vào Edit HTML chọn Expand Widget Templates. Dùng từ khóa LinkList để tìm đến đoạn code của tiện ích này như sau:

<b:widget id='LinkList1' locked='false' title='My Favourite Resources' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>

Trong đoạn code trên, cần chú ý đến dòng

<li><a expr:href='data:link.target'><data:link.name/></a></li>

Nó biểu thị các liên kết. Trong đó data:link.target chính là đích đến của các liên kết. Như vậy để tự động thêm favicon vào trước các liên kết thì chúng ta thay thế dòng code nói trên bằng đoạn code như sau:

<li>
<a expr:href='data:link.target'>
<img expr:src='data:link.target + "favicon.ico"' />
<data:link.name/>
</a>
</li>

Cuối cùng, bạn có thể tùy biến CSS cho tiện ích, thêm đoạn code bên dưới vào trước dòng ]]></b:skin>.

#LinkList1 li {
background-color: #C89A2B;
border-top: 2px solid #C89A2B;
border-bottom: 2px solid #C89A2B;
cursor: pointer;
margin: 2px 0;
padding:0;
float:left;
width:50%;
list-style:none;
clear:none
}
#LinkList1 li a {
color: #069 !important;
font-weight: normal !important;
padding-left:5px
}
#LinkList1 li img {
display: inline-block;
height: 16px;
width: 16px;
margin-right: 5px;
vertical-align:middle;
border:none
}
#LinkList1 li:hover {
background-color: #C25A3B;
border-color: #606971
}

Lưu Template là hoàn thành.

Tiện ích tài liệu tham khảo cho bài đang đọc

2011-11-06T22:46:00.009+07:00

Trong mỗi bài viết, đôi khi chúng ta thường đặt các liên kết đến tài liệu tham khảo cho bài viết để người đọc dễ dàng tìm đọc để hiểu thêm về bài viết. Các liên kết này thường được đặt ở cuối mỗi bài viết. Ở đây mình sẽ hướng dẫn bạn cách tạo tiện ích tài liệu tham khảo cho bài đang đọc được đặt trên Sidebar để tạo nét độc đáo cho blogspot của bạn.

DEMO.

Để thực hiện thủ thuật này, bạn hãy làm theo các bước như sau:

Bước 1. Trước tiên khi đăng bài, ở cuối bài viết bạn hãy đặt các liên kết tài liệu tham khảo theo cấu trúc HTML như thế này:

<a class="linkonsidebar" href="URL_tai_lieu_tham_khao_1">Ten tai lieu tham khao 1</a>
<a class="linkonsidebar" href="URL_tai_lieu_tham_khao_2">Ten tai lieu tham khao 2</a>
<a class="linkonsidebar" href="URL_tai_lieu_tham_khao_3">Ten tai lieu tham khao 3</a>

Bước 2. Vào Design >> Edit HTML. Chọn Expand Widget Templates.

Kế đến chúng ta cần ẩn các liên kết tài liệu tham khảo ở cuối bài viết (vì mục đích chính là hiển thị các liên kết này trên Sidebar) bằng cách đặt dòng code sau đây vào trước dòng ]]></b:skin>.

.linkonsidebar {display:none}

Sau đó, viết một kịch bản giúp các liên kết ẩn trong bài viết được hiển thị trên Sidebar. Vì mỗi bài viết có một ID riêng nên các liên kết này cũng được gán theo ID của bài viết. Đặt đoạn code bên dưới vào trước thẻ </head>.

<script type="text/javascript">
//<![CDATA[
// Script to Display Reference Links on Sidebar by www.thuthuatblogger.info
// giúp các liên kết ẩn trong bài viết được hiển thị
var linkonsidebarHREF=new Array();
var linkonsidebarTXT=new Array();
// chức năng hiển thị link theo ID của bài viết
function displayLinks(idPOST) {
var thePOST = document.getElementById("post-" + idPOST);
// tìm tất cả các link
var thelist = thePOST.getElementsByTagName("a");
if(thelist.length>0){
// nếu có thì tìm tất cả các link có lớp linkonsidebar
var offset;
for(var i=0; i<thelist.length; ++i) {
if(thelist[i].className=="linkonsidebar") {
// nếu tìm ra thì thêm vào danh sách hiển thị
offset = linkonsidebarHREF.length;
linkonsidebarHREF[offset] = thelist[i].href;
linkonsidebarTXT[offset] = thelist[i].innerHTML;
}
}
}
}
//]]>
</script>

Bước 3. Tiếp theo, chúng ta cần phải gắn ID cho bài viết. Tìm đến đoạn code như sau:

<b:includable id='post' var='post'>
<div class='post hentry'>

Thẻ <div class='post hentry'> (hoặc <div class='post'>) tạo lớp CSS chung cho toàn bộ bài viết, vậy để chuyên biệt hóa cho từng bài viết thì chúng ta cần gắn ID vào như sau:

<div class='post' expr:id='"post-" + data:post.id'>

Sau đó tìm đến đoạn code tương tự như bên dưới và thêm vào phần được đánh dấu màu đỏ.

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<script type='text/javascript'>displayLinks('<data:post.id/>');</script>

Lưu Template.

Bước 4. Vào Page Elements. Thêm một tiện ích HTML/Javascript và đặt vào nội dung tiện ích bằng đoạn code bên dưới. Có thể đặt tên cho tiện ích là Tham khảo cho bài đang đọc.

<style>
#reflinks { /* thêm thuộc tính CSS cho nội dung thẻ div */ }
#reflinks a {
/* thuộc tính cho link */
display: block;
list-style-type:decimal
}
#reflinks a:hover { /* hiệu ứng hover cho link */ }
</style>
<div id="reflinks">
<script type="text/javascript">
var strout = "";
// nếu có link hiển thị
if(linkonsidebarHREF.length>0){
// thì đọc danh sách
for(var i=0; i<linkonsidebarHREF.length; ++i) {
// và đặt cùng nhau trong mã HTML
strout += "<a href='" + linkonsidebarHREF[i] + "' target='_blank'>" + linkonsidebarTXT[i] + "</a>";
}
document.write(strout);
}
// nếu không có link hiển thị thì hiện thông báo chưa có tài liệu tham khảo
else {document.write('<b>Chưa có tài liệu nào</b>');
}
</script>
</div>
<div class='clear'></div>

Bước 5. Vào Edit HTML. Thao tác cuối cùng là chỉ hiển thị tiện ích HTML/Javascript vừa thêm ở các trang bài viết (item). Chọn Expand Widget Templates. Tìm đến ID của tiện ích HTML/Javascript nói trên (ví dụ ở đây có ID là HTML100) và thêm vào lệnh điều kiện (ở dòng 3 và dòng 11) như sau:

<b:widget id='HTML100' locked='false' title='Tham khảo cho bài đang đọc' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>

Lưu Template.
Gắn ID cho các thành phần bài viết

Hiển thị danh ngôn ngẫu nhiên bằng PHP trên blogspot

2011-11-03T22:24:00.005+07:00

Cũng như ngôn ngữ Javascript, mình đến với PHP chỉ bằng con đường tự mày mò nghiên cứu trong những thời gian rảnh rỗi và chưa từng trải nghiệm qua bất kỳ khóa học nào. Quả thật, PHP không dễ cảm thụ, nhưng mình nghĩ các bạn có thể học được nếu có lòng kiên trì và đam mê. Hy vọng qua những ví dụ từ dễ đến khó được ứng dụng trên nền tảng Blogspot, các bạn sẽ từng bước hiểu được tường tận về ngôn ngữ PHP.

Qua bài này, mình sẽ giúp bạn hiển thị những câu danh ngôn một cách ngẫu nhiên theo như DEMO bên dưới (nhấn F5 để thấy tác dụng).

Điều trước tiên là bạn cần có một hosting (có thể dùng free hosting như byethost.com để thử nghiệm). Mở công cụ Notepad trên máy tính của bạn rồi dán vào đó bằng đoạn code bên dưới rồi lưu file với tên là randomquotes.php.

<?
//////////////////////////////////////////////////////
// PHP Random Quote Script for Blogspot applied by www.thuthuatblogger.info
// Many thanks to http://davidmarotz.com/ for its original PHP code
//////////////////////////////////////////////////////
Header("content-type: application/x-javascript");
$bgcolor = '#FFFFCC';
$textcolor = 'black';
$textcolor2 = 'brown';
$textsize = '4';
$textsize2 = '3';
// Array Structure: "Quote","Author"
$allqts = array
("The Black Knight Always Triumphs!",
"Monty Python",
"I swear by my life and love of it that I will never live for the sake of<br>another man, nor ask another man to live for mine" ,
"Atlas Shrugged",
"It is clear that the individual who persecutes a man, his brother,<br> because he is not of the same opinion, is a monster",
"Voltaire",
"I agree that there is a natural aristocracy among men<br>The grounds of this are virtue and talents.",
"Thomas Jefferson",
"Liberty, when it begins to take root, is a plant of rapid growth.",
"George Washington",
"Never argue with an idiot. <br>They drag you down to their level <br>then beat you with experience",
"Dilbert",
"The Answer is 42. What is the question?",
"Hitchikers Guide to the Galaxy",
"Anyone who has never made a mistake has never tried anything new",
"Albert Einstein",
"Progress doesn't come from early risers, progress is made<br>by lazy men looking for easier ways to do things.",
"Lazarus Long <font size=-2>(Time Enough for Love by Robert A. Heinlein)</font>",
"Throughout history, poverty is the normal condition of man. <br>Advances which permit this norm to be exceeded - here and there, now and then - <br>are the work of an extremely small minority, frequently despised,<br> often condemned, and almost always opposed by all right-thinking people. <br>Whenever this tiny minority is kept from creating, or (as sometimes happens)<br> is driven out of a society, the people then slip back into abject poverty.<br><br>This is known as 'bad luck.'",
"Robert Heinlein",
"A little learning is a dangerous thing; Drink deep, or taste not the<br>Pierian spring. There shallow draughts intoxicate the brain, <br>and drinking largely sobers us again",
"Alexander Pope",
"The early bird gets the worm, but the second mouse gets the cheese",
"Anonymous",
"Subjugating the enemy's army without fighting is the true pinnacle of excellence",
"Sun-tzu, The Art of War",
"Work as though you were to live 100 years; pray as if you were to die tomorrow",
"Benjamin Franklin",
"The world is a stage, but the play is badly cast",
"Oscar Wilde",
"Truth is generally the best vindication against slander.",
"Abraham Lincoln",
"...mercy to the guilty is cruelty to the innocent...",
"Adam Smith",
"...I wish that I may never think the smiles of the great and powerful<br> a sufficient inducement to turn aside from the straight path<br> of honesty and the convictions of my own mind",
"David Ricardo",
"Democracy is the worst form of government except for all the others",
"Winston Churchill",
"You can only know the highest peaks if you have experianced the lowest valley's",
"Richard Nixon",
"They dress the wound of my people as though it were not serious. <br>'Peace, peace,' they say, when there is no peace.",
"Jeremiah 6:14",
"It is better to remain silent and be thought a fool<br> than to open your mouth and remove all doubt.",
"Jonathan Swift",
"The market system delivers the goods people want,<br>but those who make it work cannot readily explain why it is so.<br>The socialst or communist system does not deliver the goods, <br>but those who operate it can readily explain away its failure.",
"F.A. Hayek, Law, Legislation and Liberty, Vol. II",
"Never Stop Exploring<sup>tm</sup>",
"The North Face"
);
// Gets the Total number of Items in the array
// Divides by 2 because there is a Quote followed by an Author
$totalqts = (count($allqts)/2);
// Subtracted 1 from the total because '0' is not accounted for otherwise
$nmbr = (rand(0,($totalqts-1)));
$nmbr = $nmbr*2;
//$nmbr = 18;
$quote = $allqts[$nmbr];
$nmbr = $nmbr+1;
$author = $allqts[$nmbr];
$space = "<font color=$bgcolor>.....................................</font>";
echo "document.write(\"<center><font color=$textcolor size='$textsize'><i>$quote</i></font><br>$space<font color=$textcolor2 size='$textsize2'>$author</font></center>\")";
?>

Trong đoạn code trên, bạn có thể thay thế những câu danh ngôn tiếng Anh bằng những câu danh ngôn tiếng Việt tương ứng, thêm hoặc bớt tùy ý theo đúng định dạng. Chú ý dùng <br> để xuống dòng cho câu văn.

Upload file randomquotes.php lên hosting của bạn để sử dụng.

Để hiển thị danh ngôn thì bạn đặt trong bài viết Blogspot hoặc tiện ích HTML/Javascript bằng dòng code như sau:

<script type="text/javascript" src="http://www.tenmienhostingcuaban.com/randomquotes.php"></script>

Chạy PHP bằng Javascript ngoại
Danh ngôn ngẫu nhiên bằng Javascript

Cuộc thi dự đoán thứ hạng đội tuyển U23 Việt Nam tại SEA Games 26

2011-11-03T15:37:00.011+07:00

Đội tuyển bóng đá U23 Việt Nam sẽ có trận cầu đầu tiên quan trọng chiều nay với đội U23 Philippines. Với lòng nhiệt thành của một fan hâm mộ thật sự đối với bóng đá Việt Nam, thay mặt Ban Quản trị Thủ thuật Blogger, xin chúc các chàng trai trẻ của đội tuyển U23 Việt Nam sẽ có một trận đấu cống hiến, chiến thắng chính mình và chiến thắng đối thủ, để lại nhiều cảm xúc sâu sắc cho khán giả và người xem truyền hình. Xin chúc đội tuyển U23 Việt Nam sẽ thi đấu ấn tượng suốt đại hội thể thao SEA Games 26, vượt qua mọi đối thủ để đi đến trận đấu cuối cùng và đứng trên bục vinh quang cao nhất để thỏa lòng người hâm mộ Việt Nam.

Đồng hành cùng đội tuyển bóng đá U23 Việt Nam tham dự SEA Game 26, Thủ thuật Blogger tổ chức cuộc thi dự đoán thứ hạng của đội tuyển U23 Việt Nam tại giải đấu này.

* Thể lệ cuộc thi như sau:

1. Chủ đề: Dự đoán thứ hạng của đội tuyển bóng đá nam U23 Việt Nam tại SEA Games 26. Các thứ hạng gồm: vô địch, á quân, hạng ba, hạng tư, không có thứ hạng.

2. Thời gian tham gia dự đoán: 04/11 – 15/11/2011.

3. Giải thưởng:

- 1 giải nhất: Một Blogger Template trị giá 10 USD;

- 1 giải nhì: 01 suất tùy biến Template theo yêu cầu trị giá 5 USD.

Người trúng giải nhất là người dự đoán đúng thứ hạng của đội tuyển và dự đoán gần đúng nhất về số người có cùng câu trả lời. Nếu kết thúc chương trình, có từ 2 bạn đọc trở lên cùng dự đoán đúng thì Ban Tổ chức sẽ trao giải cho bạn đọc có thời gian dự đoán đúng sớm nhất. Người trúng giải nhì là người dự đoán đúng thứ hạng của đổi tuyển và dự đoán gần đúng nhất về số người có cùng câu trả lời sau người trúng giải nhất.

Để tham gia cuộc thi, bạn đọc soạn tin nhắn theo cú pháp:

U23VN [Thứ hạng] [Số người cùng dự đoán như bạn] gửi 0909841270

Chúc các bạn may mắn!

* Kết quả dự đoán công bố ngày 22/11/2011:

Có 3 người dự đoán như sau:
- Số điện thoại 01278882345 dự đoán U23 Việt Nam vô địch, số người cùng dự đoán là 500
- Số điện thoại 0972990892 dự đoán U23 Việt Nam xếp hạng 3, số người cùng dự đoán là 92
- Số điện thoại 0977504688 dự đoán U23 Việt Nam xếp hạng 3, số người cùng dự đoán là 2.

Rất tiếc không có bạn nào trúng giải. Chân thành cảm ơn các bạn. Hẹn các bạn ở lần sau.

Script phân trang cho bảng

2011-10-31T23:19:00.004+07:00

Trước đây hẳn bạn nghe nhiều đến script phân trang cho toàn bộ blog và phân trang cho nội dung trong bài viết, chứ ít khi nghe kiểu phân trang cho bảng. Đôi khi bạn cần phải dùng đến bảng (table) để bố trí nội dung theo nhiều cột và nhiều dòng giống như trong văn bản Microsoft Word. Trong trường hợp nội dung quá nhiều thì bảng sẽ trở nên rất dài, khi đó với script phân trang sẽ giúp bảng trở nên gọn gàng hơn.

DEMO

Để phân trang cho bảng như vậy, bạn hãy thực hiện như sau:

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Đặt đoạn code sau đây vào trước thẻ </head>.

<script type="text/javascript">
//<![CDATA[
function Pager(tableName, itemsPerPage) {
this.tableName = tableName;
this.itemsPerPage = itemsPerPage;
this.currentPage = 1;
this.pages = 0;
this.inited = false;
this.showRecords = function(from, to) {
var rows = document.getElementById(tableName).rows;
// i starts from 1 to skip table header row
for (var i = 1; i < rows.length; i++) {
if (i < from || i > to)
rows[i].style.display = 'none';
else
rows[i].style.display = '';
}
}
this.showPage = function(pageNumber) {
if (! this.inited) {
alert("not inited");
return;
}
var oldPageAnchor = document.getElementById('pg'+this.currentPage);
oldPageAnchor.className = 'pg-normal';
this.currentPage = pageNumber;
var newPageAnchor = document.getElementById('pg'+this.currentPage);
newPageAnchor.className = 'pg-selected';
var from = (pageNumber - 1) * itemsPerPage + 1;
var to = from + itemsPerPage - 1;
this.showRecords(from, to);
}
this.prev = function() {
if (this.currentPage > 1)
this.showPage(this.currentPage - 1);
}
this.next = function() {
if (this.currentPage < this.pages) {
this.showPage(this.currentPage + 1);
}
}
this.init = function() {
var rows = document.getElementById(tableName).rows;
var records = (rows.length - 1);
this.pages = Math.ceil(records / itemsPerPage);
this.inited = true;
}
this.showPageNav = function(pagerName, positionId) {
if (! this.inited) {
alert("not inited");
return;
}
var element = document.getElementById(positionId);
var pagerHtml = '<span onclick="' + pagerName + '.prev();" class="pg-normal"> &#171 Prev </span> | ';
for (var page = 1; page <= this.pages; page++)
pagerHtml += '<span id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span> | ';
pagerHtml += '<span onclick="'+pagerName+'.next();" class="pg-normal"> Next »</span>';
element.innerHTML = pagerHtml;
}
}
//]]>
</script>

Bước 2. Đặt đoạn CSS sau đây vào trước dòng ]]></b:skin> để định dạng các thuộc tính cho phần phân trang:

.pg-normal {
color: red;
font-weight: normal;
text-decoration: none;
cursor: pointer;
}
.pg-selected {
color: black;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}

Lưu Template.

Bước 3. Khi tạo nội dung trong một bài viết nào đó, hãy sử dụng cấu trúc HTML cho bảng dưới dạng như sau (ở đây demo bảng có 3 cột và 9 dòng để phân trang thành 3 trang, bạn có thể vận dụng linh hoạt):

<table id="results">
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
<tr>
<td>Column 1 – Row 1</td>
<td>Column 2 – Row 1</td>
<td>Column 3 – Row 1</td>
</tr>
<tr>
<td>Column 1 – Row 2</td>
<td>Column 2 – Row 2</td>
<td>Column 3 – Row 2</td>
</tr>
<tr>
<td>Column 1 – Row 3</td>
<td>Column 2 – Row 3</td>
<td>Column 3 – Row 3</td>
</tr>
<tr>
<td>Column 1 – Row 4</td>
<td>Column 2 – Row 4</td>
<td>Column 3 – Row 4</td>
</tr>
<tr>
<td>Column 1 – Row 5</td>
<td>Column 2 – Row 5</td>
<td>Column 3 – Row 5</td>
</tr>
<tr>
<td>Column 1 – Row 6</td>
<td>Column 2 – Row 6</td>
<td>Column 3 – Row 6</td>
</tr>
<tr>
<td>Column 1 – Row 7</td>
<td>Column 2 – Row 7</td>
<td>Column 3 – Row 7</td>
</tr>
<tr>
<td>Column 1 – Row 8</td>
<td>Column 2 – Row 8</td>
<td>Column 3 – Row 8</td>
</tr>
<tr>
<td>Column 1 – Row 9</td>
<td>Column 2 – Row 9</td>
<td>Column 3 – Row 9</td>
</tr>
</table>
<div id="pageNavPosition"></div>
<script type="text/javascript"><!--
var pager = new Pager('results', 3);
pager.init();
pager.showPageNav('pager', 'pageNavPosition');
pager.showPage(1);
//--></script>

Ở đoạn script trên thì số 3 biểu thị số dòng mỗi trang, bạn có thể điều chỉnh tùy theo trường hợp áp dụng của bạn.

Sổ lưu niệm

2011-10-29T00:23:00.003+07:00

Lời đầu tiên xin chân thành cảm ơn sự ủng hộ nhiệt tình của quý bạn đọc gần xa đối với trang web Thủ thuật Blogger trong thời gian qua.

Ban Quản trị Thủ thuật Blogger đã, đang và sẽ không ngừng nỗ lực phấn đấu để trang web ngày càng phong phú hơn, chất lượng hơn để đáp ứng yêu cầu ngày càng cao của các bạn. Quả thật, trong chặng đường đã qua không thể nào tránh khỏi những thiếu sót, những điều chưa hoàn thiện. Nếu các bạn cảm thấy những điểm chưa hài lòng, chưa có sự đổi mới, hẳn đó là vì sức lực của Ban Quản trị cũng có hạn, không thể làm thỏa mãn đến từng chân tơ kẻ tóc đối với tất cả mọi mong muốn của bạn đọc. Rất mong quý bạn đọc cảm thông.

Sổ lưu niệm là nơi để các bạn viết vài dòng nhắn gửi, những lời tri ân hoặc những góp ý đối với Ban Quản trị giúp Thủ thuật Blogger có thêm cơ sở để ngày càng nâng cao chất lượng thông tin. Sổ lưu niệm cũng có thể là nơi khách vãng lai lưu lại những dòng chân tình nhắn nhủ với người thân quen, tri kỷ, người yêu dấu, bạn bè … để nhỡ biết đâu đó người ấy có thể đọc được tâm tình của bạn …

Quy định chung của Sổ lưu niệm: sử dụng tiếng Việt có dấu; ngôn ngữ nghiêm túc, lành mạnh.

Thân mến!

Định dạng CSS riêng cho các tag có số bài viết nhiều hơn một số nhất định

2011-10-27T15:23:00.007+07:00

Tiện ích đám mây nhãn (Tag Cloud) rất cần thiết cho blogspot, giúp người dùng dễ dàng tìm kiếm bài viết theo từng chuyên mục. Trước đây mình đã từng hướng dẫn tùy biến màu sắc cho các tag trên tiện ích này. Hôm nay mình sẽ hướng dẫn bạn cách định dạng CSS riêng cho các tag có số bài viết nhiều hơn một con số nhất định nào đó. Bạn có thể xem demo ở tiện ích Tag Cloud trên Thủ thuật Blogger. Ở đây mình định dạng cho các tag có số bài viết lớn hơn số 10.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Chọn Expand Widget Templates. Tìm thẻ đóng </b:widget> của một tiện ích bất kỳ mà bạn muốn đặt tiện ích Tag Cloud này gần với nó, rồi đặt sau thẻ </b:widget> đã tìm bằng đoạn code bên dưới:

<b:widget id='Label100' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:loop values='data:labels' var='label'>
<b:if cond='data:label.count > 10'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<style>
a#more10post_label {background:#777;padding: 0 3px 0 3px}
</style>
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"' expr:title='data:label.count + " bài viết trong nhãn " + data:label.name' id='more10post_label'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
</b:if>
</b:if>
</span>
<b:else/>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"' expr:title='data:label.count + " bài viết trong nhãn " + data:label.name'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
</b:if>
</b:if>
</span>
</b:if>
</b:loop>
</div>
</b:includable>
</b:widget>

Ở đây mình gán id='more10post_label' để chuyên biệt hóa liên kết của các tag có số bài viết lơn hơn 10. Từ đó bạn có thể thêm thuộc tính CSS (ở dòng code số 14) để tạo bản sắc cho tiện ích.

Lưu Template.

Bước 2. Vào Page Elements. Chỉnh sửa tiện ích Tag Cloud, cho tiện ích hiển thị dưới dạng Cloud và chọn Show number of posts per label theo như hình minh họa bên dưới.

Về phần CSS, bạn có thể tham khảo thêm ở bài viết Tùy biến tiện ích đám mây nhãn.

Làm thế nào để có sitelinks cho blogspot của bạn?

2011-10-25T22:57:00.003+07:00

“Mình rất vui khi Thủ thuật Blogger đã có Google Sitelinks khi tên miền thuthuatblogger.info gần tròn 3 tháng tuổi. Sitelinks đã có với các từ khóa thuthuatblogger, thuthuatblogger.info, Huynh Nhat Ha.”

Vấn đề được nêu ra ở đây là: Làm thế nào để có sitelinks cho blogspot?

Google Sitelinks là gì?

Chúng là những liên kết hiển thị ngay bên dưới URL hoặc phần mô tả nội dung trang web trên kết quả tìm kiếm của Google, giúp người dùng tìm kiếm thông tin trong trang web hoặc blog dễ dàng hơn, giúp tiết kiệm thời gian của người dùng.

Lợi ích của việc có Google Sitelinks là gì?

Việc blogspot của bạn có sitelinks sẽ đem lại 2 lợi ích quan trọng nhất là giúp tăng traffic và đạt được niềm tin cao hơn nơi người dùng (bởi vì chỉ những trang có uy tín và đáng tin cậy mới có sitelinks).

Những điều kiện tiên quyết để có sitelinks là gì?

(1) Google chỉ hiển thị sitelinks với những từ khóa đạt tỉ lệ click (CTR) rất cao, thông thường là các từ khóa thương hiệu, tên miền. Ví dụ đối với Thủ thuật Blogger thì sitelinks hiển thị với các từ khóa: thuthuatblogger.info, thuthuatblogger, Huynh Nhat Ha.

(2) Google chỉ hiển thị những liên kết mà Googlebot có thể dò tìm từ trang chủ, thường là các liên kết HTML nằm trong thanh menu đầu trang và được click nhiều nhất.

Google không quy định về tuổi thọ tên miền cũng như kiểu tên miền để có sitelinks, do vậy blog của bạn nếu giữ nguyên tên miền .blogspot.com hoặc sử dụng tên miền tùy chỉnh đều có quyền có sitelinks, có thể trong vòng 01 tuần hoặc 01 – 02 – 03 – 04 – 05 – 06 – 07 … tháng.

Không phải trang nào cũng đều có sitelinks, do vậy cũng không có gì ngạc nhiên khi blogspot của bạn chưa có sitelinks dù tên miền đã được sử dụng thậm chí cả năm trời.

Làm thế nào để blogspot của bạn có sitelinks?

Đây là câu hỏi được cộng đồng Blogspot rất quan tâm. Được biết Google sử dụng sitelinks một cách tự động thông qua một thuật toán và một trang sẽ có sitelinks khi nó được đánh giá là một trang uy tín. Do đó blog của bạn cần có một lượng backlinks tốt, có một lượng lớn người dùng tìm kiếm blog của bạn trên Google. Để làm được như vậy, theo mình, bạn cần thực hiện 2 điều sau đây:

(1) Tối ưu hóa việc lập chỉ mục blogspot trên công cụ tìm kiếm Google. Nói cách khác, bạn cần chủ động tối ưu hóa thẻ meta mô tả theo tiêu chuẩn của Google. Hành động này sẽ giúp tăng cường tỷ lệ click cho các từ khóa chủ chốt của trang.

(2) Tạo thanh menu đầu trang chứa các liên kết HTML thuần túy (không chứa Javascript). Như các bạn biết thì Google chặn các liên kết đến trang nhãn của blogspot nên bạn cần đặt các liên kết là trang item và trang tĩnh trên thanh menu, tốt nhất là các bài viết thật nổi bật nhằm đạt tỷ lệ click cao nhất từ người dùng.

Ở đâu đó trên Internet có người chỉ cho bạn hàng tá cách để có sitelinks tuy nhiên theo mình chỉ cần hội đủ 2 điều kiện tiên quyết nói trên là được, như mình đã áp dụng cho Thủ thuật Blogger vậy. Ngoài ra bạn cần cập nhật nội dung blog thường xuyên bằng những bài viết mới: Các bài viết có thể được đăng với cường độ mỗi ngày một bài, cứ hai ngày một bài hoặc mỗi tuần một/hai bài … tùy theo khả năng và quỹ thời gian của bạn. Nội dung bài viết chất lượng, tránh sao chép từ các trang khác để tạo uy tín cho trang của bạn.

Chạy PHP bằng file Javascript bên ngoài

2011-10-18T00:00:00.006+07:00

Một trong những khía cạnh ít được biết đến của file javascript bên ngoài là khả năng tham chiếu một file PHP (.php) tương tự như một file .js. Bằng cách sử dụng file Javascript bên ngoài, chúng ta có thể thấy PHP và Javascript có thể cùng hoạt động mà bạn có thể nghĩ là không thể.

Cú pháp để tham chiếu một file PHP sử dụng file Javascript bên ngoài như sau:

<script type="text/javascript" src="http://www.myhostplace.com/scriptname.php"></script>

Trong đó http://www.myhostplace.com/scriptname.php là đường dẫn đến script PHP thay thế cho file .js thông thường.

Sau đây là một ví dụ cơ bản về một script PHP, đó là showip.php:

<?
//"showip.php" display visitor IP address on any webpage
Header("content-type: application/x-javascript");
$serverIP=$_SERVER['REMOTE_ADDR'];
echo "document.write(\"Your IP address is: <b>" . $serverIP . "</b>\")";
?>

Đoạn script PHP trên sẽ được đặt vào file ngoài như sau:

<script type="text/javascript" src="showip.php"></script>

Và đây là kết quả hiển thị:

Ở ví dụ trên bạn có thể thấy một script PHP thông thường viết ra địa chỉ IP của khách truy cập khi được tham chiếu sử dụng file Javascript ngoài, gồm 2 chi tiết quan trọng: một hàm header nằm ở đầu để thông báo cho trang web biết rằng một script PHP đang xuất ra một file Javascript; vì phần xuất ra cuối cùng của scritp PHP cần phải là một file .js hợp lệ nên phần xuất ra PHP phải tuân theo cú pháp Javascript hợp lệ, vậy để hiển thị địa chỉ IP từ phương diện Javascript thì hàm echo kèm "document.write()" sẽ gửi nội dung trở về trang.

Khả năng tham chiếu script PHP trong một file Javascript bên ngoài rất hữu ích. Trên cơ sở này, chúng ta có thể mở rộng ứng dụng PHP vào blogspot để nâng Blogger lên một tầm cao mới.

Sắp tới rất có thể chúng ta sẽ từng bước trải nghiệm PHP trên nền tảng Blogger nên từ lúc này, các bạn cũng nên tậu cho mình một tài khoản host, có thể là có phí hoặc miễn phí để host các file PHP. Nếu bạn không thích mua host thì có thể xài free host như byethost.com. Bạn nào đã có tài khoản Google App Engine thì host PHP đã hơn, ổn định hơn.

Mã để tạo nút Add to Blogger

2011-10-16T16:42:00.009+07:00

Blogger cho phép bạn có thể thiết kế những tiện ích mới để người khác có thể thêm vào blogspot của họ. Trước tiên bạn cần tạo code cho tiện ích, sở hữu một website hoặc webblog rồi tạo một form để gửi kết quả tiện ích lên Blogger. Trong form này bạn gắn toàn bộ nội dung tiện ích mà bạn tạo ra. Khi người dùng click vào nút thì sẽ được dẫn đến Blogger nơi có thể gắn tiện ích vào blog của họ. Bạn có thể xem Demo bằng cách lick vào nút bên dưới để cài đặt tiện ích Recent Post with Thumbnail.

Sau đây là định dạng chung để tạo một nút như vậy:

<form action="http://beta.blogger.com/add-widget" method="post">
<input value="Tên tiện ích" name="widget.title" type="hidden">
<input value="http://www.thuthuatblogger.info" name="infoUrl" type="hidden">
<input value="http://www.thuthuatblogger.info/favicon.ico" name="logoUrl" type="hidden">
<textarea style="display: none;" name="widget.content">
ĐOẠN CODE CỦA TIỆN ÍCH ĐẶT Ở ĐÂY
</textarea>
<input type="hidden" name="widget.template" value="<data:content/>" />
<input id='button' name='button' type="image" src='http://www.blogger.com/img/add/add2blogger_sm_b.gif' value=''/>
</form>

Ở đây chúng ta sử dụng trường input là hidden để người dùng không thể thay đổi thông tin về tiện ích. Trong form này có những phần quan trọng được giải thích như sau:

form action="http://www.blogger.com/add-widget" - (bắt buộc): Form của tiện ích cần truyền thông tin đến URL này để được Blogger xử lý. Khuyến nghị dùng phương thức truyền là POST nhưng phương thức GET cũng hoạt động được nếu không có quá nhiều dữ liệu trong tiện ích.
widget.title - (không bắt buộc): Đây là tiêu đề tiện ích hiển thị trong tab Page Elements của người dùng khi chỉnh sửa Template. Tiêu đề có thể dài đến 100 ký tự và có thể chứa cấu trúc HTML.
infoURL - (không bắt buộc): Sử dụng cái này để xác định một trang mô tả hoặc hướng dẫn về tiện ích. Nó giúp tạo link Learn more trên trang cài đặt tiện ích.
logoURL - (không bắt buộc): Có thể thêm URL cho hình ảnh ở đây và hình ảnh sẽ được hiển thị kế bên link Learn more. Ảnh này sẽ được thu nhỏ lại dưới 100x100 pixel.

widget.content - (bắt buộc): Đây là nội dung thực của tiện ích, sẽ được hiển thị trên blogspot của người dùng. Nó có thể chứa các đoạn mã, ngoại trừ các thẻ <html>, <body>. Các đoạn mã này giữ nguyên thể, không mã hóa.
widget.template - (không bắt buộc): Cái này nhằm chỉ định Template chọn để gắn tiện ích. Nếu không xác định Template thì sử dụng mặc định là <data:title/> hoặc <data:content/>.

Dưới đây là lựa chọn hình ảnh cho nút Add to Blogger:

http://www.blogger.com/img/add/add2blogger_sm_w.gif

http://www.blogger.com/img/add/add2blogger_lg.gif

http://www.blogger.com/img/add/add2blogger_sm_b.gif