Simplex Next

<style type="text/css">

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

</style>

<div class="hovergallery">
<img src="coconut.jpg" />
<img src="sunbreakthrough.jpg" />
<img src="desert.jpg" />
<img src="sunflower.jpg" />
<img src="forest.jpg" />
<img src="duck.jpg" />
</div>

<style type="text/css">
#gb{
position:fixed;
bottom:5px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:74px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-5nyYkIoJSBo/TwvS9UWGRoI/AAAAAAAAAcE/0ZvmrsiZhWc/s1600/widget-choi-nhac-an-hien-namkna-ngoctra.gif') no-repeat;
}
.gbcontent{
float:left;
background:none;
padding:3px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 75-w) : moveGB(71-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/WS8OMAmmuSY" width="520"></iframe></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (75-gb.offsetWidth).toString() + "px";
</script>

AddtoAny.com

• More than 120 bookmarking sites
• User Can search for a specific service
• Allow users to send your page for a friend via email.
• Allow users to bookmark your blog posts into their browser
• Customizable easily.

Addthis.com

• Smartest sharing tool ever.
• Largest collection of services, and growing. 170+ services
• Automatically translated in over 50 languages.
• Customize the colors and menu
• Track how your users are sharing with analytics.

ShareThis.com

• Only 45 services
• Customize Able
• English language only.
• You can register and import your friends mail addresses to send them news easily.

AllBlogTools.com

• 18 services
• JQuery Expanding system

• Style 1. ( With Icon ) code,

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/> <a href='http://www.allblogtools.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>

• Style 2. ( No Icon ) code,

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><a href='http://www.allblogtools.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>

<div class='post-header-line-1'/>

<data:post.body/>

1. Thành công nhanh chóng

• Bạn cần nhiều thời gian để đầu tư, chăm chút cho blog của mình.
• Bạn cần liên tục viết bài và cập nhật thông tin không ngơi nghỉ cho blog.
• Bạn có đủ vốn đầu tư để blog có những khả năng đặc biệt thu hút ngay từ đầu như: có host mạnh, có tên miền, có theme SEO tốt,… hoặc tạo ra thật nhiều contest để thu hút visitors.
• Bạn cần phải ôm dồn khối lượng công việc lớn, đồng thời chấp nhận rằng đôi khi bạn sẽ sơ sài, thiếu chăm chút trong việc viết bài.

2. Thành công không tốn kém

• Bạn phải tính toán đầu tư, chi tiêu hợp lý đến mức tối thiểu nhưng vẫn đảm bảo tính năng cho blog.
• Bạn phải chịu khó tìm tòi mọi thứ “miễn phí”, chấp nhận sử dụng Free themes cho blog.
• Bạn phải bù đắp bằng việc chăm chút nội dung cho blog.
• Bạn phải thật năng động để quảng bá blog của mình qua các kênh miễn phí như: comment trên blog, đặt link trên forum, viết guest post,…

3. Thành công với chất lượng

• Suy nghĩ kỹ càng và trung thành hoàn toàn với chủ đề bạn chọn.
• Tìm hiểu chủ đề bạn chọn, vấn đề bạn viết cực kỳ cặn kẽ và cụ thể đến mức tối đa.
• Bạn chăm chút thật tỉ mỉ nội dung, chỉnh sửa từng bức ảnh, sửa từng câu chữ.
• Bạn nên có một theme thật đẹp, đồng thời thêm từng bức ảnh, đặt từng thẻ Title, SEO và tận dụng từng khả năng đặc biệt mà theme bạn có.

Tổng kết