coban

Quá trình restore 1 con iPhone

10:24 PM JilinTour.Com 0 Comments

1 Chuẩn bị:
• Iphone
• Cáp
• Đĩa
• Firmware gốc + firm customer siêu sạch
• Blackra1n RC3
• Itunes
2 Các bước làm:
• Đưa iphone về chế độ DFU
 Cắm cáp vào
 Bật itunes lên
 Bấm nút home + power cho đến khi iphone tắt, giữ nguyên khoảng 5s thả nút power ra vẫn giữ nút home cho đến khi itunes hiện lên bảng thông báo là OK
• Vừa bấm nút shift trên bàn phím PC vừa bấm vào nút restore trên itunes
• Chọn bản fw 3.1.2 gốc để restore
• Sau khi restore xong, dung Blackra1n RC3 để tiến hành jailbreak
• Khi đã jaibreal xong, đưa máy về chế độ recovery mode:
 Rút cáp ra ( nếu còn đang cắm cáp vào PC )
 Bấm power để tắt nguồn
 Bật itunes lên
 Vừa bấm nút home vừa cắm cáp vào
 Giữ nút home cho đến khi iphone hiện cáp và đĩa là ok
 Tiến hành restore bản fw 3.1.2 customer như ở trên
• Sau khi quá trình restore xong vào Setting của iphone chọn:
 Kết nối wifi
 Setting/Brightness chọn OFF
 Setting/General/Auto-Lock chọn Never
 Setting/General/Keyboard/Auto-Correction chọn OFF
 Setting/Mail, Contacts, Calendars/Fetch New Data/Push chọn OFF
• Vào iphone mở Cydia lên đợi nó load rồi chọn:
 Khi nó thông báo thì chọn User ( hang đầu tiên )
 Tiếp đến bảng thong báo thứ 2 thì chọn Upgrade… ( dòng thứ 2 )
• Vào lại Cydia để cài những thứ cần thiết:
 Winterboard: thay đổi giao diện cho iphone
 Sbsetting: tắt nhanh wifi, Bluetooth…. ( cách mở: vuốt nhẹ ở trên cùng của màn hình iphone )
 Quicklock: khóa máy nhanh ko cần dung tới nút power
 Xgps: định vị
• Add them source: http://iphone.gsm.vn để cài tiếp những thứ cần thiết:
 Safari Quiter: khi thoát khỏi Safari thì ko bị chạy ngầm gây hao pin
 Mobileinstallation 3x: để cài những app crack
 Carrier VN: để thay đổi logo mạng
 Destop/SMS Background: thay đổi hình nền, hình sms, hình lockscreen ( nếu cài winterboard thì ko cần dung cái này )
 Five Icon Dock: nếu muốn làm cho hàng ở Dock chứa được 5 app
 Blacksnow: tool unlock ( ko cài thì nếu là máy lock thì sẽ ko có song )
 Virtual Memory ( for 3.x ): tạo them ram ảo giành cho ai sài 2G hoặc 3G
 Chú ý: Khi làm xong những bước trên các bạn nên REBOOT lại máy 1 phát nhé.

Các bước restore coi như đã hoàn thành, nên nhớ hạn chế cài từ Cydia càng ít càng tốt nhé. Vì cài trên Cydia dễ bị đụng app với nhau gây nên tình trạng máy nóng đột ngột, pin tuột rất nhanh. Khuyến cáo chỉ nên cài cái nào thật sự cần thiết ^^

0 comments:

coban

Một số thuật ngữ của iPhone, iPod Touch

10:20 PM JilinTour.Com 0 Comments

Các thuật ngữ trong quá trình nâng cấp (update) OS cho iPhone đều rất quan trọng và cần phải hiểu trong suốt quá trình bạn làm việc với iPhone. Xin giới thiệu một số thuật ngữ bạn có thể gặp phải trong quá trình nâng cấp (update/restore) để bạn có thể hiểu rõ và phân biệt sự khác nhau giữa chúng.

1/ Khái niệm về Jailbreak :

Jailbreak có rất nhiều khái niệm nhưng bạn có thể hiểu nôm na là bằng cách thức tác động của phần mềm (tool) làm cho iPhone của bạn có thể cài được ứng dụng thứ ba ngoài những ứng dụng mặc định của hãng Apple. Điều này khiến bạn sẽ gặp rắc rối là không nhận được sự bảo hành chính hãng từ Apple. Mới đây, hãng Apple đã giới thiệu iPhone SDK - Software Developers Kit dung để phát triển phần mềm thứ 3 cho iphone.

Nếu bạn muốn cài phần mềm vào iPhone thì bắt buộc phải Jailbreak máy iPhone của bạn. Cách jailbreak cho một iPhone tùy thuộc vào từng firmware xác định. Khi Jailbreak xong, iPhone sẽ có thêm Cydia – Installer để phục vụ việc cài đặt các ứng dụng/game vào máy

2/ Khái niệm về Activate :

Khi cho ra iPhone 3G, hãng Apple đã cho sản xuất ra hai phiên bản khác nhau : phiên bản khóa mạng (lock) và phiên bản quốc tế (world/global).

* Phiên bản lock chỉ xài được mạng của nhà cung cấp AT&T và bị lock mạng (carrier) của nhà cung cấp mạng khác. Đối với phiên bản lock thì cần tự kích hoạt activate hoặc được nhà cung cấp dịch vụ như AT&T mở khóa bằng code.
* Phiên bản quốc tế có cả 2 màu trắng và đen. Đối với phiên bản quốc tế (world/global) thì khi bạn cắm cáp và kết nối với iTunes, iPhone sẽ tự động kích hoạt (Activate) cho bạn

Để sử dụng iPhone không phụ thuộc vào mạng AT&T với đầy đủ chức năng phone, hoặc đơn giản chỉ là 1 chiếc iPod Touch, thì cần phải unlock và jailbreak thì phải đánh lừa làm cho nó nghĩ rằng đã được activate. Việc activate được kiểm soát bởi 1 file server được gọi là albert.Apple.com. Khi kết nối iTunes và iPhone, iTunes sẽ đọc các thông tin từ iPhone như số IMEI, số serial number... File server albert.Apple.com sẽ tạo ra một mã thông báo kích hoạt và gửi đến iTunes. Sau đó iTunes sẽ gửi những file cần thiết để activate cho iPhone.

3/ Khái niệm về Unlock :

Unlock (mở khóa) là cách thức tiến hành làm cho các loại điện thoại di động đem từ nước ngoài về VN và bị khóa mạng tại nước sở tại. Nếu máy đem về là loại đơn băng tần chỉ sử dụng một băng tần 1800 hoặc 1900 thì không mở khóa mạng được, còn nếu máy đa băng tần tức là có thể sử dung cả “900 và 1800” hoặc “900 – 1800 – 1900” thì có thể bẻ khóa mạng được. Để bẻ khóa máy hoặc khóa mạng ngoài dùng lệnh đặc biệt ta phải dùng những thiết bị chuyên dụng để nạp một phần mềm mới, hoặc dùng phần mềm Unlocked để Reset máy vể trạng thái xuất xưởng.

Trên iPhone, chip Baseband Processor xử lý tất cả các tính năng điện thoại và sóng radio. Vì vậy, việc unlock cho iPhone được thực hiện bằng cách đánh lừa các Baseband có trên iPhone. Hiện nay, việc unlock iPhone được kiểm soát bởi một ứng dụng gọi là BootNeuter- là một phần của gói phần mềm PwnageTool phát triển bởi nhóm hacker iPhone Dev Team. Nó cũng được sử dụng trong các công cụ như WinPwn, QuickPwn và PwnageTool, hiện nó là phương pháp unlock iPhone được áp dụng phổ biến.

4/ Khái niệm về Firmware :


a/ Định nghĩa :

Firmware (FW) có thể hiểu như là driver, là hệ điều hành trên máy điện thoại và các thiết bị điện tử khác như PC, PSP, ... Thiết bị họat động như thế nào, họat động ra làm sao là do firmware chỉ dẫn. Để điện thoại iPhone của mình ngày càng ổn định hơn, hãng Apple đã cho ra các phiên bản Firmware để sửa các lỗi cho iPhone

* Firmware custom : là những firmware iPhone đã được nhúng sẵn những ứng dụng, những chương trình hay thay đổi dung lượng bộ nhớ cài đặt..tạo điều kiện thuận tiện hơn cho bạn trong việc sử dụng. Bạn chỉ có thể restore lại firmware custom khi iPhone của bạn đã được jailbreak



b/ Phân loại Firmware của iPhone :

* Firmware của iPhone (hay còn gọi là các phiên bản OS) thường có định dạng file là ipsw với dung lượng trên 200 Mb
* Từ lúc iPhone lần đầu tiên được phát hành, Apple đã cho ra các phiên bản Firmware sau.

5/ Khái niệm về Restore - DFU Mode - Recovery Mode

* Restore là cách đưa iPhone hồi phục lại trạng thái ban đầu như khi mới vừa được xuất xưởng. Khi iPhone bị treo hay gặp các lỗi phần mềm, bạn phải restore iPhone để có thể tiếp tục sử dụng
* DFU Mode là trạng thái mode đặc biệt khi mà iPhone vẫn có thể giao tiếp với iTunes mà không cần chạy hệ điều hành (OS). Màn hình của iPhone vẫn tắt và vẫn làm việc khi ở chế độ DFU.
* Recovery Mode là một trạng thái hoạt động của iPhone trong khi restore hoặc nâng cấp (update) firmware OS của iPhone.

6/ Khái niệm về Memory :

Là thành phần quan trọng của máy tính , được sử dung để lưu trữ chương trình , phục vụ quá trình xử lý của iPhone/iPod Touch
* Media memory (Bộ nhớ lưu trữ) : là phần bộ nhớ dùng đễ lưu trữ nhạc/phim/hình ảnh/ứng dụng/game...Dung lượng của phần bộ nhớ lưu trữ được tính bằng cách lấy dung lượng tổng của iPhone/iPod Touch trừ đi dung lượng bộ nhớ root
* Root partition(Bộ nhớ cài đặt) : là phần bộ nhớ chiếm khoảng 500MB nhằm để tạo không gian lưu trữ cho việc cài đặt các chương trình điều khiển trong hệ điều hành. Với firmware custom, phần bộ nhớ này sẽ được nâng lên để lưu trữ các chương trình được cài đặt sau khi JB.

7/ Khái niệm về iTunes :

Phần mềm iTunes là một ứng dụng miễn phí này dành cho Mac và PC, có thể thích hợp tất cả các định dạng âm nhạc và video kỹ thuật số.Để có thể chép nhạc, hình ảnh, video... vào iPod, iPhone hay Apple TV, bạn phải sử dụng iTunes. Ngoài ra, iTunes còn dùng để update khi Apple đưa ra phiên bản mới hay restore khi máy bạn gặp trục trặc. Phiên bản iTunes mới nhất (12/7/2009) là version 8.2.0.23

* Sync : là từ viết tắt của từ synchronous, là quá trình trao đổi dữ liệu (như hình ảnh, video, danh bạ,...) giữa iPhone/iPod Touch và iTunes
* AppStore : là nơi mua/bán các ứng dụng/game hay nhạc...trực tuyến của hãng Apple. Chúng ta có thể vào Appstore thông qua iTune hoặc ngay trên iPhone/iPod touch. Để có thể giao dịch với AppStore, bạn phải có 1 tài khoản (account) đăng kí thông qua iTunes.
* Acount : là tải khoản của người sử dụng iPhone/iPod touch, được đăng kí thông qua iTunes. Để đồng bộ hóa dữ liệu giữa PC và iPhone/iPod Touch, bạn cần phải có 1 account trên Itunes. Mỗi account đăng kí tại Mỗi apple Store của từng nước khác nhau sẽ chỉ được dùng tại mỗi nước đó

8/ Khái niệm về SSH:

"Secure Shell" (SSH) là một giao thức mạng dùng để thiết lập kết nối mạng một cách bảo mật hay là một phương pháp trao đổi dữ liệu an toàn giữa hai thiết bị. Nếu iPhone đã được jailbreak, bạn có thể dùng SSH vào thiết bị để add file và xoá file, ứng dụng ,...Nó là phương thức chuyển đổi dữ liễu từ máy đến iPhone và ngược lại. Chúng ta có thể dùng các công cụ sử dụng SSH như : WinSCP, WinSCP_no_wifi, SSH_no_wifi, iPhone Tunnel Suite … để chép các ứng dụng/game; giao diện (theme), font chữ; … vào thẳng trong hệ thống của iPhone.

OpenSSH : là một phiên bản miễn phí dùng kết nối SSH, dựa trên kết nối Internet. Để các phần mềm sử dụng SSH trên máy vi tính có thể kết nối với iPhone, bạn cần phải cài OpenSSH vào iPhone của mình

0 comments:

coban

Hướng dẫn tạo acc iTunes miến phí

10:20 PM JilinTour.Com 0 Comments

1. Mở chương trình iTunes lên, version nào cũng đc.

2. Nhấn vào chữ iTunes Store nằm ở menu bên trái chương trình iTunes như hình.



3. Ở màn hình bên phải trong chương trình iTunes, kéo xuống dưới cùng. Chọn quốc gia trong phần My Store là "United States".



4. Nhấn vào mục App Store, tiếp tục kéo xuống bên dưới, bên tay phải có cột TOP FREE APPs, bạn chọn một chương trình nào đó (chọn cái nào cũng được).



5. Sau khi thông tin chương trình hiện ra nhấn vào nút GET APP, iTunes sẽ hiện cửa sổ đăng nhập. Nhấn chọn: Create New Account.



6. Chọn Continue



7. Chọn đồng ý các điều khoản, và tiếp tục Continue...



8. Điền thông tin tài khoản, bao gồm: địa chỉ E-Mail, mật khẩu, câu hỏi bí mật, ngày tháng năm sinh.
Lưu ý: phải điền chính xác địa chỉ E-Mail vì bạn sẽ nhận 1 mail yêu cầu kích hoạt sau khi đăng ký.



9. Phần điền thông tin Credit Card. Bạn chọn mục chữ None. Điền các thông tin về địa chỉ bên dưới. Riêng phần City, State, Zip Code bạn có thể chọn:

City: New York
State: NY - New York
Zip: 10012
Phone: 212 226-3127

Sau đó nhấn chọn Continue.
Lưu ý: nếu bạn không làm đúng theo các bước này, thì sẽ không thấy chữ None ở trên.



10. iTunes thông báo đăng ký hoàn tất và yêu cầu bạn check E-Mail kích hoạt. Giờ chỉ cần mở Mail kích hoạt, click vào đường link trong đó để kích hoạt tài khoản. Mở iTunes trên PC, click vào Store/Authorize Computer.

Chúc mừng bạn đã có tài khoản iTunes.

0 comments:

Thủ thuật

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

9:02 AM JilinTour.Com 0 Comments

Thay đổi ICON cho blogspot

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

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

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


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






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


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

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


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



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

0 comments:

Thủ thuật

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

8:59 AM JilinTour.Com 0 Comments

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

image

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

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

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

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



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

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


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

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

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



thay thế bằng :



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



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

0 comments:

Thủ thuật

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

6:59 AM JilinTour.Com 0 Comments

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

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

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

image

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

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

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

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

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

0 comments:

Thủ thuật

Icon Về đầu trang cho Blogger

6:43 AM JilinTour.Com 0 Comments

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

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

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

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

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




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


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

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

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


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

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

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

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

0 comments:

Thủ thuật

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

6:34 AM JilinTour.Com 0 Comments

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

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

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

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

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

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

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


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


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


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

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


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

theo ThuthuatBlog.com

0 comments:

Thủ thuật

Danh mục số trang - Page cho Blogspot

6:30 AM JilinTour.Com 0 Comments

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

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

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




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

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

image

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

HTML/ Javascript Gadget


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

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






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


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

Page Navigation Menu Widget

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


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

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

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

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

0 comments:

Tạo Menu cho Blogspot

10:00 PM JilinTour.Com 0 Comments

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

Download zipped file Tại đây.

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

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

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

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

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

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

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

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



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

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

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


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

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

0 comments:

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

9:56 PM JilinTour.Com 0 Comments

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

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

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

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




< >

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

0 comments:

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

9:52 PM JilinTour.Com 0 Comments

< >

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

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

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


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

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

0 comments:

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

9:15 PM JilinTour.Com 0 Comments

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

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



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

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


<body onload="setupZoom()">


4. Save lại template .

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

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

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

0 comments: