☆ TẠO MENU DỌC CHO BLOGGER

Để tạo menu dọc cho Blogger theo như mẫu sau: (Bạn rê chuột vào ảnh để xem ảnh với kích thước lớn hơn.)

Các bạn cần làm các bước sau:

Bước 1: Đăng nhập vào Blog của mình chọn Thiết kế > Chỉnh sửa HTML.

Một bảng chỉnh sửa mẫu của Blog hiện lên, bạn bấm Ctrl+F để hiện hộp tìm kiếm, sau đó bạn gõ vào ]]></b:skin>. Bây giờ bạn copy đoạn code này vào và dán trên chữ ]]></b:skin>.

#navcontainer { background: #666666; width: 100%; margin: 0 auto; padding:0em 0; font-family: georgia, serif; font-size: 15px; text-align: center; text-transform: uppercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 100%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 1em 0 1em 1em; border-width: 2px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #000000; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #0bd500; background: #2c7f0c; border-color: #aaab9c #fff #fff #ccc; }

Nếu màu của thanh menu không thích hợp với Blog của bạn, bạn có thể thay thế màu khác bằng cách thay các code màu xanh (xem cách lấy mã màu TẠI ĐÂY).

Sau đó, bạn bấm vào thẻ LƯU MẪU.

Bước 2: Bạn quay lại thiết kế > thêm Tiện ích > chọn  thêm HTML/Javacrip và copy đoạn code này dán vào

<div id="navcontainer"> <ul id="navlist"> 
<li><a href="Link URL">Tên hiển thị trên menu</a></li> 
<li><a href="Link URL">Tên hiển thị trên menu</a></li> 
<li><a href="Link URL">Tên hiển thị trên menu</a></li> 
<li><a href="Link URL">Tên hiển thị trên menu</a></li> 
<li><a href="Link URL">Tên hiển thị trên menu</a></li> 
</ul> </div>

Bạn thay thế các Link URL và các tên hiển thị trên menu theo ý mình, sau đó bấm LƯU
Bây giờ quay lại vào Blog bạn sẽ thấy một menu dọc tuyệt đẹp xuất hiện trên Blog của mình.
Nếu chưa thoả mãn với menu này, bạn có thể xem tiếp một vài mẫu menu khác TẠI ĐÂY.

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

▀▄▀▄▀▄dunghennessy.blogspot.com▄▀▄▀▄▀

More about →

Tiện ích Nhận xét mới nhất sử dụng JSON

Mới đấy mà đã qua một tuần đi công tác, không có thời gian cũng như điều kiện ở nơi công tác để có thể viết bài cho blog, nên dường như blog ngày trở về sau chuyến công tác trở nên vắng lặng khác thường. Song ở đâu đấy hẳn có nhiều người mong đợi mình trở về để tiếp tục chia sẻ những thủ thuật mới về blogspot.

Thôi thì trong lúc làm quen lại với thời tiết sau chuyến đi thay đổi độ cao, xin giới thiệu với mọi người về một tiện ích rất đỗi quen thuộc, đó là tiện ích Nhận xét mới nhất (Listed Recent Comments Widget). Song ở đây bài viết sẽ giới thiệu rõ hơn về cấu trúc JSON và tiện ích này có một đặc tính nổi bật là khi rê trỏ vào tiêu đề nhận xét, sẽ hiển thị tác giả nhận xét đó.

Bạn có thể xem Demo dưới đây.

Nhận xét mới nhất

Để cài đặt tiện ích này, bạn chỉ việc Đăng nhập Blogger, vào Page Elements và đặt toàn bộ đoạn code dưới đây vào một tiện ích HTML.

<style type="text/css">
ul#recent-com-ha li {list-style-type: decimal;/* thay decimal bằng none nếu không muốn list dạng số thứ tự */}
</style>
<script type='text/javascript'>
//<![CDATA[
// Listed Recent Comments Widget by www.huynh-nhat-ha.blogspot.com
var commax = 10; // xác định số nhận xét được hiển thị
var comlength = 60; // xác định độ dài tối đa của tiêu đề nhận xét

function showrecentcomments(json) {
var entry, comurl, comcontent, output;

// lệnh để đọc nhận xét
for (var i=0;i<commax;i++) {
// đọc và giữ dữ liệu
entry = json.feed.entry[i];
// nếu không đủ dữ liệu thì kết thúc
if (i==json.feed.entry.length)break;

// tìm URL của nhận xét
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
comurl=entry.link[k].href;
break;
}
}
// địa chỉ nhận xét như thế này:
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#12345678901234567890
// được điều chỉnh lại để tương thích trên Blogger
// http://huynh-nhat-ha.blogspot.com/2011/03/recent-comments-widget.html#comment-12345678901234567890
comurl=comurl.replace("#","#comment-");

// tìm nội dung nhận xét
if ("content" in entry){
comcontent = entry.content.$t;
} else if("summary" in entry) {
comcontent = entry.summary.$t;
} else {
comcontent = "";
}
// chuyển đổi nó thành văn bản thuần túy, nếu cần thì cắt gọn không vượt độ dài tối đa
var re=/<\S[^>]*>/g;
comcontent=comcontent.replace(re,"");
if (comcontent.length>comlength) {
comcontent = comcontent.substring(0,comlength) + " …";
}

// có đủ dữ liệu và hiển thị kết quả dựa trên cấu trúc HTML
output = "<li>";
output += "<a target='_blank' rel='nofollow' title= '"+ entry.author[0].name.$t + "' href='" + comurl + "'>" + comcontent +"</a>";
output += "</li>";

// viết dữ liệu
document.write(output);

}
}
//]]>
</script>
<ul id="recent-com-ha">
<script src="http://huynh-nhat-ha.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul>

Bạn nhớ thay huynh-nhat-ha bằng tên blogspot của bạn.

Dựa vào các phần chú thích trong script ở trên, hy vọng bạn sẽ hiểu rõ thêm về JSON được sử dụng nhiều cho các thủ thuật Blogger.

More about →

Autodesk 3DS Max 2011

Autodesk 3ds Max software provide powerful, integrated 3D modeling, animation, rendering, and compositing tools that enable artists and designers to more quickly ramp up for production. The two versions share core technology and features, but offer differentiated experiences and specialized toolsets for game developers, visual effects artists, and graphic designers on the one hand, and architects, designers, engineers, and visualization specialists on the other.

DOWNLOAD HERE

PART 1

PART 2

PART 3

PART 4

PART 5

More about →

☆ TẠO MENU NGANG CHO BLOGGER

Để tạo menu ngang cho Blogger như hình mẫu dưới đây

Đầu tiên bạn đăng nhập vào Blogger của mình rồi chọn Thiết kế > thêm tiện ích và chọn HTML/Javacript, sau đó dán code này vào

<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #3535c7; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #ff0000; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #0000ff; background-color: #1e5508; } </style> <div id="navcontainer"> <ul id="navlist">

<li><a href="http://dungheineken.blogspot.com/"><span>TRANG CHỦ</span></a></li>

 <li><a href="http://dungheineken.blogspot.com/p/giai-ap.html"><span>GIẢI ĐÁP</span></a></li>

 <li><a href="http://dungheineken.blogspot.com/p/download.html"><span>DOWNLOAD</span></a></li> <li><a href="http://dungheineken.blogspot.com/p/photoshop.html"><span>PHOTOSHOP</span></a></li>

 <li><a href="http://dungheineken.blogspot.com/p/cai-at-win-ghost-phan-chia-o-ia.html"><span>CÀI ĐẶT WIN-GHOST</span></a></li>

<li><a href="http://dungheineken.blogspot.com/p/vui-de-hoc.html"><span>VUI ĐỂ HỌC</span></a></li>

 <li><a href="http://dungheineken.blogspot.com/p/web-hay.html"><span>WEB HAY</span></a></li><li><a href="http://dungheineken.blogspot.com/p/blog-page_26.html"><span>DUNGHEINEKEN</span></a></li>

 </ul> </div>

Bây giờ, bạn hãy thay đổi các link màu đỏ bằng các link của Blog mình, bạn đặt tên cho các chữ màu vàng bằng các tên mà mình muốn hiển thị

Ngoài ra nếu muốn thay đổi màu chữ, màu nền cho menu các bạn thay đổi các code màu xanh.(xem bài cách lấy mã màu TẠI ĐÂY). Nếu mẫu trên chưa vừa ý với bạn, bạn có thể xem thêm các mẫu menu ngang TẠI ĐÂY
Cuối cùng bạn di chuyển tiện ích HTML/Javacript này nằm dưới thanh tiêu đề của Blog để tạo menu ngang giống như các trang Web.
Mách nhỏ: Nếu muốn có các đường Link của các trang trên Blog mình thì bạn phải tạo thêm trang cho Blog (xem hướng dẫn TẠI ĐÂY), sau khi thêm trang xong bạn viết bài vào trang đó và cho ẩn các trang, lấy đường link đó thay vào các code màu đỏ... lúc này khách tham quan bấm vào một mục nào đó trên thanh menu thì sẽ hiện lên trang của bạn đã tạo...
Còn các bài viết theo chủ đề (Nhãn) thì bạn nên tạo hộp menu xổ xuống thì đẹp và gọn hơn (xem hương dẫn TẠI ĐÂY)

Chúc các bạn có một menu đẹp cho blog của mình

More about →

Adobe Captivate v5.0

Adobe Captivate 5 software is the ideal solution for Learning professionals, Trainers, Educators, and other knowledge workers for rapidly authoring and maintaining professional eLearning experiences without programming. Combine software demonstrations, application simulations, branching scenarios, and quizzes with multimedia and interactivity, and deliver content virtually anywhere.

DOWNLOAD HERE

PART 1

PART 2

PART 3

More about →

Adobe Photoshop CS5 Extended v12

Adobe Photoshop CS5 Extended software is the ultimate solution for advanced digital imaging, delivering all the editing and compositing capabilities of Photoshop CS5 plus breakthrough tools that let you create and edit 3D and motion-based content.

Keep pushing creative boundaries with world-class 2D and 3D design. Use powerful new selection, painting, and warping capabilities to create standout images. Get just the right look for each client's site. Easily select intricate image elements for placing in layout. Create 3D artwork for logos and buttons. Create and enhance 3D and motion-based content and prepare still images and text for all your projects. Work fast with cross-platform 64-bit support, and create stunning HDR images for video backdrops. Design cutting-edge looks for interactive web content and experiences. Create 3D artwork, warped graphics, and realistic painting effects for all your projects.

DOWNLOAD HERE

PART 1

PART 2

PART 3

PART 4

PART 5

More about →

Corel PaintShop Photo Pro X3

PaintShop Photo Pro X3 is the most rewarding way to enhance your photos and create professional-looking images. Now with a complete RAW workflow, this photo-editing program lets you manage, adjust, edit and share your digital photos--all in one place. Accelerate the way you organize, rate, tag and sort with new photo management tools. Make automatic fixes in the enhanced Express Lab, or go deep with a full set of advanced editing tools. Then upload to Flickr, Facebook and YouTube, create high-quality photo books and projects, print, email or back up photos on disc. It's your entire photo workflow in one high-performance package.

DOWNLOAD HERE

PART 1

PART 2

PART 3

PART 4

PART 5

*Password: zain

More about →