Wednesday, April 29, 2009

Hướng Dẫn làm Playlist Nhạc Cho Blog

Ví Dụ:







7 BƯỚC TẠO PLAYLIST NHẠC
1. Upload một ảnh nền định dạng jpg và một số bài nhạc định dạng mp3 vào host.

2. Download file playlist.zip.

3. Unzip file vừa download vào một folder bất kỳ trong máy của bạn. Kiểm tra đủ ba files: playlist.xml, config.xml và mp3player.swf.

4. Mở file playlist.xml bằng notepad (click chuột phải, chọn open with notepad) và tìm đoạn mã sau:







<track>
annotation>Tên bài hát - Người sáng tác - Ca sĩ thể hiện</annotation>
<location>URL của bài hát</location>
</track>



Bạn có bao nhiêu bài nhạc mp3 thì copy&paste đoạn mã này bấy nhiêu lần. Sau đó, chỉnh sửa lại nội dung của đoạn mã này:

- annotation: sửa lại tên bài hát trong list nhạc của bạn;
- location: địa chỉ URL của bài hát, bắt đầu bằng http://

Khi hoàn tất, bạn save với định dạng xml. Lưu ý, nếu bạn có nhiều playlist cho nhiều post khác nhau, bạn phải đặt tên khác nhau cho những file playlist này, ví dụ playlist1.xml, playlist2.xml,...

5. Mở file config.xml bằng notepad:
<mp3config>

<!-- choose here if you want the mp3player to automatically start and shuffle songs (true or false) -->
<autostart>false</autostart>
<shuffle>false</shuffle>

<!-- choose the mp3player repeat mode (none, one, all or list (plays the entire playlist once)) -->

<repeat>list</repeat>

<!-- choose the mp3player volume (0 to 100) -->
<volume>80</volume>

<!-- choose here if you want to show the display and playlist (true or false) -->
<showdisplay>true</showdisplay>

<showplaylist>true</showplaylist>

<!-- choose here in what frame you want links to be opened (_blank, _self, _top or a framename) -->
<linktarget>_blank</linktarget>

<!-- choose the mp3player colors (hexadecimal, from 0x000000 to 0xffffff) -->
<backcolor>0xffffff</backcolor>

<frontcolor>0x000000</frontcolor>
<lightcolor>0xC7EF65</lightcolor>

<!-- you can set a JPG as the background here to skin the mp3player (url to the jpg file) -->
<jpgfile></jpgfile>

<!-- (for webmasters) URL of a script, called on start and completion of a song -->

<!-- the following vars are sent with POST: title, file, identifier, action ('start' or 'complete') -->
<callback></callback>

</mp3config>


- autostart: tự động chạy playlist, gồm hai lựa chọn - có (true) hoặc không (false). Theo tôi bạn không nên để tự động vì có thể làm phiền khách thăm blog của bạn.
- shuffle: chơi nhạc không theo thứ tự đã định trong file playlist.xml (random), cũng có hai lựa chọn - true và false.
- repeat: chơi lại toàn bộ playlist, bao gồm 4 lựa chọn - none (không lập lại), one (1 bài), all (tất cả các bài) hoặc list (lập lại toàn bộ list một lần).
- volumn: chỉnh âm thanh, từ 0 đến 100.
- showdisplay: hiển thị thanh điều khiển (true/ false).
- showplaylist: hiển thị tên các bài hát (true/ false).
- linktarget: khi click vào link thì sẽ mở ở cửa sổ khác (_blank), cùng cửa sổ (_self), hoặc toàn màn hình (_top) trong trường hợp dùng frame. Cái điều kiện này tôi chẳng hiểu để làm gì, vì tôi có thấy cái link nào đâu?
- backcolor: màu nền.
- frontcolor: màu text trong list.
- lightcolor: màu text khi có chuột chạy qua, hoặc được chọn.
- jpgfile: file.jpg làm nền cho playlist (đã upload ở bước 1), bắt đầu bằng http://
- callback (cái này chưa nghiên cứu được là gì ).

Sau khi chỉnh sửa, bạn save với định dạng xml. Cũng tương tự file playlist.xml, nếu bạn muốn mỗi list nhạc có một hình nền khác nhau, bạn phải save các file config này với tên gọi khác nhau, ví dụ config1.xml, config2.xml,...

6. Upload ba files mp3player.swf, playlist.xml và config.xml vào host.

7. Copy và paste đoạn mã này vào entry:



<embed hspace="5" vspace="5" src="mp3player.swf" menu="false" quality="high" width="450" height="338" name="index" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="&config=config.xml&file=playlist.xml" wmode="transparent" border="0"></embed>
Bạn thay đường dẫn tuyệt đối (bắt đầu bằng http://) cho 3 files mp3player.swf, config.xml và playlist.xml trong đoạn mã trên.

Ngoài ra, bạn cũng cần chú ý những thông số sau:

- menu: thanh điều khiển list nhạc, có hai lựa chọn - true (tự động chạy) hoặc false (phải nhấn nút play).
- width: chiều ngang của tấm ảnh nền.
- height: chiều cao của tấm ảnh nền.

Vậy là xong rồi đó Chúc bạn thành công nhé

Sunday, April 26, 2009

Đăng Ký Tên Miền Qua DNS Trung Gian

Blogger.com là dịch vụ blog miễn phí nổi tiếng của Google được rất nhiều blogger trên thế giới sử dụng. Tuy vậy, nó lại vấp phải một hạn chế rất lớn ở Việt Nam là các thuê bao internet của ISP VNPT không thể truy cập được. Trước kia Egoldviet đã từng đăng lại môt bài của Phamen về Sử dụng tên miền riêng cho blog tại Blogger.com để tạo một tên miền riêng cho blog tại Blogger.com, đồng thời giúp cho các blog này thoát khỏi bị chặn bởi VNPT. Hôm nay lại đăng bài tiếp theo về giới thiệu cách thay tên miền của Blogger.com (blogspot.com) bằng một tên miền miễn phí.

Cách làm sau đây sẽ tạo cho blog tại Blogger.com của bạn một tên miền ngắn hơn, dễ nhớ hơn, và quan trọng nhất là thoát khỏi sự ngăn chặn của VNPT.

http://phamen.blogspot.com >> http://www.phamen.uni.cc

Chắc hẳn các bạn đã gặp rất nhiều các nhà cung cấp tên miền miễn phí hiện nay trên mạng như: .tk, .kiss.to, .good.as, v.v.. và bạn hẳn đã từng một lần đăng kí một tên miền miễn phí nào đó. Nhưng để làm được theo cách này, chúng ta cần một nhà cung cấp tên miền cho phép chúng ta quản lý DNS chứ không chỉ là Forwarding. Thật may, có một dịch vụ cung cấp tên miền miễn phí cho phép chúng ta quản lý cả DNS, đó chính là Uni.cc.

Như chúng ta đều biết, Blogger.com của Google không hỗ trợ cho bản ghi A mà chỉ hỗ trợ cho bản ghi Cname. Nhưng thật chẳng may, Uni.cc cho chỉ cho phép chúng ta quản lý có 3 bản ghi là: Bản ghi A (A records), Bản ghi NS (NS records) và Bản ghi MX (MX records). Họ không cho chúng ta tạo các bản ghi Cname để trỏ tới Blogger.com. Vậy phương án nào sẽ giải quyết vấn đề này?

Thật may, đã có rất nhiều dịch vụ DNS trung gian giúp ta giải quyết bài toán này. Phamen xin đơn cử một dịch vụ DNS trung gian miễn phí được cho là tốt và dễ sử dụng nhất hiện nay, đó chính là EveryDNS. EveryDNS cho phép chúng ta quản lý toàn bộ các bản ghi và qua đó trỏ tới những nơi mà ta muốn. Do vậy, bài toán này sẽ được thể hiện qua sơ đồ sau:

Nào, bắt đầu chúng ta cùng thực hiện.

Bước 1: Đăng ký một tên miền miễn phí

Việc đăng ký Uni.cc hết sức đơn giản, nó giống như bạn đăng ký ở những dịch vụ trực tuyến khác nên Phamen sẽ không bàn đến việc này nữa.

Sau khi đăng ký xong, các bạn hãy vào phần quản lý DNS của tên miền mà bạn vừa tạo được.

  • Trong phần DNS Setting – Record type hãy chọn NS (For external name servers)
  • Ở Mục Name server #1 và #2, bạn hãy điền vào Ns1.everydns.net và Ns2.everydns.net.
  • Sau khi đã kiểm tra chắc chắn các thông số trên, bạn hãy click vào nút Update DNS records. Vậy là xong bước đầu tiên, bận cần phải chờ trong khoảng 24h để bản ghi NS được cập nhật.

Bước 2: Đăng kí và thiết lập thông số ở EveryDNS

Việc đăng ký cũng hết sức đơn giản, bạn chỉ cần vào EveryDNS, điền các thông tin cần thiết là ngay lập tức bạn đã có một tài khoản ở đây. Sau khi đăng ký xong, bạn hãy đăng nhập vào chương trình quản lý DNS bên trong của EveryDNS và thực hiện các việc sau.

  • Trong ô Add new domain: bạn hãy điền tên miền mà bạn đã đăng kí ở Uni.cc vào đây và click vào nút >> (Basic) để thêm một tên miền mới. Sau khi tên miền đã add thành công thì nó sẽ xuất hiện ở bên trên.

  • Click chọn vào domain name đã add được ở bên trên, trong phần Current Records sẽ xuất hiện hai bản ghi là A và CNAME với các thông số mặc định. Công việc của bạn là xóa bản ghi A đi bằng cách click vào nút Delete ở bên tay phải.

  • Ở phần Add a record: bạn hãy điền www vào ô Full Qualified Domain Name, ô Record Type chọn giá trị là CNAME, và ô Record Value hãy điền vào ghs.google.com.

Xong xuôi thì các bạn click vào nút Add Record. Sau khi thành công thì ta sẽ được như hình dưới đây:

Vậy là xong phần kĩ thuật cho DNS trung gian, bây giờ bạn có thể chắc chắn là đã tạo được một bản ghi CNAME cho domain và đã được trỏ tới host của Blogger.com. Bước cuối cùng mà chúng ta cần làm là thêm domain này vào blog của bạn thôi.

Bước 3: Add domain vào Blogger.com

Đây là bước cuối cùng và cũng là bước đơn giản nhất. Hãy login vào Dashborad của Blogger.com, ở mục Setting, bạn hãy chọn Publishing và làm như sau:

+ Trong ô Your domain: điền tên miền mà bạn đã đăng ký được ở Uni.cc và click vào nút Save Setting, nhớ là phải có www ở trước vì ta đã tạo một CNAME cho nó.

Sau khi đã lưu lại các thay đổi, bạn phải chờ trong vòng 24h (như Phamen đã test thử thì chỉ khoảng 4-5 tiếng thôi) để bản ghi NS và bản ghi CNAME được cập nhật. Sau khi cập nhật thì bạn có thể ung dung với tên miền mới cho blog tại Blogger.com mà không hề gặp một trở ngại nào với VNPT rồi đấy.

Kết quả đây, các bạn có thể xem thử thành quả: http://www.phamen.uni.cc

Thêm Translate Google vào Blog

Tiếng việt mới được Google bổ sung vào danh sách ngôn ngữ được hỗ trợ dịch tự động qua dịch vụ Google Transalte. Điều này không chỉ tạo cơ hội cho blogger dùng tiếng Việt tiếp cận với thế giới và ngược lại, mà còn khẳng định vị thế của tiếng Việt trên Internet.

Cám ơn Google và chúc cộng đồng blogger Việt phát triển mạnh mẽ hơn nữa.



Google Translate hỗ trợ dịch từ bất cứ ngôn ngữ nào được hỗ trợ sang tiếng Việt, và ngược lại. Người dùng có thể dịch một đoạn văn/câu văn, hoặc dịch cả một website hoàn toàn tự động. Thử nghiệm ban đầu cho thấy Google dịch Anh-Việt rất... ngô nghê, dù chỉ là một câu đơn giản như "Hôm nay trời đẹp quá" được dịch thành "it's beautiful today too". Mặc dù vẫn... đầy lỗi ngữ pháp và dùng từ sai. Nhưng nếu muốn, bạn có thể gợi ý cách dịch tốt hơn bằng cách nhấn vào Suggest better translation.

Hiện nay Google translat (GT) đã ứng dụng cho 35 nước trong đó có VIệt Nam, bạn có thể tham khảo ngôn ngữ các nước được hỗ trợ như hình:



Tuy vậy, việc Google hỗ trợ dịch tự động từ tiếng Việt sang các ngôn ngữ khác mang ý nghĩa rất lớn... Khác với các công cụ dịch Anh-Việt đã có trong nước, mặc dù kém hơn về chất lượng bản dịch, Google mang lợi thế vượt trội do sự phổ biến của gã khổng lồ tìm kiếm, và còn hỗ trợ dịch nhiều ngôn ngữ khác bên cạnh tiếng Anh.

Bạn có thế tích hợp công cụ dịch này vào web hay blog của bạn bằng cách nhúng đoạn mã HTML được cung cấp bời Tools của Google translate vào Gadget của Google, hoặc kéo-thả nút Vietnamese vào bookmark toolbar trên trình duyệt để dịch các ngôn ngữ được Google Translate hỗ trợ sang tiếng Việt chỉ bằng một lần click chuột.

Và bằng 1 cái click chuột trang web hay blog của bạn đã chuyển sang một ngôn ngữ khác trong khi giao diện vẫn giữ nguyên. Hãy bắt tay vào để cài đặt Google translate cho web, blog của mình để có một web, blog đa ngôn ngữ.

Hướng dẫn chi tiết:
Bạn truy cập vào http://translate.google.com/translate_t?hl=en#

Chuyển sang menu Tools
chọn ngôn ngữ mà blog bạn đang sử dụng ( như hình minh họa là English, còn bạn nếu đang viết blog hay web bằng tiếng việt thì hãy chọn Tiếng Việt.



Sau đó Copy code theo hướng dẫn muc 2. Copy and paste the HTML below to include the gadget on your webpage. rồi chèn vào webpage của bạn.



Và giờ đây, như blog của tôi, đã có công cụ để bạn lựa chọn ngôn ngữ cho weblog.



Chỉ cần 1 click để lựa chọn ngôn ngữ bạn đã có blog của mình với giao diện như cũ nhưng đã thay bằng ngôn ngữ mà mình lựa chọn. Ví dụ ở đây tôi chọn ngôn ngữ EngLish.

(Nếu Blog Của bạn Dùng Ngôn Ngữ Tiếng Việt Thì Có Thể Dùng code sau để chèn vào Blog)





<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=vi&w=160&h=60&title=&border=&output=js"></script>





Theo @phattrienso

Saturday, April 25, 2009

Tạo Hiệu Ứng Chữ Chạy Và Nhấp Nháy Cho Blog

Để người dùng chú ý đến những đoạn văn đặc biệt, những đường link, code ... cấn nhấn mạnh. Thủ thuật thường được sử dụng trong trường hợp này là Tô đậm, màu đặc biệt hoặc CHỮ NHẤP NHÁY.

Đây là một thủ thuật nhỏ, chắc có rất nhiều người nhưng cũng có thể có rất nhiều người chưa biết vì vậy mình xin NHẮC LẠI - ĐỂ có thể có ích cho những "AI CHƯA BIẾT".

Thử nghiệm trên IE và FireFox, chúng đều hiển thị tốt mục đích thể hiện của đoạn text.

Để thực hiện cho đoạn text nhấp nháy. Bạn chỉ cần chèn đoạn text bạn muốn cho nó nhấp nháy vào giữa thẻ là xong:

VD: <blink>Xin chào tất cả các bạn, chào mừng các bạn đến với http://dangkhuong.blogspot.com</blink>

Kết quả: Xin chào tất cả các bạn, chào mừng các bạn đến với http://dangkhuong.blogspot.com

Bạn cũng có thể làm cho tiêu đề bài viết hoặc một đoạn text nào đó trong bài của bạn!

Và Đây là code tạo chữ chạy trên

Right to Left Marquee










Left to Right Marquee










Alternate Marquee









Up Marquee













Down Marquee














Up/Down Alternate Marquee














* Zig Zagging Marquee














* Alternating Zig Zagging Marquee














* >>Highlight Text <<















* <<<<Opposite Highlight text >>>>















TEXT (Colors)
















Colored Border Marquee (Colors)









* 3| | |High Tech Text | | |4










* 4| | |High Text Text | | |32
















* Hiding Marquee















*
Wave Marquee

Wave Marquee































<marquee behavior="alternate">YOUR TEXT HERE</marquee>

Là chữ chạy Qua Lại:
Ví dụ:Http://dangkhuong.blogspot.com

Cách ẩn thanh toolbar trên google blogger

Đầu tiên bạn hãy vào phần Chỉnh Sửa HTML và đánh dấu chọn vào Mở rộng tiện ích

Sau đó bấm Ctrl - F và tìm từ Page Structure , copy đoạn code này vào phần Page Structure

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;

Sau đó nhấn vào Xem trước để xem thử kết quả , nếu thấy vừa ý thì Lưu Mẫu

Chèn công cụ tìm kiếm của Google vào blog

Bạn có muốn tạo cho blog của mình một công cụ tìm kiếm riêng hay không ? nếu có hãy copy đoạn code dưới đây và dán vào blog nhé

<p align="left">
<form id="searchthis" action="http://dangkhuong.blogspot.com/search" style="display:inline;" method="get" target="_blank">
<strong><input id="b-searchbtn" "b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Tìm Kiếm" type="submit"/>
</form></p>

thay thế http://dangkhuong.blogspot.com bằng điạ chỉ blog của bạn

Nguon Than Toc

Chèn bộ gõ Tiếng Việt vào trong Blogger




image

Bạn có thể chèn vào trong phần <head>...</head> hoặc trong phần body cũng được .

Đoạn code

<script src="http://mudim.googlecode.com/files/mudim-0.8-r142.js" type="text/javascript"></script> 


Cách 1 . Chèn vào phần <head> :

Tìm đến phần <head> và chèn đoạn code ngay phía dưới nó .


Cách 2 . Chèn vào phần body


Tìm đến phần </body> và chèn đoạn code ngay phía trên nó .



Lưu ý : thủ thuật này dành cho Google Blogger , những Blog khác chưa thử . Bạn nên up file mudim-0.8-r142.js lên một host nào đó để đề phòng trường hợp file sau này bị di chuyển .

Friday, April 24, 2009

Categories Quản Lý Nhãn

Nếu bạn đã từng làm việc với Wordpress.com hay một số blog khác chắc chắn bạn không lạ gì với chức năng phân loại bài viết (Category). Ở blogger.com cho phép bạn thực hiện chức năng này bằng cách “dán” nhãn (label) cho các bài đăng của mình. Bạn hãy tưởng tượng một dây chuyền sản xuất, công đoạn cuối cùng là đóng gói và dán nhãn mác cho sản phẩm để xuất xưởng.

Tương tự như vậy, khi đăng bài cho blog tại blogger.com, nếu bạn muốn dùng widget label thì bắt buộc phải gán nhãn cho mỗi bài ngay từ đầu. Nếu thường xuyên đọc báo điện tử, bạn hãy để ý menu trái hoặc phải từng mục tin: Chính trị, kinh tế, văn hóa xã hội, công nghệ,… Chức năng nhãn của blogger.com giống như vậy, nó còn hay hơn nữa: có thể đếm số bài đăng của nhãn đó. Thông thường mỗi bài đăng có thể được "dán" rất nhiều nhãn, tuy nhiên theo tôi bạn nên dùng tối đa 3 nhãn, nhiều nhãn mà chỉ có một bài viết đôi khi làm người đọc khó chịu. Xin lưu ý bạn phải làm việc này ngay khi đăng bài đó, nếu không sau này bạn muốn phân loại bài viết phải … đọc phần cuối bài viết này!

“DÁN” NHÃN

Để “dán” nhãn cho bài đăng bạn có thể thực hiện ngay khi đăng bài. Hãy xem phía cuối khung cho bạn gõ bài có Label for this post (nhãn cho bài đăng này).

Nếu là bài có nội dung mới, bạn hãy gõ nhãn, tên của nhãn đừng nên quá dài, tốt nhất đừng nhiều hơn 40 ký tự (bao gồm cả khoảng trắng). Ví dụ: Nghệ thuật sống. Sau khi gõ bài viết xong. Bạn thực hiện đăng bài, bài viết của bạn đã có nhãn.



Khi có một bài viết cùng nội dung với bài đã được dán nhãn. Ví dụ bạn muốn đăng các bài tiếp theo về Nghệ thuật sống, bạn chỉ cần click … để chọn mục hoặc gõ vài ký tự đầu, nhãn này sẽ hiện ra, nhấn phím Tab để chọn.




HIỂN THỊ NHÃN


Đăng xong bài, nếu blog bạn đã sử dụng widget Label(Nhãn), bạn sẽ thấy bài viết của mình sẽ nằm trong nhãn này. Nếu chưa sử dụng, bạn có thể click trên Add a Page Element (Thêm phần tử trang) -> Label (Nhãn), gõ tên cho nhãn này như là: Phân loại (Categories), Thực đơn (Menu),…và click Save,… sau đó kéo widget này đến vị trí bạn muốn trên Layout (trình bày) và click Save (Lưu lại) để hoàn tất.



“DÁN” NHÃN CHO BÀI VIẾT CHƯA CÓ NHÃN

Nếu bạn đã lỡ đăng một hoặc nhiều bài viết mà chưa có nhãn, làm thế nào để “dán” nhãn cho chúng? Công việc này thật sự khó khăn nếu bạn không để ý đến chức năng này….

Đầu tiên bạn phải truy cập vào Posting (Đăng bài), click trên Edit Posts (Chỉnh sửa bài đăng). Danh sách tất cả các bài đăng và nhãn của nó sẽ hiển thị ở đây. Hãy quan sát kỹ, dưới mỗi bài đăng đã có nhãn đều có dòng chữ nhỏ màu xanh lá cây ghi rõ nhãn của nó. Nếu bài muốn gán nhãn cho bài viết nào chưa có nhãn, hãy click chọn trên ô vuông nhỏ phía trước Edit (Chỉnh sửa), tìm Label Actions... và chọn New Label (Tạo nhãn mới) xem hình.




CHỈNH SỬA NHÃN

Blogger.com không cho phép bạn chỉnh sửa lại nhãn như cách bạn Rename cho file hay folder trên hệ điều hành. Bạn có thể thực hiện việc này bằng tạo nhãn mới và xóa đi nhãn cũ. Việc này rất đơn giản, nhưng nếu không để ý thật sự là một phức tạp.

Nếu bạn muốn chỉnh sửa tên một nhãn nào đó bạn cần click chọn nhãn của nó bên menu trái. Kế tiếp click Select All (Chọn tất cả) để chọn tất cả các bài đăng thuộc nhãn đó. Click trên New Label (tạo nhãn mới), gõ tên nhãn, nhấn OK. Sau khi tạo nhãn xong, bạn trở lại Label Actions... chọn Remove cho label muốn xóa.




XÓA NHÃN


Xem chỉnh sửa nhãn là bạn đã biết xóa nhãn như thế nào rồi còn gì!
Theo ThuThuatBlog

Tạo phân trang trong blogspot

Lần trước tôi đã giới thiệu code tạo phân trang cho các bạn nhưng có một nhược điểm là khi nhấp vào một label nào đó thì nó sẽ không hiện được phân trang nữa . Hôm nay tôi giới thiệu với các bạn một code phân trang khác đã khắc phục được nhược điểm trên .

Vào Bố Cục > Thêm Tiện Ích > HTML/Javascript và past đoạn code phía dưới vào .

Lưu ý : phải để cái HTML/Javascript vào ngay phía dưới Bài đăng trên blog ( hình dưới )

image

<style>
.showpageArea {font-size: 20px; width:500px;background: url(http://thantoc.xm.com/hinh-anh/Pagenavbar-1.jpg) no-repeat left top; padding: 10px; color:#003366;text-align:center;
}
.showpageArea a {
color:#0F0;
text-decoration:underline;
}
.showpageNum a {

text-decoration:none;
color:#0F0; border:1px solid #FFF;
margin:0 10px;
padding:0 5px 0 8px;
}
.showpageNum a:hover {
color:#ffff00; border:1px solid #00ff00;
background-color:#FFF;
}
.showpagePoint {
color:#ffff00;
margin:0 8px 0 4px;
}
.showpage a {
text-decoration:none;
color:#FFF;
padding:0 2px 0 4px;
}
.showpage a:hover {
color:#ffff00;
text-decoration:underline;
} .showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#00ff00;
}
</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=2;
var firstPageWord = 'Đầu';
var endPageWord = 'Cuối';
var upPageWord ='&#9668;';
var downPageWord ='&#9658;';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span >Trang '+thisNum+' / '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
</script>







trong đó :


http://thantoc.xm.com/hinh-anh/Pagenavbar-1.jpg : chính là background của phân trang . bạn có thể thay thế ăằng hình ảnh mà bạn thích .

pageCount=5 : số bài hiện trong mỗi trang , ở đây tôi cho là 5 bài hiện trong 1 trang


displayPageNum=2 : số trang hiện ra để ta chọn , ví dụ như ở đây tôi chọn là 3 thì tôi sẽ ghi displayPageNum=2 , ( như hình dưới đây )

image

Hướng Dẫn làm Playlist Nhạc Từ TimNhanh.com Cho Blog

Để tạo một playlist trên blog của bạn thông thường bạn phải sử dụng Flash Player và file âm thanh định dạng mp3. Điều này khác với các hướng dẫn về chèn nhạc trước đây mà tôi có dịp giới thiệu, bạn có thể dùng rất nhiều định dạng audio khác nhau như .midi, .wav, .mp3,...mà chương trình chơi nhạc Windows Media Player hỗ trợ.
Với chương trình chơi nhạc trên nền flash, trình duyệt người xem phải có Adobe Flash Player được cài đặt trước. Đây là hướng dẫn chèn playlist trên trang timnhanh.com.
Bạn là một blogger chuyên nghiệp ? Bạn muốn tạo cho blog, forum của mình một phong cách ấn tượng, riêng biệt? Muốn mọi người thưởng thức khả năng cảm thụ âm nhạc của bạn ? Hãy làm theo những hướng dẫn dưới đây:
Bước 1. Nếu bạn đã là thành viên của TìmNhanh.com (hoặc kiemviec.com, hrvietnam.com) thì click vào đây để đăng nhập . Còn chưa là thành viên thì click vào đây để đăng ký.

Bước 2.
Sau khi hoàn tất đăng ký và đăng nhập xong. Bạn vào nghe album, bài hát hoặc vào MY MUSIC để tạo cho mình những playlist yêu thích.

Bước 3.
Tại mỗi album, bài hát hoặc playlist bạn sẽ thấy nút click vào nút này bạn sẽ thấy một đoạn mã có dạng như sau:



Bước 4.
Bạn click vào nút để copy đoạn mã nhúng nhạc.

Bước 5:Sau đó bạn nhúng mã đó vào vị trí bạn muốn đặt (Ví Dụ: Để đặt vào cuối Blogspot bạn vào bố cục--->Thêm Tiện ích HTML/JAVACRIP và dán mã đó vào đây),bạn có thể chỉnh sửa lại kích thước cho Style nhạc đó

Thursday, April 23, 2009

Đặt Quảng Cáo Của Adnet (chodientu) Vào Template Blogspot

Trước đây chương trình quảng cáo của Chợ Điện Tử cung cấp hai loại code JavaScript và flash cho các webmaster và blogger tùy ý sử dụng cho trang của họ. Tuy nhiên loại code JavaScript không thể hiển thị đúng trên Blogger mặt dù nền blog này hỗ trợ khá đầy đủ JavaScript.

Kể từ phiên bản cập nhật gần đây, Chợ Điện Tử đã giới hạn chỉ cho các website có tên miền riêng, thứ hạng dưới 1 triệu trên Alexa tham gia hệ thống này. Các Blogger (BlogSpot) có tên miền riêng dù có đáp ứng đủ điều kiện trên cũng đành ngậm ngùi.

Sau thời gian tìm hiểu, tôi đã phát hiện ra một cách hợp lý đặt code Chợ Điện Tử vào template của Blogger. Đây là cách mà nhiều người sử dụng để đặt Google AdSense code vào blog. Đó là chuyển các ký tự đặc biệt thành mã HTML. Cách này không dùng được trong trường hợp bạn đặt trực tiếp trên layout thông qua tiện ích HTML/JavaScript.

Sau đây là các bước:

Bước 1. Đăng nhập trang quản lý tài khoản của bạn trên Chợ Điện Tử (http://adnet.vn) và tạo widget quảng cáo mới sau đó lấy code.



Bước 2. Chép tất cả đoạn code lấy được trên vào khung ở trang này, nhấn CONVERT AD CODE, và bấm HIGHTLIGHT ALL để chép hết đoạn mã chuyển đổi được.



Bước 3. Đăng nhập Blogger, chọn thẻ Layout (Trình bày) | Edit HTML (Chỉnh sửa HTML), đánh dấu chọn Expand Widget Templates (Mở rộng tiện ích mẫu). Trước khi tiếp tục chúng ta tải mẫu hiện tại về máy tính thông qua link Download Full Template (Tải mẫu đầy đủ) đề phòng thao tác sai có thể phục hồi mẫu sau này.

Dán đoạn mã chuyển đổi trên vào các vị trí mình muốn và lưu lại:

a. Phía dưới tiêu đề bài đăng:

Xin tham khảo hướng dẫn tương tự cách chèn đánh giá bài viết ngay sau tiêu đề.

b. Phía cuối bài đăng:

Xin tham khảo hướng dẫn tương tự cách chèn một đoạn văn bản cuối bài đăng.

c. Cách đặt vào HTML/JavaScript (dùng trên sidebar và vị trí khác):


Đăng nhập vào Blogger, chọn Layout (Trình bày) -> Edit HTML (Chỉnh sửa HTML), bây giờ hãy lưu ý các thành phần trang tương ứng trên sidebar (hoặc vị trí khác) sẽ được điều khiển bởi các đoạn code tương ứng. Để dễ hiểu tôi lấy ví dụ sidebar bên trái của template có hai thành phần trang (Label và HTML/JavaScript, tương ứng với id='Label1' và id='HTML1'):
  

 <div id='left-col'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
</b:section>
</div>









Chúng ta sẽ đặt code quảng cáo trên thành phần HTML/JavaScript nên copy toàn bộ id='HTML1' dán ngay vị trí muốn hiển thị:


  <div id='left-col'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
</b:section>
</div>







Và thay đổi id='HTML1' -> id='HTML2' (mỗi id là duy nhất, nên thay đổi sao cho không trùng với id khác), title='Quà tặng từ TTO' -> title='Quảng cáo' (Bạn phải đặt title, nếu HTML/JavaScript này không có tên sẽ không thể hiển thị) như sau và lưu lại như sau:


N
  <div id='left-col'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='HTML1' locked='false' title='Quà tặng từ TTO' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Quảng cáo' type='HTML'/>
</b:section>
</div>








Lưu xong chúng ta check Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm id='HTML2' (Dùng Ctrl + F) và dán code như dưới đây:




<b:widget id='HTML2' locked='false' title='Quảng cáo' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
Dán code Chợ Điện Tử đã convert theo hướng dẫn trên vào đây!
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>








Chúng ta có thể sử dụng bất kỳ id='HTMLNo' nào trong HTML của template để làm chèn code như trên và kéo thả thay đổi vị trí trên layout.

Nếu bạn có blog hoặc website đáp ứng yêu cầu như đã nói ở phần đầu có thể xem hướng dẫn tham gia và kiếm tiền.

Chúc bạn kiếm được nhiều tiền khao mình một chầu cà phê nhé!

Chèn lịch Việt Nam vào blog

Bạn có thể chèn lich Việt Nam , kể cả âm lịch vào blog của mình mà không cần qua dịch vụ trung gian nào hết , bằng cách chép đoạn code này vào blog

 

<center><a name="amlich"></a>

<script language="JavaScript" src="http://mangvn.org/nukeviet/js/amlich.js" type="text/javascript"></script>
<script language="JavaScript">showVietCal();</script>
<script language="JavaScript">document.writeln(printSelectedMonth()); </script>
<table border="0" width="100%" style="border-collapse: collapse; font-size: 10 px; color: black; font-family: verdana">
<tr>
<td align="center">
<form name="SelectMonth" action="#amlich"">
Tháng <select name="
month"><option value="1">1<option value="2">2<option value="3">3<option value="4">4<option value="5">5<option value="6">6<option value="7">7<option value="8">8<option value="9">9<option value="10">10<option value="11">11<option value="12">12</select>

<input type="
button" value="Xem" onClick="javascript:viewMonth(parseInt(month.value), parseInt(year.value));"><br>
Năm&nbsp; <INPUT NAME="
year" size=4 value="2005">
<input type="
button" value="Xem" onClick="javascript:viewYear(parseInt(year.value));">
</form>
</td>
</tr>
</table>


s" type="text/javascript"></script>
<script language="JavaScript">showVietCal();</script>
<script language="JavaScript">document.writeln(printSelectedMonth()); </script>
<table border="0" width="100%" style="border-collapse: collapse; font-size: 10 px; color: black; font-family: verdana">
<tr>
<td align="center">
<form name="SelectMonth" action="#amlich"">
Tháng <select name="
month"><option value="1">1<option value="2">2<option value="3">3<option value="4">4<option value="5">5<option value="6">6<option value="7">7<option value="8">8<option value="9">9<option value="10">10<option value="11">11<option value="12">12</select>

<input type="
button" value="Xem" onClick="javascript:viewMonth(parseInt(month.value), parseInt(year.value));"><br>
Năm&nbsp; <INPUT NAME="
year" size=4 value="2005">
<input type="
button" value="Xem" onClick="javascript:viewYear(parseInt(year.value));">
</form>
</td>
</tr>
</table>



 



Trong đó đoạn in đậm màu đỏ là địa chỉ của file js cần dùng , bạn có thể download file js đó theo địa chỉ như trên rồi sau đó up lên một dịch vụ lưu trữ nào đó để khỏi phải sợ file bị di chuyển .

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

Thay đổi ICON cho blogspot

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

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

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


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






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


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

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


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



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

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

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

image

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

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

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

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



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

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


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

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

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



thay thế bằng :



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



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

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

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

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

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

image

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

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

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

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

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

Icon Về đầu trang cho Blogger

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

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

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

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

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




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


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

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

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


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

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

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

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