VuaTenMien.Com: BlogWeb

Hiển thị các bài đăng có nhãn BlogWeb. Hiển thị tất cả bài đăng

Thứ Ba, 13 tháng 12, 2011

Thiết kế menu CSS, buton, ... với Easy Button and Menu Maker Pro v2.01 (+v2.3) full cực dễ

Với Easy Button & Menu Maker bạn dễ dàng tạo những nút và thực đơn động phức tạp trên những website của các bạn mà bạn chỉ cần bỏ ra vài phút .Bao gồm hơn 100 khung mẫu thiết kế thanh lịch được tích hợp sẵn, phản chiếu nhiều kiểu thiết kế như Glass and Vista...

Không giống đa số những công cụ thực đơn khác, Easy Button and Menu Maker cung cấp trực tiếp cho người biên tập thực đơn bộ soạn thảo toàn diện và trực quan , vì vậy nó dễ dàng sử dụng hơn và bạn sẽ thấy thú vị khi làm việc với nó .

Những thực đơn được tạo ra với Button and Menu Maker Pro nhanh, gọn và thích hợp với tất cả các trình duyệt hiện đại.

Download Blumentals Easy Button and Menu Maker Pro v2.0.1 + Crack + Keygen:
01. Sever Mediafire: http://www.mediafire.com/?grwnknri09z4zol
02. Sever BitTorrent: Blumentals Easy Button & Menu Maker Pro v2.0.1.11 WinAll Cracked CRD

Download Blumentals Easy Button and Menu Maker Pro v2.3 + Crack + Keygen: http://www.mediafire.com/?ci1cl47mku8iu9o

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

toan-thpt.blogspot.com

Thứ Bảy, 10 tháng 12, 2011

Chèn code vào bài viết hoặc comment

Giới thiệu: Thủ thuật hỗ trợ chèn code vào bài viết trên blog và chèn code vào comment. Ngoài ra bạn còn có thể trang trí cho khung chứa code của blog mình theo ý thích, sao cho phù hợp với blog nhất.

CÁCH THỰC HIỆN
1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)
4. Chèn script
Bước 1: Tìm dòng ]]></b:skin>
- Thêm vào trước nó đoạn code sau:

/*Chèn code vào bài viết*/
pre {
    color:#343434;
    font-family: Tahoma;
    font-size:12px;
    max-height:300px; /*Chiều cao tối đa của khung. Không giới hạn thì bỏ dòng này đi*/
    line-height:17px;
    background: #FFF2C4;  /*Màu nền khung chứa code*/
    display: block; 
    padding: 4px 4px 1px 1px; 
    border: 1px #A0C4EA dashed; /*Viền khung*/
    overflow:auto;
    word-wrap:break-word;
}

Bước 2: Save template. (Lưu mẫu)

Bước 3: Sử dụng code cho bài viết.

<pre>NỘI DUNG CODE MÃ HÓA</pre>

Nhớ là phải mã hóa code trước rồi mới dùng được nhé!

Cách mã hóa code:

1. Thủ công:

Thay < thành <

Thay > thành >

Mẹo thay nhanh: Paste vào notepad

> Nhấn tổ hợp phím Ctr+H

> Dòng đầu tiên gõ: < | Dòng thứ 2 gõ: <

> Replace All.

>Tiếp tục Nhấn tổ hợp phím Ctr+H

> Dòng đầu tiên gõ: > | Dòng thứ 2 gõ: >

> Replace All.

2. Dùng web mã hóa:

- Truy cập trang: blogcrowds.com

- Paste code cần mã hóa vào đây > Nhấn Parse > Lấy code mã hóa ở ô trên.

THE END.

Nguồn: caytamgui.blogspot.com

Cách viết công thức toán (Latex) tuyệt đẹp trong blogspot

Cách tuyệt vời để viết công thức toán học trên các trang web là MathJax. Cho đến gần đây, người ta phải cài đặt MathJax trong serve riêng của họ để viết công thức toán học trên trang web của họ, đối với nền tảng Blogger là một khó khăn. Điều này đã thay đổi, bây giờ bạn có thể lấy các script từ trang web của MathJax.

Để cài đặt MathJax cho Blogger, bạn đăng nhập vào tài khoản, chọn "Design"/"Thiết kế", và chọn "Edit Template"/ "Chỉnh sửa HTML". Chèn vào ngay sau thẻ <head> hoặc ngay trước thẻ </head> đoạn mã dưới đây.

<script src='http://en-thpt.googlecode.com/files/MathJax.js' type='text/javascript'> 
    MathJax.Hub.Config({ 
        extensions: ["tex2jax.js","TeX/AmsMath.js","TeX/AMSsymbols.js"], 
        jax: ["input/TeX","output/HTML-CSS"], 
        tex2jax: { 
            inlineMath: [ ['$','$'], ["\(","\)"] ], 
            displayMath: [ ['$$','$$'], ["\[","\]"] ], 
            processEscapes: true, 
        }, 
        "HTML-CSS": { availableFonts: ["TeX"] } 
    }); 
</script>

Xong! Bây giờ bạn có thể dùng $...$ hoặc $...$ cho các công thức nằm cùng dòng với văn bản, và $$...$$ hoặc \[...\] cho các công thức được xuống hàng và canh giữa. Trong dấu ... là các lệnh LaTeX.

Ví dụ: $\int {\frac{{{\mathop{\rm dx}\nolimits} }}{{a{x^2} + bx + c}}} = \int {\frac{{{\mathop{\rm dx}\nolimits} }}{{{{\left( {mx + n} \right)}^2} + {p^2}}}} = \frac{1}{{mp}}{\mathop{\rm arctg}\nolimits} \frac{{mx + n}}{p} + C$

Để ý rằng đoạn code ở trên đã tải các gói AMSmath.js và AMSsymbols.js chứa các macro và môi trường toán cần thiết cho blog của bạn.

Nguồn: Mathjax/Irrep/JsMath. Thanks PLK

Thứ Năm, 1 tháng 12, 2011

Cách chuyển hướng trang sang địa chỉ Blog khác

Sau khi tạo xong 1 blog nào đó có thể bạn lại đổi ý không thích cái tên của nó chẳng hạn. Lúc này bạn sẽ tạo 1 địa chỉ blog khác đẹp hơn, nhưng cái địa chỉ cũ của bạn đã giới thiệu với rất nhiều người và nó đã trở nên phổ biến mất rồi. Bạn muốn chuyển hết nội dung nó sang 1 cái địa chỉ mới giờ lại phải mất công giới thiệu "mình chuyển địa chỉ blog rồi bạn vào địa chỉ khác nhé.....". Có 1 cách đơn giản là chỉ cần chèn đoạn mã dưới đây tự động địa chỉ blog cũ sẽ chuyển hướng tới trang mới của bạn 1 cách nhanh chóng mà không cần mất thời gian nhiều.

Đăng nhập vào Blog --> chọn Layout --> Edit HTML và tìm thẻ <head> chèn đoạn code này xuống phía dưới

<meta HTTP-EQUIV='refresh' content='0;url=http://địa chỉ mới của bạn.blogspot.com'/>

Rồi Save (Lưu) lại --> Mở blog cũ xem kết quả

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

Sưu tầm

Chủ Nhật, 27 tháng 11, 2011

Ẩn bài viết ngoài trang chủ

- Thực ra việc ẩn bài viết ở trang chủ ta phải dùng một thủ thuật khác với thủ thuật ẩn widget, nếu dùng thủ thuật ẩn widget thì bài viết không được ẩn hoàn toàn. Vì thế mình sẽ dùng CSS kết hợp lệnh <b:if> để ẩn nó.

Đây là thủ thuật đơn giả nên mình sẽ không post hình minh họa kết quả.
Trước tiên thực hiện bạn phải xác định id của widget "Bài đăng trên blog", thông thường nó đều có id là "Blog1". (xem trong code template (mở rộng mẫu tiện ích))

Xem hình họa:

Sau khi xác định đc id này, ta thực hiện các bước sau:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đoạn code bên dưới vào sau dòng code ]]></b:skin>

<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {
display:none;
visibility:hidden;
}
</b:if>
</style>

4. Save template.

Theo Fandung

Thứ Bảy, 26 tháng 11, 2011

Flash Menu Labs Pro v 2.08 - Thiết kế menu flash chuyên nghiệp

Bạn có muốn một Flash menu tuyệt vời với những hiệu ứng ấn tượng, chuyển động bắt mắt và cấu trúc không tầm thường, nhưng không muốn mất hàng tháng gõ mã ActionScript và chỉnh sửa giao diện?

Với Flash Menu Labs bạn sẽ có tất cả các tính năng cần thiết chỉ trong vài phút!
Flash Menu Labs là một công cụ mạnh mẽ để tạo Flash menu cho website của bạn ngay tức khắc.
Ngay cả dẫn không chuyên với hiểu biết vềctionScr Flash và Aipt ở số 0 cũng có thể thành công với chương trình.

Thêm nhiều tính năng nữa
* Không yêu cầu các kĩ năng về Flash và lập trình
Chúng tôi làm giúp bạn tất cả các công việc về lập trình và tạo hoạt ảnh
* 50 skin riêng biệt
Bạn không cần phải mua từng mẫu menu một. Flash Menu Labs Std Edition có tất cả 50 skin. Nhớ rằng bạn có thể thay đổi màu sắc từng mẫu.
* 25 hiệu ứng ân tượng
Thay đổi các hiệu ứng đồ họa chưa bao giờ dễ hơn. Chỉ cần chọn 1 trong 26 hiệu ứng và xem kết quả.
* Tùy biến bản màu của menu
FML là một công cụ rất dễ sử dụng để thay đổi cách phối màu của skin menu. Tất cả những gì bạn cần là bật tùy chọn màu, thiết lập màu và sự bão hoà. Hãy xem ảnh chụp màn hình.
* Thêm những hình ảnh riêng của bạn
Bạn có thể thêm các logo, icon và background itheo ý mình ở các định dạng jpg, gif, png, swf.
* Kích cỡ file nhỏ
FML menu trung bình không quá 30-40 kb.
* Chọn một menu có sẵn hoặc thay đổi theo cách bạn muốn
Tùy vào nhu cầu bạn có thể chọn một mẫu hoặc tùy chọn các đặc điểm như kích cỡ, font, hình dạng con trỏ khi chỉ vào, âm thanh bật/tắt, vị trí logo ...
* Giao diện thân thiện
Chúng tôi tạo ra Flash Menu Labs để nó có thể được dùng với mọi người. Do vậy các công cụ cần thiết đều trong tầm tay.
* Sô lượng các menu phụ không giới hạn
Chúng tôi không hạn chế bạn với một menu. Thêm vào các menu và các menu phụ nếu bạn cần.
* Không cần chỉnh sửa XML thủ công
Không cần biên tập bất kì file XML bằng tay. Mọi văn bản, kết nối và tùy chọn có thể được biên tập trong ứng dụng, vốn rất dễ sử dụng và có các hệ thống trợ giúp tích hợp.
* Đơn giản để bắt đầu
Rất dễ dàng khi bắt đầu sử dụng FML ngay cả khi bạn mới làm quen với công nghệ web. Cho dù có bao nhiêu câu hỏi bạn đều có thể dùng những hướng dẫn chi tíêt của Flash Menu Labs hoặc liên hệ với chúng tôi.
* Tùy biến bố trí menu
Bạn có thể kéo ngang menu hay đảo ngược lại trong chưa tơi một giây
* Không cần thêm phần mềm
Bạn không cần mua những phần mềm đắt tiền để tạo và chỉnh các hiệu ứng bắt mắt.

Download Flash Menu Labs Pro v2.08 FuLL

Thứ Năm, 17 tháng 11, 2011

Media Online–Theme tuyệt đẹp cho blogspot

Free Media Online Blogger Template is an elegant magazine style blogger template with auto recent post per categories. It's a 2/3 column blogger template with 4 column footer, automatic featured content, SEO optimized, ads ready, tabview ready, social widget ready, title post for newer an older post ready, and more. This template design for news style blogs.
I used jSon script for auto recent post from Simplex Design (Thank, dude) with a little bit modification by me.
Similar Templates : Simplex Enews Blogger Template & Simplex BlogNews Blogger Template
Author and Designer : ireng_ajah - DheTemplate.com / WordPress Theme 2 Blog

Setting Media Online Blogger Template

1. Setting Recent Post / Featured Post
This template support auto recent post per categories. All you have to do is just add the Label Name. See the image below :

free download media online blogger template

Note: Case letters is sensitive. Make sure write correctly the label name
2. Setting Social Network and Links Feed
Go to Design > Edit HTML and find this code below :

<li class='facebook'><a href='/' title='Add Our Facebook'>Facebook</a></li>
<li class='twitter'><a href='/' title='Follow Our Twitter'>Twitter</a></li>
<li class='rss'><a href='/' title='Subscribe RSS Feed'>RSS</a></li>
<li class='email'><a href='/' title='Subscribe Email Feed'>Email</a></li>

Change the red color with your Link
3. Setting Featured Content
Go to Design > Edit HTML and find this code below :
a. Small thumbnail

<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-3'><img alt='testing' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlBPpbhBtAHx-MfmbBzOFNaoPRE_0KxWHqYHltxm_MKFwLOkfHndwnHGkkcuWUolWJVGw3dFJ3bOFhiqx67Bn29f9k7TvAi1FY8cm8vkMOmMSAzPu8y2Lf-8LNmM3m3CBZraBEold7OA/s1600/DheTemplate.png' width='80'/><span>DheTemplate Blogger Template</span></a></li>

Change the red color with your IMG URL and short title
b. Big thumbnail

<div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
<img alt='testing' height='290' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlBPpbhBtAHx-MfmbBzOFNaoPRE_0KxWHqYHltxm_MKFwLOkfHndwnHGkkcuWUolWJVGw3dFJ3bOFhiqx67Bn29f9k7TvAi1FY8cm8vkMOmMSAzPu8y2Lf-8LNmM3m3CBZraBEold7OA/s1600/DheTemplate.png' width='420'/>
<div class='info'>
<h3><a href='http://www.dhetemplate.com/'>DheTemplate - Free Blogger Templates Everyday</a></h3>
<p>Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros...<a href='http://www.dhetemplate.com/'>More</a></p>
</div>
</div>

Note :
Red color: replace with your Image URL
Blue color: replace with Title and URL post
Green color: replace with short description
4. Setting Banner ad 125 x 125px
For perfect view banner ad 125 x 125px, the code look like this below :

<span class='banner'>
Your banner ad codes here
</span>

Source: dhetemplate.com

Thứ Sáu, 16 tháng 9, 2011

FREE PREMIUM BLOGGER TEMPLATE - GAMENOW TEMPLATE

I would like to introduce you another premium blogger template for free at Blog Tips World which name is Game Now template. It was converted from wordpress template with many special feature :
_ Professional Slider Feature
_ 2 Main Column , Professional Footer
_ Dropdown Menu
_ Fast loading

Demo | Link Download

Now i would like to show you the tutorials to install and customize Gamenow Template

How to install and customize Gamenow Template
Step 1 : Installing Slider

Click on " Edit " of widget Slider and paste this code in :

<div class="feature">
<div class="fthumbs">
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbizyQNwKV1Nr-T1AF92n1qiHzWUEzLiWRRtCLfX5V8xgQCzkTGKPjxbO_5Wl3JZLYx92nIeIt1tYmq2XcumHOj2HteVfHB32KC1VF55EJ8eUbX_pDrfMJLXp2drzkrzfa_ovrFeLVYkZ0/" class="active" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8HA9QFmzs7Zrsa4RDajAlvC2U7qPZlT16SHfM2UTWcRwcz64FwbNc3bHppdZMPHPFzMNgHymXkoMjo-nR5r9Wja_Uthu3G8NQkg_9KI6R88FC8OEr2yLv84lNMRYQHQU2jUAfemVHdO_9/"/></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1k5IH19Gd4KziMbvvCBJ6YMp0QgIrPrrt580ag3QH7DK7bT0h52Vp4TSZ_Zetinsb7gtwHJBGwUyDNVh2c7F4Vn-pDrMXcPOuSwoStCbPGSTgqP30tZ-ROP7B2R8B3Xi3S2GRwTOdF4yG/" /></a><br />
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCTtziYGZMMe18YXhXj5gDSoy4tighcIXX0CeBQtjlXH66WwYq9K14oqMjyxUzKUewoK5DEazkgCdFSy6FD2vnHGjHqx4_kEjSHaodhMAHUULV9DLOgZ4I853IBzhfoiImIuvBUn93d0pr/" /></a><br />
</div>

<div class="fwrap">
<ul>
<li>
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbizyQNwKV1Nr-T1AF92n1qiHzWUEzLiWRRtCLfX5V8xgQCzkTGKPjxbO_5Wl3JZLYx92nIeIt1tYmq2XcumHOj2HteVfHB32KC1VF55EJ8eUbX_pDrfMJLXp2drzkrzfa_ovrFeLVYkZ0/" width="630" height="230" />
<div><a class="title" href="#">DC vs. Marvel Superhero Brawl</a><br />Morbi vestibulum, sapien id tincidunt blandit, purus magna facilisis ante, id placerat mi ...

<a href="#">more</a>
</div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8HA9QFmzs7Zrsa4RDajAlvC2U7qPZlT16SHfM2UTWcRwcz64FwbNc3bHppdZMPHPFzMNgHymXkoMjo-nR5r9Wja_Uthu3G8NQkg_9KI6R88FC8OEr2yLv84lNMRYQHQU2jUAfemVHdO_9/" width="630" height="230" />
<div><a class="title" href="#">Machinarium and Samorost: Puzzles Turned Art</a><br />Morbi at odio erat, vitae mattis augue. Cras nec tincidunt diam. Duis iaculis ligula fauci...

<a href="#">more</a></div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1k5IH19Gd4KziMbvvCBJ6YMp0QgIrPrrt580ag3QH7DK7bT0h52Vp4TSZ_Zetinsb7gtwHJBGwUyDNVh2c7F4Vn-pDrMXcPOuSwoStCbPGSTgqP30tZ-ROP7B2R8B3Xi3S2GRwTOdF4yG/" width="630" height="230" />
<div><a class="title" href="#">Dissidia Final Fantasy character profiles: Cloud</a><br />Phasellus volutpat justo ut mi lobortis laoreet. Class aptent taciti sociosqu ad litora to...

<a href="#">more</a></div></a></li>
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCTtziYGZMMe18YXhXj5gDSoy4tighcIXX0CeBQtjlXH66WwYq9K14oqMjyxUzKUewoK5DEazkgCdFSy6FD2vnHGjHqx4_kEjSHaodhMAHUULV9DLOgZ4I853IBzhfoiImIuvBUn93d0pr/" width="630" height="230" />
<div><a class="title" href="#">Metal Gear Solid Touch now available for $2.99</a><br />Duis vitae turpis nec urna blandit volutpat. Ut quis metus in mi pellentesque ornare et qu...

<a href="#">more</a></div></a></li>
</ul></div></div>

You can change the spot of the color to suit for your blog. If you don't want to use this slider , it is very easy to set up even don't need to touch on the code above , you just add more CSS code #slider { display:none; } to above:

Step 2 : Installing the " Popular Post "

Set it up follow the picture below:

Step 3 : Installing " Highlight " Widget

Set it up follow the picture below

Step 4 : Installing " Lastest Reviews " Widget

You have to set up exactly the same the picture above , then click on "Add To List" and paste the code below:

http://abc.blogspot.com/feeds/posts/default/-/Lastest Reviews?start-index=1
http://abc.blogspot.com/feeds/posts/default/-/Lastest Reviews?start-index=2
http://abc.blogspot.com/feeds/posts/default/-/Lastest Reviews?start-index=3

" # " : is the URL of your blog , " # " : is the label , " # " is the number of post

You change the URL and the Lable how to fix for your blog . If you want to update more posts in this widget , you just add more links corresponding to the ascending order.

5. Installing " Dropdown Menu " Widget

Go to HTML of this template and find this code:

<ul class='submenu'>
<li><a href='#'>DS</a>
<ul class='children'>
<li><a href='#'>DS Features</a></li>
<li><a href='#'>DS News</a></li>
<li><a href='#'>DS Previews</a></li>
<li><a href='#'>DS Reviews</a></li>
</ul></li>

<li><a href='#'>iPhone/Mobile</a>
<ul class='children'>
<li><a href='#'>Mobile Features</a></li>
<li><a href='#'>Mobile News</a></li>
<li><a href='#'>Mobile Previews</a></li>
<li><a href='#'>Mobile Reviews</a></li>
</ul></li>

<li><a href='#'>PC Gaming</a>
<ul class='children'>
<li><a href='#'>PC News</a></li>
<li><a href='#'>PC Previews</a></li>
<li><a href='#'>PC Reviews</a></li>
<li><a href='#'>PC Features</a></li>
</ul></li>

<li><a href='#'>PlayStation 3</a>
<ul class='children'>
<li><a href='#'>PS3 Features</a></li>
<li><a href='#'>PS3 News</a></li>
<li><a href='#'>PS3 Previews</a></li>

<li><a href='#'>PS3 Reviews</a></li>
</ul></li>

<li><a href='#'>PlayStation Portable</a>
<ul class='children'>
<li><a href='#'>PSP Features</a></li>
<li><a href='#'>PSP News</a></li>
<li><a href='#'>PSP Previews</a></li>
<li><a href='#'>PSP Reviews</a></li>
</ul></li>

<li><a href='#'>Wii</a>
<ul class='children'>
<li><a href='#'>Wii Features</a></li>
<li><a href='#'>Wii Images</a></li>
<li><a href='#'>Wii News</a></li>
<li><a href='#'>Wii Previews</a></li>
<li><a href='#'>Wii Reviews</a></li>
</ul></li>

<li><a href='#'>Xbox 360</a>
<ul class='children'>
<li><a href='#'>360 Features</a></li>
<li><a href='#'>360 News</a></li>
<li><a href='#'>360 Previews</a></li>
<li><a href='#'>360 Reviews</a></li>
</ul></li>
</ul>

" # " : is the link and " # " is the title , you just change it by your way

After finishing all the tips, you can have for your own one premium template. Hope you can enjoy with this template.

Cheers !

Nguồn: logtipsworld.com

Thứ Ba, 30 tháng 8, 2011

10 Templates Blogspot đẹp nhất dùng làm trang thư viện ảnh

Rất dễ dàng để kiếm một mẫu blogger phù hợp với blog của bạn, vì số lượng blog cung cấp mẫu blogger miễn phí, nhưng nếu bạn muốn có một blog nhiếp ảnh, hoặc blog một thư viện trưng bày các tác phẩm thì sao? Sau đây tôi xin giới thiệu 10 Templates Blogspot đẹp nhất mà tôi đã sưu tầm dùng làm trang thư viện ảnh.

1. Simplex Portfolio

Download Simplex Portfolio blogger template.

2. Gallery

Download Gallery blogger template

3. Mosaicus Ultimate

Download Mosaicus Ultimate blogger template

4. AllBlogTools Gallery

Download AllBlogTools.com Gallery blogger template

5. Tequilas Flamejantes Light

Download Tequilas Flamejantes Light blogger template

6. Tequilas Flamejantes dark

Download Tequilas Flamejantes dark blogger template

7. SGallery

Download sGallery blogger template

8. Hybrid Gallery

Download Hybrid Gallery blogger template

9. Simple X Photogallery

Download Simple X Photogallery blogger template

10. Photoplus

Download Photoplus blogger template

Sưu tầm

Thứ Sáu, 8 tháng 4, 2011

Hướng dẫn hiển thị avatar cho comment của Blogger (mở rộng)

Việc hiển thị ảnh avatar này sẽ chỉ cập nhật cho các blog mới được tạo, các blog đã được tạo từ lâu, và qua chỉnh sửa template nhiều (như blog của mình) thì muốn hiển thị avatar cho comment thì các bạn phải chỉnh sửa đôi chút trong code template.

Ở thủ thuật này, ngoài việc chỉnh sửa code để có thể sự dụng chức năng ảnh avatar thì mình còn hướng dẫn thêm cho các bạn tạo avatar mặc định cho comment không có avatar. Do hiện tại tiện ích mà blogger cung cấp chỉ cho phép hiển thị ảnh avatar của các tài khoản blogger, vì thế những comment từ các tài khoảng khác sẽ không hiển thị được ảnh avatar, và avatar mặc định sẽ lấp đầy chỗ thiếu hụt đó.

Và đây là ảnh minh họa avatar cho comment.

☼ Để hiển thi được avatar cho các comment, các bạn thực hiện 2 bước sau:
1. Tùy chỉnh trong phần cài đặt :
- bước này không quan trọng lắm, vì blogger đã mặc định chế độ hiển thị ảnh avatar cho comment rồi, tuy nhiên chúng ta cũng nên kiểm tra lại.
- vào bảng điều khiển
- vào phần cài đặt
- vào phần nhận xét
- ở phần "Hiển thị các hình hồ sơ trên các nhận xét?" nhấp chọn "Có"
- Lưu cài đặt

Ảnh minh họa :

2. Chỉnh sửa trong code template:

- Ở đây mình sẽ dùng 1 cách rất đơn giản để tạo avatar default cho các comment không có avatar, đó chính là việc sử dụng ảnh nền (background), khi các comment có ảnh avatar, ảnh avatar sẽ đè lên hình nền, còn các comment không có avatar thì sẽ hiển thị ảnh nền, và hình nền hiển thị này chính là ảnh avatar thay thế.

☼ Các bước thực hiện :
a. vào phần bố cục
b. vào chỉnh sửa code HTML
c. Chọn mở rộng mẫu tiện ích
d. chèn đoạn code CSS bên dưới vào trước dòng code ]]></b:skin>

.avatar-image-container {
background:url(http://farm3.static.flickr.com/2493/3936605180_5f80a4d847_o.gif); width:35px;
height:35px;
}
.avatar-image-container img { border:none;}

e. Tiếp đến tìm đoạn code sau :

<dl id='comments-block'>

f. Và thay thế nó bằng đoạn code bên dưới :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

g. Tiếp tục tìm đoạn code như bên dưới :

<a expr:name='data:comment.anchorName'/>

h. Và thay thế bằng đoạn code bên dưới :

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

i. Save template.

Theo Fandung.com

Thứ Năm, 7 tháng 4, 2011

6 mẹo giúp tăng bình luận cho blog

Blog đã không còn xa lạ đối với người dùng internet trên thế giới, có thời điểm nó đã thật sự bùng nổ và ngày càng trở thành xu hướng của giới trẻ. Nhưng một blog sẽ thật nhàm chán và buồn tẻ khi chỉ là nơi bạn thể hiện cảm xúc cá nhân mà không chia sẻ được với nhiều người. Những ý kiến, bình luận (Comment) của độc giả sẽ giúp bạn cải thiện được tình trạng này cũng như kỹ năng viết blog của mình.

6 mẹo giúp tăng bình luận cho blog

Bài viết dưới đây sẽ trình bày một số phương pháp giúp bạn tích cực viết blog nhiều hơn và hiệu quả hơn thông qua những ý kiến phản hồi của bạn đọc.

1. Yêu cầu người ghé thăm để lại một số bình luận trước khi họ rời khỏi

Trừ khi bạn yêu cầu các độc giả để lại comment, nếu không đối với những người chỉ đọc bài một cách qua loa sơ sài sẽ không có ý muốn để lại ý kiến của họ về những bài viết hay góp ý phê bình để bắt đầu một cuộc thảo luận. Tuy nhiên, khi bạn để lại một yêu cầu góp ý ở dòng cuối cùng, điều đó sẽ giúp bạn có nhiều cơ hội nhận được ý kiến bạn đọc hơn.

2. Thêm các câu hỏi trong bài viết của bạn

Hãy để người đọc suy đoán và chia sẻ các câu trả lời trước khi họ rời khỏi blog của bạn với các câu hỏi do bạn đưa ra. Ngay cả khi bạn đã biết câu trả lời, đây vẫn là một ý tưởng tốt để nhận được thêm nhiều ý kiến cho câu hỏi của bạn và bạn có thể chia sẻ hoặc thảo luận về ý tưởng, suy nghĩ của mình.

3. Trả lời lại ý kiến của bạn đọc

Cách tốt nhất để khuyến khích góp ý và nhận được ý kiến nhiều hơn trên trang của bạn là trả lời lại cho những nhận xét, thể hiện suy nghĩ của bạn cho những phản hồi đó. Đôi khi, người đọc muốn tìm kiếm một mảng blog của bạn để có được bài viết họ cần và sẽ để lại một lời biết ơn về sự giúp đỡ mà họ nhận được từ blog của bạn. Vì vậy, hãy cảm ơn họ và các ý kiến này sẽ cung cấp cho bạn một ý tưởng về loại độc giả mà bạn nhận được. Điều này sẽ giúp bạn ghi điểm và có thêm nhiều bài viết hấp dẫn hơn nhiều.

4. Làm cho hộp bình luận thân thiện với người dùng

Nếu bạn muốn sử dụng hộp bình luận của mình để theo dõi các độc giả quen thuộc, hoặc nếu bạn đang nghĩ đến việc yêu cầu họ đăng ký tài khoản tại đây. Trước tiên, để tăng tính thân thiện với người dùng bạn không nên đòi hỏi quá nhiều thông tin khác ngoài tên sử dụng hoặc địa chỉ email của họ. Hãy cố gắng loại bỏ những thủ tục rườm rà như hình ảnh, mã số xác thực trừ khi bạn đang bị tấn công nghiêm trọng hoặc spam. Người đọc được thật thoải mái trước khi họ nhận xét.

5. Sử dụng bình luận kiểu Plug-in

Các Plugins có rất nhiều hữu ích trong việc để bạn nhận được một bài bình luận qua email, qua đó bạn sẽ lựa chọn xem bình luận hoặc vào trang web. Bạn có thể trở lại thời điểm sớm nhất ngay lập tức, đây thực sự là một cách tốt để bắt đầu một cuộc thảo luận.

6. Tặng quà và Goodies cho bình luận hay nhất

Một phần quan trọng nữa là có những phần thưởng như goodies cho phần ý kiến hay nhất trên blog của bạn. Bạn sẽ không hề phải hối tiếc vì mình sẽ nhận được nhiều ý kiến hơn và sẽ được tăng số lượng người đọc cho mỗi bài viết blog của bạn.

Chúc phần bình luận của bạn luôn được đánh giá cao!

Đ.Hải (Nguồn TipsoTricks) - quantrimang.com

4 kỹ thuật cần thiết để cải tiến thanh menu của WordPres

Nếu bạn vừa tiến hành nâng cấp WordPress tới phiên bản 3.1 thì sẽ phát hiện thêm một điểm mới lạ rằng hệ thống sẽ hiển thị thanh WordPress Admin cho người quản trị và người dùng bình thường đăng nhập. Nếu WP Admin Bar được tạo ra để nhằm cung cấp cho người dùng sự tiện lợi qua những đường dẫn phía bên trên mỗi trang, thì chức năng này không đi kèm với bất cứ hình thức tùy chỉnh nào, đã vô tình ảnh hưởng phần nào đó đến tính hữu dụng của nó. Trong bài viết dưới đây, chúng tôi sẽ giới thiệu 4 cách thiết lập cơ bản để cải thiện tối đa công dụng của WP Admin Bar.

1. Xóa bỏ các đường dẫn sẵn có khỏi WP Admin Bar:

Chuyển tới thư mục theme, và mở file functions.php bằng ứng dụng chỉnh sửa text bất kỳ. Sau đó, thêm đoạn code sau vào phía cuối:

add_action( 'wp_before_admin_bar_render', 'remove_admin_bar_links' );
function remove_admin_bar_links() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu('comments');
}

Đoạn code trên có chức năng xóa bỏ đường dẫn COMMENTS khỏi Admin Bar. Cơ chế hoạt động dựa trên hàm $wp_admin_bar->remove_menu(ID), với việc cung cấp ID của đường dẫn cần xóa (trong trường hợp này thì ID tương ứng là COMMENTS), bạn hoàn toàn có thể gỡ bỏ bất kỳ đường dẫn nào khỏi Admin Bar.

Dưới đây là danh sách một số ID thường xuyên sử dụng và rất hữu ích với phần lớn chúng ta:

- my-account-with-avatar / my-account: kết nối tới tài khoản của bạn, tại đây thì thông số ID phụ thuộc vào việc người dùng có kích hoạt hay không hiển thị avatar.

- my-blogs: menu của Sites, chỉ hoạt động với chế độ Network.

- edit: đường dẫn để chỉnh sửa bài viết hoặc trang.

- new-content: thêm menu New.

- comments: kết nối tới những phần bình luận.

- appearance: menu Appearance.

- updates: cập nhật các đường dẫn.

- get-shortlink: tạo đường dẫn ngắn tới trang bất kỳ.

2. Gán thêm đường dẫn tùy chỉnh vào WP Admin Bar:

Để tự thêm những đường dẫn của riêng bạn vào menu bar Admin, hãy thêm những dòng mã sau vào trong file functions.php:

Theo như ví dụ trên, chúng ta đã thêm Google.com như 1 đường dẫn mới trong Admin Bar, tất nhiên rằng có thể điều chỉnh lại thành bất cứ gì theo yêu cầu của bạn. Những tham số cần chú ý ở đây là id, title và href:
id: điểm nhận dạng của đường dẫn.
title: tên hiển thị trên thanh Admin Bar.
href: địa chỉ đường dẫn sẽ trỏ đến.

Ví dụ, bạn có thể tạo submenu bằng đoạn mã dưới đây:

add_action( 'wp_before_admin_bar_render', 'add_admin_bar_links' );
function add_admin_bar_links() {
       global $wp_admin_bar;
       $wp_admin_bar->add_menu( array(
             'id' => 'Google',
             'title' => __('Google'),
             'href' => 'http://google.com'
       ));
       $wp_admin_bar->add_menu( array(
             'parent'=>'Google',
             'id' => 'GoogleAnalytics',
             'title' => __('Google Analytics'),
             'href' => 'http://google.com/analytics'
       ));
}

Kết quả sẽ trông giống như hình dưới đây:

3. Hiển thị form login nếu người dùng chưa đăng nhập:

Ở chế độ mặc định, thanh Admin Bar chỉ hiển thị dành cho người sử dụng đã đăng nhập. Nhưng vì 1 lý do nào đó, bạn muốn Admin Bar này luôn hiển thị, đồng thời đi kèm với các mẫu login nếu người dùng chưa đăng nhập, hãy sử dụng WordPress Admin Bar Improved để kích hoạt tính năng này.

4. Tắt bỏ hoàn toàn Admin Bar:

Nghe có vẻ bất hợp lý, nhưng nhiều người lại muốn hoàn toàn gỡ bỏ thanh menu này. Đăng nhập vào bảng điều chính của WordPress và chọn thẻ Profile. Bên dưới mục Show Admin Bar, bỏ dấu chech tại when viewing site và in dashboard:

Nếu bạn là người quản lý nhiều blog (hoặc làm việc ở chế độ Network) và muốn tắt bỏ chức năng Admin Bar đối với tất cả các tác giả, hãy thêm dòng mã sau vào trong file functions.php:

add_filter( 'show_admin_bar', '__return_false' );

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

T.Anh (nguồn MakeTechEasier) - quantrimang.com

Thứ Tư, 6 tháng 4, 2011

Chèn banner flash cho blogger (blogspot)

Nếu bạn không thích đặt banner quảng cáo bằng hình ảnh thì có thể thay thế bằng banner flash với tính chuyên nghiệp cao hơn. Các banner flash rât linh động và này bạn có thể tự thiết kế riêng cho mình hoặt từ các tập tin flash có sẵn. Một ví dụ điển hình là banner trên blog tôi. Nếu bạn thích các game flash, tại sao không thử
dùng cách này nhỉ.
Lưu ý: Sao lưu template trước khi tiến hành các thay đổi.
Bước 1:
Chuẩn bị: trước tiên bạn phải tự thiết kế cho mình 1 flash với kích thước phù hợp với blog của mình. Hoặc nếu không thì bất kì file flash nào bạn thích, up nó lên 1 nơi nào đó trên mạng, googlepages hoặc myopera, ….

Xem thêm "Một vài dịch vụ cho phép Upload file Flash"

Sau khi Upload lên 1 host nào đó các bạn tiến hành lấy link file Flash.
Bước 2:
Vào blogger, chọn Mẫu > Chỉnh sửa HTML, đánh dấu vào Mở rộng mẫu tiện ích, tìm đến đoạn code sau:

Code 1

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tiêu đề Blog' type='Header'>
<b:includable id='main'>

Chèn code2 sau dòng <b:includable id='main'>

Code 2

<embed bgcolor="#FFFFFF" height="123" width="955" pluginspage="http://www.macromedia.com/go/getflashplayer" src="link file Flash" type="application/x-shockwave-flash" >

</embed>

Bước 3:

Tùy chỉnh height và width trong Code 2 cho phù hợp

Lưu các thay đổi và TEST

Sưu tầm & chỉnh lí

Thứ Hai, 28 tháng 2, 2011

Thủ thuật yêu cầu - Tạo logo liên kết chạy ngang

Đối với các blog riêng tư, không muốn chia sẽ cùng mọi người thì việc liên kết không đáng quan tâm. Tuy nhiên đối với các blog phục vụ công chúng thì việc muốn được nhiều người biết đến blog mình là điều rất quan trọng. Một trong những cách làm cho đọc giả tìm đến blog là liên kết với các blog khác có cùng chủ đê. Khi liên kết của bạn quá nhiều nó sẽ chiếm một không gian đáng kể trên nền blog của bạn, để giảm thiểu việc này bạn có thể cho nó chạy ngang hoặc dọc trên blog của bạn. bạn có thể tham khảo cách tạo logo liên kết chạy ngang từ trái sang phải bên dưới (Theo yêu cầu của bạn Libra)

DEMO

1. Đầu tiên bạn hãy đăng nhập vào tài khoản Blogspot
2. Tiếp đến vào bố cục (Thiết kế)
3. Tạo 1 phần tử HTML/Javascript
4. Thêm code bên dưới vào phần tử vừa tạo trên

<div style="background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZTZoGlczv6wAGCaulSN5f4cIxDF1s7C7ymOsbGB5HK8rf3FM_mLN4pYi-6Y6R8Eta1Ayf3fOsd5N0Q-x-z4PT7bOuLFPT546RkV2tZr6QyzPeafhy5uOVam9oT-zTYstnXoCZF-yE43K/) no-repeat left; border-top:#999 1px solid; border-bottom:#999 1px solid; padding-left:19px;padding-right:2px;width:100%;">
<marquee onmouseout="this.start()" direction="left" behavior="50" scrollamount="5" height="60" onmouseover="this.stop()" scrolldelay="50" width="511">
<a href="URL liên kết 1" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 1"/> </a>
<a href="URL liên kết 2" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 2"/> </a>
<a href="URL liên kết 3" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 3"/> </a>
<a href="URL liên kết 4" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 4"/> </a>
<a href="UR Lliên kế 5" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 5"/> </a>
</marquee></div>

Tùy chỉnh: Bạn hãy thay các dòng text màu đỏ trong code thành địa chỉ blog bạn liên kết và các dòng màu xanh thành địa chỉ logo tương ứng.
Ở đây mình chỉ cho 5 logo chạy ngang từ trái sang phải nếu muốn thêm nhiều hơn bạn chỉ việc thêm code bên dưới vào sau các logo trên và sửa lại cho phù hợp.

<a href="UR Lliên kế 6" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 6"/> </a>

5. Việc cuối cùng là bạn tìm vị trí thích hợp để đặt nó là xong.

Theo traidatmui.com

Thứ Bảy, 26 tháng 2, 2011

Tự động post bài viết từ blog của bạn lên Facebook, Twitter và Digg

Bạn thường làm thế nào khi muốn share 1 bài viết trên blog của bạn lên Facebook, twitter? Nếu bạn đang sử dụng cách copy paste hoặc sử dụng các plugin share thì bài viết dưới đây sẽ giúp bạn tiết kiệm được khá nhiều thời gian
1. Đối với FaceBook
Các bạn click vào đây để và phần Editnotes của Facebook .
Phần nhập địa chỉ , bạn điền vào địa chỉ feed của mình , ví dụ như feed của tôi là: http://toanhiephoa.blogspot.com/feeds/posts/default
Nhấn Start Importing để nhập dữ liệu từ blog của bạn thông qua feed sang Facebook .

Sau đó , Nhấn Continue để tiếp tục . Từ giờ Facebook sẽ tự động cập nhật bài viết của bạn .

2. Đối với Twitter
Sử dụng Feedburner của Google. Trong danh sách các Feed site mà bạn đã đăng kí , click chọn một feed của bạn -> chọn Publicize >> Socialize .

Tại đây , Bạn chọn Add Twitter Account , Sau đó nhập Username và Pass của tài khoản Twitter của bạn, nhấn Allow

Ở phần Formatting Options thì các bạn có thể để theo mặc định hoặc là chỉnh lại theo ý muốn của mình . sau cùng , bạn nhấn nút Active , tiếp đó nhấn Save.
3. Đối với Digg.com
Để tự động share bài lên digg.com bạn đăng nhập vào tài khoản -> chọn Import Feeds
Nhập feeds blog của bạn

Nhập feed của bạn -> chọn add feed, trong quá trình add feed digg.com sẽ yêu cầu bạn verify mã code có dạng
6ca1386293854e5d835d3f430df34700
và
<!––6ca1386293854e5d835d3f430df34700––>
Bạn chọn cái thứ 2 -> đăng nhập blog, tạo mới hoặc sửa bài viết nào đó gần đây nhất, và thêm code đó vào .
Lưu ý bài viết bạn sửa hoặc tạo mới phải sử dụng dưới dạng html, nếu là blog wordpress

Chọn done, vậy là xong.

Thứ Năm, 24 tháng 2, 2011

Thêm nút Reply cho mục Comments của Blogger

Tin cực kỳ nóng bỏng: GIờ đây với thủ thuật mới cho Blogger bạn hoàn toàn có thể thêm nút Reply vào phần Comment cho Blogger.Thủ thuật này cho phép bạn tùy chọn trả lời thắc mắc các comment đã xuất bản mà trước đây Blogger không có. Với thủ thuật này mục Comment của Blogger nhìn gần giống với WP.

Sau đây là hướng dẫn bạn thực hiện thủ thuật để hiển thị tính năng Reply cho mục Comment trong Blog của bạn.

Tìm ID Blogger:

- Công việc đầu tiên là bạn tìm ID Blog của bạn, việc này rất đơn giản, bạn chỉ cần đăng nhập vào Blogger: Bảng điều khiển (Dashboard) >> Cài đặt (Settings)

Và bạn tìm trên thanh địa chỉ của trình duyệt (address bar) như hình minh họa dưới (ID blog chính là phần được đánh dấu màu vàng)

Vị trí chèn code:

- Đăng nhập vào Bảng điều khiển (Dashboard) >> Thiết kế (Design) >> Chỉnh sửa HTML (Edit HTML ) >> Click vào ô chọn Mở rộng mẫu tiện ích (Expand Widget Templates).

- Tìm đoạn code:

<data:commentPostedByMsg/>

Chèn mã để thêm nút Reply cho Blogger:

Bạn thay thế đoạn mã <data:commentPostedByMsg/> bằng đoạn mã dưới đây:

<data:commentPostedByMsg/>
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>[Reply]</a></span>

Thay thế YOUR-BLOG-ID bằng ID bạn đã tìm trong bước 1.

- Lưu mẫu để hoàn thành công việc.

Nguồn: bloggertipandtrick

Thứ Ba, 22 tháng 2, 2011

Bộ đồng hồ - lịch Flash miễn phí cho Web/Log của bạn

edit-html
Để thêm một đồng hồ để thanh bên của bạn chỉ cần dán mã được cung cấp trong HTML/JavaScript. Chọn Page Element. Chọn Layout Click Add a Gadget Từ danh sách chọn HTML/JavaScript Layout

html-javascript

You add these clocks to your websites just the way you embed YouTube Videos. I have altered the code so that it may work just perfectly alright in your BlogSpot blogs.

A Clock plus a Calendar

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf"> <embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf" width="150" height="250" wmode="transparent"></object>

2. A rotating Silver Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf" width="150" height="150" wmode="transparent"> </embed></object>

3. A rotating Red belt Round the Clock

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-58.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-58.swf" width="150" height="150" wmode="transparent"></embed></object>

4. An Open space Clock with attracting face

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-63.swf" width="150" height="150" wmode="transparent"> </embed></object>

5. Wooden Clock, with A Light Brown Outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object>

6. A Clock with a Lively touch to it

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-8.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-8.swf" width="150" height="150" wmode="transparent"> </embed></object>

7. Analogue Plus Digital

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf" width="150" height="150" wmode="transparent"> </embed></object>

8. A Clicking Digital Clock (The ticking Sound that you hear is from this Clock)

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height="150" wmode="transparent"> </embed></object>

9. Simple yet Attracting

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-23.swf" width="150" height="150" wmode="transparent"> </embed></object>

10. Finally a beautiful Clock with a Think Black Outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>

Theo mybloggertricks.com

Thứ Hai, 21 tháng 2, 2011

10 cách cần biết để tăng traffic của blog

Những bước khởi đầu khi bắt tay vào việc tạo blog không quá phức tạp, và bất cứ ai cũng có thể làm được. Chỉ cần chọn 1 nền tảng hỗ trợ đa dạng và phổ biến như WordPress hoặc Blogspot, sau đó chọn ý tưởng và bắt đầu viết bài. Tuy nhiên, đây không phải là điểm nhấn trong quá trình tạo dựng tên tuổi và sự thành công của blog. Sẽ thật tồi tệ khi kiểm tra thứ hạng của blog bằng Google Analytics và thấy rằng số lượng người truy cập hàng ngày chỉ đếm trên đầu ngón tay. Trong bài viết sau đây, chúng tôi sẽ trình bày một số mẹo thủ thuật cơ bản để giúp mọi người khắc phục và cải thiện vấn đề này, cụ thể là làm thế nào để tăng lượng traffic của blog lên theo cách nhanh nhất có thể.

1. Hãy kiên nhẫn:

Thật ra, tác giả nên xếp ý kiến này vào phần cuối của bài viết, nhưng để duy trì được sự tập trung và bình tĩnh cho bạn đọc, đây là lời khuyên chân thành và có ích nhất. Hãy kiên nhẫn! Bất cứ blog nào cũng không thể thành công ngay lập tức được, hãy thử tưởng tượng như sau: nếu bạn bắt đầu viết blog vào tối ngày thứ 3, thì việc mọi người biết đến nó vào sáng ngày thứ 4 gần như không thể thực hiện được. Tất cả những gì cần làm là kiên nhẫn và chờ đợi, có thể 1 tuần, 1 tháng hoặc 1 năm sau đó bạn sẽ nhận được kết quả xứng đáng.

2. Bình luận trên các blog khác:

Có thể nói thông tin theo kiểu “truyền miệng” là 1 trong những cách thức tốt nhất để tăng hạng website, do vậy bạn hãy dành chút thời gian để tìm kiếm blog, website tương tự và dự đoán rằng có thể nắm bắt được, sau đó tham gia hoạt động và để lại bình luận tại đó. Hãy hòa mình vào những cộng đồng trực tuyến và cho mọi người biết về những gì bạn đang chia sẻ, và cũng đừng quên để lại đường dẫn liên kết để họ tham khảo. Trong trường hợp khác, nếu tìm thấy bất kỳ bài viết nào có dấu hiệu của sự tranh cãi, thì đây chính là 1 cơ hội tốt cho bạn, cho dù có đứng về phía nào đi nữa – cách này thường mang lại hiệu quả rất cao mà không phải tốn quá nhiều nỗ lực.

3. Tạo RSS Feed:

Đây là 1 tính năng gần như không thể thiếu đối với các trang tin tức, blog, mạng xã hội... hiện nay, vì tất cả những người đăng ký sử dụng dịch vụ này sẽ ngay lập tức biết khi nào bạn có bài viết mới.

4. WIIFM:

Đây là 1 từ viết tắt của What’s In It For Me?, được sử dụng khá phổ biến trong lĩnh vực phát thanh và truyền hình. Khi khái niệm này bắt đầu xuất hiện và lan truyền trên Internet, nhiều người thường tự hỏi bản thân rằng: “Tại sao mình lại phải quay lại?”, “Tại sao lại phí thời gian để đọc blog này nhỉ?” hoặc “Tại sao lại đăng ký dịch vụ này?”... Nếu bạn chịu khó bỏ thời gian để đăng tải những nội dung phù hợp với xu hướng và những chủ đề được quan tâm nhiều, chắc chắn lượng traffic website của bạn sẽ tăng lên đáng kể. Bên cạnh đó, lượng traffic này có liên quan trực tiếp đến nội dung đăng tải, vì vậy hãy thật chắc chắn và cẩn thận với những gì bạn viết trên blog.

5. Sử dụng công cụ của các mô hình mạng xã hội phổ biến hiện nay:

Mặt khác, các bạn hãy bỏ thời gian để đăng tải và chia sẻ nội dung bằng các công cụ bookmark tới mạng xã hội khác như Digg, StumbleUpon hoặc Reddit... Dựa vào xu hướng ngày nay của phần lớn người sử dụng, đây chính là môi trường và điều kiện thuận lợi nhất để đẩy lượng traffic tăng cao, và cũng đừng quên kiểm tra kỹ càng và thường xuyên cập nhật nội dung blog.

6. Kích hoạt chuyên mục bình luận lúc phù hợp:

Có lẽ 1 trong những điều bạn hay bất cứ blogger nào không hề mong muốn là nhìn thấy phần 0 comments dưới mỗi bài viết, có nghĩa rằng nội dung chính của website này hầu như không thu hút được bạn đọc, khô khan và không phổ biến. Vì vậy trong khi blog của bạn đang trong quá trình phát triển ban đầu, hãy tạm thời khóa tính năng bình luận để không ai biết rằng chỉ có số lượng rất ít người truy cập mỗi ngày. Cho tới khi hệ thống của bạn đạt được khoảng 100 hoặc nhiều hơn người đăng ký sử dụng dịch vụ RSS, hãy mở lại tính năng bình luận và chờ đợi những sự thay đổi đang tới.

7. Xây dựng thương hiệu:

Đây là 1 trong những công đoạn quan trọng và gần như không thể thiếu trong quá trình xây dựng 1 nền tảng vững chắc. Mỗi khi người đọc nghĩ đến biểu tượng hoặc một điều gì đó phổ biến, họ sẽ nghĩ đến blog của bạn. Mặt khác, khéo léo hòa trộn nội dung chính của blog và những chuyên mục có tính giải trí, ví dụ như truyện cười, video quảng cáo hấp dẫn, những đoạn phim ngắn... sẽ giữ chân người đọc lâu hơn.

8. Mở rộng nội dung:

Bản chất tự nhiên của phần lớn chúng ta là tò mò, thích tìm hiểu, khám phá về những điều mới lạ. Và tại sao lại chỉ giới hạn những chủ đề nhất định trong toàn bộ các chuyên mục của blog? Không có gì thu hút và lôi cuốn người đọc bằng cách chia sẻ những nội dung bí mật. Đây thường là những bài viết trong phần Private – yêu cầu người sử dụng phải đăng nhập để có thể xem chi tiết. Do vậy, hãy xác định ngay từ ban đầu những gì cần và nên có trong toàn thể nội dung blog của bạn, phân mục rõ ràng và hạn chế những bài viết không có chất lượng.

9. Hãy nói lên quan điểm:

Đứng trên quan điểm tác giả bài viết, đồng thời cũng là người đọc đầu tiên, bạn hãy thể hiện và chia sẻ toàn bộ cảm xúc, suy nghĩ về vấn đề đang hướng tới. Để truyền tải thành công ý tưởng của tác giả, bạn không nên chỉ đứng về 1 phía hoặc 1 mặt của chủ đề chung, hãy công bằng, bám vào ý chính và cố gắng thu hút được sự chú ý của người đọc. Nhưng bên cạnh đó, hãy cẩn thận với từng lời nói, câu chữ được đưa vào mục bình luận này, vì một khi đã nói ra 1 câu, không có cách gì có thể sửa chữa hoặc lấy lại câu nói đó.

10. Viết nhiều hơn nữa:

Đây là công đoạn bắt buộc đối với bất cứ ai, cũng như bất cứ blog nào nếu muốn thành công và thu hút người đọc. 1 website hoặc blog hấp dẫn đều phải được xây dựng trên nền tảng cơ bản và vững chắc về mặt công nghệ và nội dung. 1 chủ đề không thể tồn tại quá lâu trên trang chủ của blog, người đọc sẽ cảm thấy nhàm chán và không muốn quay lại. Bạn có thể thay đổi thứ tự các bài trong khi chưa có bài viết mới, và khi đã quen với việc viết và cập nhật nội dung hàng ngày, bạn sẽ nhận thấy sự thay đổi rõ nét trong thứ tự xếp hạng từ các Search Engine. Chúc các bạn thành công!

Theo Quản Trị mạng