Monday, August 29, 2011

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TRÊN BLOG

Bạn muốn xem tin tức từ các trang báo mà không muốn rời khỏi Blog của mình? 
Bạn có thể Click thử một trong những bài báo ở tiện ích dưới đây. 
Lưu ý: Thủ thuật này chỉ áp dụng cho các giao diện V2 (giao diện được tải về trên mạng) không áp dụng cho giao diện mặc định của Blogspot



Tuổi trẻ | Thủ thuật computer | Phụ nữ | Thể thao
Rất đơn giản, bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML/Javacript rồi copy tất cả các code phía dưới dán vào và Lưu lại   


Bây giờ bạn có thể thay đổi tên các báo và link liên kết của các trang báo tại các dòng  
<a href="javascript:jumpto(‘Link liên kết')">Tên nhật báo</a> Nếu muốn thêm các trang báo bạn chỉ việc copy dòng lệnh phía trên dán tiếp theo các dòng lệnh đã sẳn có, thay tên và địa chỉ liên kết là xong. 
Chúc các bạn thành công

Sunday, August 21, 2011

HÌNH NÊN KHÔNG GIAN CHO TOÀN BLOG

Dưới đây là một số mẫu hình nền áp dụng cho toàn blog có chủ đề "Vũ trụ không gian", ứng với mỗi mẫu là code phía dưới, bạn chỉ cần đăng nhập vào blog > chọn thiết kế > thêm HTML/Javacript rồi dán code tương ứng phía dưới vào, bấm Lưu lại là xong.
Bạn bấm chuột trái vào hình để xem chế độ toàn màn hình trước khi lựa chọn cho mình một mẫu vừa ý để áp dụng vào Blog
Mẫu 1:



Mẫu 2:



Mẫu 3:



Mẫu 4:



Mẫu 5:



Mẫu 6:



Mẫu 7:



Mẫu 8:



Mẫu 9:



Mẫu 10:




Friday, August 19, 2011

ẨN CÁC BÀI VIẾT Ở TRANG CHỦ

Trang chủ là nơi thể hiện các bài đăng của bạn được xếp theo thứ tự thời gian, bài nào đăng cuối cùng sẽ hiển thị trên cùng. Các bạn sẽ tự hỏi: "Ẩn bài viết ở trang chủ để làm gì?".
Với lý do nào đó, bạn muốn ẩn bài viết ở trang chủ để gắn các tiện ích khác đẹp hơn và hữu dụng hơn tạo cho trang Blog của mình có giao diện lạ mắt và khác biệt so với các blog khác thể hiện phong cách của chính mình...
Đầu tiên, bạn đăng nhập vào blog > chọn thiết kế > chọn chỉnh sửa HTML, kế tiếp bạn bấm cặp phím Ctrl+F để mở hộp tìm kiếm, sau đó gõ vào hộp tìm kiếm dòng lệnh ]]></b:skin>.


Sau đó bạn copy đoạn code dưới đây và dán phía dưới dòng lệnh ]]></b:skin> và bấm Lưu mẫu




Bạn quay về trang chủ của blog sẽ thấy các bài đăng đã được ẩn đi, bây giờ các bạn có thể thêm các tiện ích nào mà bạn muốn (ví dụ bạn có thể chia các nhãn thành các ô và cho nó hiển thị ở trang chủ giống như trang dungheineken mà bạn vừa xem ở trên...), bạn có thể xem thêm bài "CHIA NHÃN THÀNH CÁC Ô" TẠI ĐÂY.
Lưu ý: Các bạn phải kéo một tiện ích nào đó để làm "mồi" lên trên khung bài đăng trước khi thực hiện thủ thuật này, vì khi ẩn bài viết thì trong Thiết kế bạn sẽ không thấy khung bài đăng do vậy bạn sẽ không kéo tiện ích lên trên Bài đăng được.

MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 2)

Trước đây, tôi có đăng bài TẠO MENU  NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 1), với kiểu này thì menu chỉ có một màu đen, chữ trắng và các bạn không thể đổi màu được.

Do có một số bạn hỏi: Sao không đổi màu cho menu được?, vì vậy hôm nay tôi xin giới thiệu đến các bạn MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 2), menu này cũng giống với menu kiểu 1 nhưng thay vào đó các bạn có thể dễ dàng đổi màu cho menu, đổi màu cho chữ trên menu... 

Mời bạn bấm vào "Xem thử" phía dưới để thấy rõ hiệu ứng xổ dọc của menu này




Xem thử


Để tạo được như vậy, các bạn cần làm theo các bước sau đây:
Đầu tiên, bạn đăng nhập vào Blog > Chọn thiết kế > Chọn chỉnh sửa HTML, sau đó bạn bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào khung dòng lệnh <head>. Bây giờ bạn copy đoạn code này và dán phía dưới dòng lệnh đó.




<style type='text/css'>
html .jqueryslidemenu{height: 1%;}
</style>

<script src='http://dl.dropbox.com/u/66348944/jquery.min.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/66348944/drop_menu.js' type='text/javascript'/>



Sau khi dán xong đoạn code này, bạn xoá dòng lệnh cũ đi và tiếp tục gõ vào khung tìm kiếm dòng lệnh </header> rồi copy tất cả các code này vào trên dòng lệnh đó và bấm Lưu mẫu.



<style>
.jqueryslidemenu{
font: bold 12px Verdana;
background:#153E7E; /* màu nền của menu*/
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

.jqueryslidemenu ul li a{
display: block;
background:#15317E; /* màu nền của thư mục chính*/
color: white; /*màu text thư mục chính*/
padding: 8px 10px;
border-right: 1px solid #778;
color: #ccc;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{
display: inline-block;
}

/*.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #ff0066; //màu cchữ các menu
}*/

.jqueryslidemenu ul li a:hover{
background:#2B60DE; /* màu hiệu ứng khi rê chuột vào các link*/
color: white; /*màu text khi rê chuột*/
}

.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

.jqueryslidemenu ul li ul li ul{
top: 0;
}

.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{
background: #eff9ff;
color: black;
}

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}</style>

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="http://dungheineken8.blogspot.com/">Home</a></li>

<li><a href="http://dungheineken.blogspot.com/">Thủ thuật máy computer</a></li>

<li><a href="http://anhdepblog.blogspot.com/">Thủ thuật Ảnh </a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul></li>

<li><a href="http://phimvang.org/">Xem phim</a></li>

<li><a href="#">Blogspot</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul> </li> </ul></li>

<li><a href="http://www.nhaccuatui.com/">Nghe nhạc</a></li>

<li><a href="http://anhdepblog.blogspot.com/">Hình ảnh</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul></li>

<li><a href="#">Download</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Sub Item 2.2</a></li>
</ul></li>


</ul><br style="clear: left" />
</div>


Bây giờ điều bạn cần làm là thay đổi các dữ liệu trong các dòng lệnh <a herf="#" (thay # bằng địa chỉ link liên kết), tên menu và thay đổi màu cho menu, màu chữ theo ý thích của bạn (có ghi chú ở code) cho phù hợp với Blog của mình. Cuối cùng bấm Lưu mẫu và trở lại Blog để "thưởng thức" thành quả. Lưu ý: Có một số giao diện blog sẽ không có lệnh </header>, do vậy bạn phải thêm tiện ích HTML/Javacript rồi dán code phần 2 vào và lưu lại là xong. 

Nguồn: Trai đất mũi

Monday, August 15, 2011

TẠO KHUNG TRÌNH CHIẾU YOUTUBE ẨN HIỆN

Thủ thuật dưới đây sẽ giúp bạn có thể gắn khung trình chiếu Youtube ngay trên Blog của mình, khi chưa kích hoạt thì khung trình chiếu sẽ được ẩn ở bên trái của Blog, khi nào muốn xem bạn chỉ click vào biểu tượng hình mũi tên bên trái của blog, lập tức khung trình chiếu Youtube sẽ xuất hiện phục vụ các bạn.

Thêm vào đó, bạn có thể tạo playlist cho riêng mình bằng các đường link mình muốn. Bạn bấm vào  XEM THỬ phía dưới để trải nghiệm nha




Xem thử




Nếu bạn thấy thích thì xin mời chép tất cả đoạn code phía dưới rồi đăng nhập vào blog > chọn thiết kế > thêm tiện ích HTML/javacript, dán tất cả các code vừa copy vào và lưu lại.





Bây giờ, bạn có thể thay đổi đường link mình thích ở các mục <a href="http://www.youtube.com/watch?v=UlI-HIHLCEg">Ông xã em number one</a><blockquote>
(thay các link in đậm bằng đường link và tên clip theo ý bạn)

Khi muốn thêm một link khác nữa vào danh sách playlist thì bạn chỉ dán thêm doạn code này vào phía dưới và thay đổi địa chỉ và tên clip cho phù hợp.

.<a href="Link của clip Youtube">Tên của clip</a>

<blockquote>

</blockquote>
Chúc bạn có một khung trình chiếu đẹp nha!!!

Wednesday, August 10, 2011

FLASH ĐẸP CHO BLOG (Phần 8)

Dưới đây là một số files flash đẹp để bạn có thể trang trí cho Blog mình thêm đẹp, ứng với mỗi files flash là mã code phía dưới, bạn chỉ cần copy và thêm tiện ích HTML/Javacrip rồi dán vào nơi mà bạn muốn. (Bạn có thể thay đổi kích thước ở mục height: chiều cao và width: chiều rộng để cho thích hợp với blog của mình).
Vì files flash nhiều sẽ làm cho Blog load chậm, do đó mỗi bài tôi chỉ giới thiệu 10 files (chia thành nhiều bài), mong các bạn thông cảm.

Mẫu 1:





Mẫu 2:







Mẫu 3:






Mẫu 4:






Mẫu 5:





Mẫu 6:






Mẫu 7:






Mẫu 8:





Mẫu 9:





Mẫu 10:










Thursday, August 4, 2011

TẠO BANNER ĐỘNG

Với dung lượng 4.2MB (chạy trực tiếp, không cần cài đặt) FLASH INTRO AND BANNER MAKER sẽ giúp cho bạn dễ dàng tạo được Banner động kèm theo nhiều hiệu ứng bắt mắt để bạn có thể chèn vào Web hoặc Blog...
Các bạn quan tâm tải chương trình TẠI ĐÂY.
Khi tải về, bạn kích hoạt biểu tượng để chạy chương trình, chương trình gồm 2 khung: một để cho bạn thao tác, một là khung trình chiếu xem trước khi bạn "chế biến" banner. Bạn đánh dấu mục Auto Preview phía dưới để khu trình chiếu áp dụng ngay lập tức khi bạn đang thao tác sửa đổi banner. (RÊ CHUỘT VÀO ẢNH ĐỂ XEM ẢNH VỚI KÍCH THƯỚC LỚN HƠN)


Để bắt đầu, bạn bấm vào thẻ Side and Sound ở phía tay trái khung thao tác để chọn kích cỡ và chèn âm thanh cho banner. (Bạn chọn kích cỡ ở mục Width Height, chèn nhạc ở mục Background Sound).


Tiếp tục, để chọn màu cho banner bạn bấm vào thẻ thứ 3 Background, bạn đánh dấu chọn vào mục Gradien color, sau đó chọn màu ở mục Start colorEnd color. Bạn cũng có thể chèn vào banner những hình ảnh từ máy tính của mình ở mục Add hoặc thêm các clipart ở thư viện sẳn có của chương trình ở mục Add Clipart.


Tiếp tục, bạn bấm chọn thẻ Effect để tạo hiệu ứng cho banner, tại đây bạn có thể dễ dàng thêm nhiều hiệu ứng đẹp cho banner như: sao lấp lánh, pháo bông, mây bay, mưa rơi... ứng với mỗi hiệu ứng bạn bấm chọn phía trước để áp dụng cho banner. Ở khung nhỏ bên tay phải bạn có thể thay đổi số lượng và màu sắc cho hiệu ứng.



Kế tiếp, bạn bấm chọn thẻ Text and Images, từ đây bạn viết chữ hiển thị trên banner bằng cách bấm vào thẻ Add Text ở khung bên phải (nếu sử dụng nhiều dòng chữ bạn phải đánh dấu chọn ở mục Ignore icoming...phía dưới). Bấm thẻ Font để đổi phông chữ, bấm thẻ Effect để tạo hiệu ứng chữ như: chữ bay lượn từ trên xuống, chữ sao sáng, chữ xoay tròn...Bấm thẻ Position để canh khoảng cách cho chữ với Banner.



Tiếp tục với thẻ Webs Link, bạn có thể add đường link mà mình muốn liên kết khi click vào banner bằng cách đánh dấu chọn vào mục Open Web page when user click on Flash Movie và dán địa chỉ liên kết vào ô URL address.



Cuối cùng nhấn thẻ Publish để xuất banner ra Flash, ảnh động hoặc phim Movie...


Bây giờ bạn đã có trong tay một mẫu banner Flash động để trang trí cho Web/Blog (bạn phải upload file .swf này lên host riêng của mình và lấy link dán vào). Dưới đây là ví dụ:


Nếu các bạn chưa có host riêng để upload file flash thì mời bạn xem tiếp bài "upload và chèn file flash như thế nào?"

Tuesday, August 2, 2011

FLASH ĐẸP CHO BLOG (Phần 7)

Dưới đây là một số files flash đẹp để bạn có thể trang trí cho Blog mình thêm đẹp, ứng với mỗi files flash là mã code phía dưới, bạn chỉ cần copy và thêm tiện ích HTML/Javacrip rồi dán vào nơi mà bạn muốn. (Bạn có thể thay đổi kích thước ở mục height: chiều cao và width: chiều rộng để cho thích hợp với blog của mình).
Vì files flash nhiều sẽ làm cho Blog load chậm, do đó mỗi bài tôi chỉ giới thiệu 10 files (chia thành nhiều bài), mong các bạn thông cảm.

Mẫu 1:





Mẫu 2:







Mẫu 3:






Mẫu 4:








Mẫu 5:





Mẫu 6:






Mẫu 7:






Mẫu 8:





Mẫu 9:





Mẫu 10:








Monday, August 1, 2011

TIỆN ÍCH XEM TRUYỀN HÌNH CHO BLOG

Do có một số bạn yêu cầu, hôm nay mình chia sẻ một số code để chèn tiện ích xem truyền hình cho blog. Ứng với mỗi kiểu mẫu là code phía dưới, bạn thích kiểu nào thì chỉ việc copy code và đăng nhập vào Blog > chọn thiết kế > chọn thêm tiện ích HTML/Javacript rồi dán nó vào, bấm Lưu lại là xong.
Mẫu 1: Đây là mẫu các biểu tượng (Logo) của các đài truyền hình, bạn thích xem đài nào thì bấm vào Logo đó, nó sẽ liên kết đến đài truyền hình để bạn xem. (Vì Logo quá dài, nên tôi chỉ chụp hình mẫu vài cái để bạn xem).




Mẫu 2: Với mẫu này là các Logo sẽ được trình diễn xoay vòng rất đẹp mắt, bạn có thể dùng tiện ích này vừa xem truyền hình vừa trang trí cho blog thêm đẹp.















Mẫu 3: Mẫu này với hình cái Tivi rất đẹp, muốn xem truyền hình chỉ cần bấm vào hình tivi, nó sẽ chuyển bạn đến trang Web xem truyền hình trực tuyến.

Gif maker




Mẫu 4: Còn với mẫu này, bạn có thể xem truyền hình trực tiếp ngay trên Blog của bạn luôn, phía dưới là các kênh, muốn xem kênh nào thì bấm vào kênh đó, nó sẽ hiển thị ngay trên blog của bạn (bạn thử bấm xem một kênh thì sẽ biết)












Mẫu 5: Còn với mẫu này, bạn sẽ thấy được trang Web xem truyền hình trực tiếp ở ngay trên Blog của mình với kích thước nhỏ.






Với các mẫu kể trên, tôi hy vọng các bạn sẽ có một mẫu phù hợp cho Blog của mình.
Chúc các bạn vui!!!