[HAIPHONG TP TOI YEU]

 

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)

(¯`·.º-:¦:-† namkna †-:¦:-º.·´¯)


[Tips] - Thiết kế trang loading chờ tải trang cho Blogger P.1

Posted: 01 Nov 2014 07:53 AM PDT

Giờ Terocket sẽ giới thiệu tiện ích Thiết kế trang loading chờ tải trang cho Blogger.Đây là tiện ích mà khi người dùng tải trang thì sẽ hiện ta tiện ích loading chờ, giúp website được chuyên nghiệp hơn, giống như cái hiệu ứng chuyển đổi từ trang này qua trang khác vậy. 

[Tips] - Thiết kế trang loading chờ tải trang cho Blogger
Bạn có muốn có một trang loading page thật đẹp và chuyên nghiệp không?
Đọc thêm»

[Tips] - Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger V1

Posted: 01 Nov 2014 04:24 AM PDT

[Tips] - Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger
Bạn có muốn có một tiện ích theo dõi và mạng xã hội thế này ở chân bài viết blogger không?

Terocket sẽ tiếp tục hướng dẫn các bạn các thủ thuật thiết kế một tiện ích theo dõi bài viết qua email, biến thể có thêm theo dõi qua nút tương tác mạng xã hội. Với tiện ích Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger này, thì Terocket đã thay đổi sao cho phù hợp với các thiết kế dành cho mobile, có nghĩa chính là thiết kế responsive đáp ứng. Hoàn toàn chuẩn SEO và có lợi cho công cụ tìm kiếm.

Live Demo

Cách thức thực hiện Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger mà Terocket sẽ hướng dẫn sau đây:


Bước 1 - Chèn đoạn code vào trong mẫu của bạn. Trước hết hãy vào Blog Title → Template → Edit HTML. Nhấn Ctrl. + F và tìm kiếm <data:post.body/> . Sau đó hãy thay thế đoạn code vào sau <data:post.body/> nhé. Bạn phải nhớ rằng, có đến tận 2-4 cái <data:post.body/> ở trong mẫu của bạn. Bạn phải dự đoán nó và thay thế vào, nếu không hiệu ở đoạn này, hãy thay thế vào <data:post.body/> ở đoạn khác nhé.

<section class="newsletter">
<h2>
Tired of checking for new posts ?
</h2>
<div id="form-newsletter">
<div class="social facebook">
<a href="https://www.facebook.com/Terocket" target="_blank">
      <img src="http://1.bp.blogspot.com/-HiD7bFwl-fM/U3nB1ozGbKI/AAAAAAAACb0/5_nqyCGPN8Q/s1600/nl-facebook@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box fb-like" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTerocket&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US" style="border: none; height: 21px; overflow: hidden; width: 90px;">
    </iframe>
  </div>
<div class="social twitter">
<a href="https://twitter.com/AllBloggerTrick" target="_blank">
      <img src="http://2.bp.blogspot.com/-NPqgpxxxV1s/U3nB1GvOtwI/AAAAAAAACbw/CmH7ymTRpR4/s1600/nl-twitter@2x.png" />
    </a>
    <iframe allowtransparency="true" class="social-box twitter-follow-button twitter-follow-button" data-twttr-rendered="true" frameborder="0" id="twitter-widget-0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=AllBloggerTrick&amp;show_count=false&amp;show_screen_name=false&amp;size=m" style="height: 20px; width: 60px;" title="Twitter Follow Button">
    </iframe>
    <script>
      !function(d,s,id){
        var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;
        if(!d.getElementById(id)){
          js=d.createElement(s);
          js.id=id;
          js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
    </script>
  </div>
<div class="newsletter-form">
<fieldset>
<h2>
       Get all posts directly in your mail.
      </h2>
<div class="fields">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Terocket', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" id="email" name="email" onblur="ifundefinedthis.value=='')this.value=this.defaultValue;" onfocus="ifundefinedthis.value==this.defaultValue)this.value='';" type="text" value="Enter Your Email here.." />
          <input name="uri" type="hidden" value="Terocket" />
          <input name="loc" type="hidden" value="en_US" />
          <input class="subscribe" name="commit" type="submit" value="Subscribe" />
        </form>
</div>
</fieldset>
</div>
</div>
</section>
<style>
.newsletter{text-align:center;margin:20px 0;}
.newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
.newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
.newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
.newsletter:before,.newsletter:after{content:&quot; &quot;;display:table}
.newsletter:after{clear:both}
.newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
.newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
.newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
.newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
.newsletter .social a:hover img{transform:scale(1.1)}
.newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
.newsletter .social .social-box.fb-like{margin-left:-45px}
.newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
.newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
.newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
.newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
.newsletter .newsletter-form fieldset .fields{position:relative}
.fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
.fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}
.fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
</style>
<script type="text/JavaScript">
fontsize = function () {
    var abtSubs = $(".newsletter #form-newsletter").width() * 0.025; // 10% of container width
    $(".newsletter .newsletter-form fieldset h2").css('font-size', abtSubs);
};
$(window).resize(fontsize);
$(document).ready(fontsize);
</script>

***Bạn có thấy các chữ màu đỏ Terocket không? Hãy thay thế vào của bạn tương ứng nhé. Trong tiện ích này có sử dụng Feedbuner đó, nếu bạn không biết hãy vào cách Đăng ký và cài đặt Feedburner Atom cho Blogspot mà Terocket cung cấp để tạo cho mình một cái Feed nha!

Xong rồi, chúc bạn thành công với tiện ích Theo dõi qua email kết hợp mạng xã hội ở bài viết Blogger mà Terocket giới thiệu nhé. Nếu có gì thắc mắc và không hiểu, hãy gửi một câu hỏi ở phần bình luận, Terocket sẽ trả lời bạn nhé!
An Thành Adthinks - Terocket

[Tips] - Thủ thuật chia bài viết thành nhiều trang cho Blogger V1

Posted: 01 Nov 2014 04:44 AM PDT

Hôm nay Terocket sẽ chia sẽ với các bạn mê thủ thuật blog còn gọi là "Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1", đặc biệt là mê thủ thuật blogger cách để chia một bài viết thành nhiều trang, giống như của Masable, hay các blog công nghệ khác vậy.

Chia nhỏ bài viết thành nhiều phần, phù hợp với một trang đọc truyện hoặc một trang xem phim cả nhà nhé. Terocket sẽ hướng dẫn cách thiết kế trang đọc truyện hay cho cả nhà và trang xem phim bằng blogspot cho cả nhà nhé!

Điểm ưu của Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 đó là rất tiện dụng trong việc biến thành và chia phần tuyển tập truyện trên cùng một trang, một nơi xem phim và chia phần phim trên đó, chia phần ca nhạc nữa...đặc biệt hơn, có thể chia các nội dung dài thành các đoạn ngắn, giúp các bạn nhà ta dễ dàng hơn trong việc đọc và theo dõi nội dung. Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 thật thú vị và tiện ích đúng không nào ^^!

>>[Tips] - Nút buttons động bằng CSS3 cho Blogger V1
>>[Tips] - Popular Posts / Bài đăng phổ biến hiện đại & hiệu ứng đẹp tùy chỉnh cho Blogger V1

Giờ thì cùng Terocket thiết kế Thủ thuật chia bài viết thành nhiều trang cho Blogger hay blogspot V1 nhé các bạn mê blogger và mê thủ thuật nhé.

Live Demo

Bước 1 - Để thực hiện, trước tiên bạn vào Blog Title → Template → Edit HTML. Nhấn Ctrl + F và tìm kiếm ]]></b:skin> trong hộp tìm kiếm. Sau đó hãy dán đoạn mã code dưới đây vào phía sau ]]></b:skin> bạn nhé. Sau đó lưu lại.

<b:if cond='data:blog.pageType != &quot;index&quot;'> <style>
.post-pagination {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script></b:if>

Bước 2 - Vào phần bài viết, chỉnh qua chức năng HTML và copy phần code sau vào nhé, và thay đổi tùy biến nội dung cho phù hợp. Nếu bạn muốn có nhiều trang hơn thì nhân rộng ra thôi, thêm trang 4,5,6...rất dễ dàng.

<div class="content_1">
Nội dung trang 1
</div>
<div class="content_2" style="display: none;">
Nội dung trang 2
</div>
<div class="content_3" style="display: none;">
Nội dung trang 3
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

Bước 3 - Bước này cần chú ý đó copy đoạn mã javascript sau vào phía dưới <head> trong phần Blog Title → Template → Edit HTML. Nhấn Ctrl + F tìm <head>. Đặt phía dưới nó nhé! Còn nếu có rồi thì không cần đặt nha. Rồi lưu lại!

<script src = "//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"> </script>

Bước 4 - Kết luận của Terocket là chúc các bạn thành công với thủ thuật này,Thủ thuật chia bài viết thành nhiều trang cho Blogger V1!
An Thành Adthinks - Terocket

Viết blog và 5 điều một blogger thực thụ cần phải nhớ

Posted: 31 Oct 2014 10:28 PM PDT

Viết blog và 5 điều một blogger thực thụ cần phải nhớ
Bạn có nghĩ rằng, đam mê của mình là viết blog không?

Một Blogger thực thụ sẽ luôn có một danh sách những gì cần làm và những gì không nên làm. Ví dụ, một blogger tốt sẽ không bao giờ viết cho công cụ tìm kiếm mà họ viết, họ viết cho người dùng. Có rất nhiều điều mà một Blogger nên giữ trong tâm trí của mình khi bắt đầu viết blog. Trong những điều đó sẽ được Terocket nói ra ở dưới đây. Nếu bạn là người mới đến với thế giới blog, bài viết mà Terocket cung cấp có ích cho bạn.

1. Sự kiên nhẫn luôn mang lại thành quả to lớn

Rất nhiều các blogger không hiểu lý do này. Blogger mới mong đợi rất nhiều trong khoảng thời gian ban đầu, họ mong muốn phải thành công thật nhanh. Bạn nên hiểu rằng, chúng ta không thể thành công chỉ sau 1 đêm. Bạn cần cung cấp và viết trong một thời gian dài. Ví dụ nếu bạn chơi Googel Adsense không thể kiếm tiền nhiều cho bạn trong thời gian ngắn, nhưng nếu bạn xây dựng được một mạng lưới và lượng truy cập lớn, bạn sẽ nhận được rất nhiều...ví dụ qua trường hợp kiếm tiền của Kenny Sang, anh ta chính là hình mẫu kiên trì cho dù nhận gạch đá của dư luận - Funny ^^!

2. Cập nhật Blog của bạn thường xuyên  

Bạn cần thường xuyên cập nhật blog của mình thường xuyên. Nếu bạn là người không quan tâm đến độc giả thì liệu họ có quan tâm đến blog của bạn? Cập nhật blog của bạn thường xuyên và lan truyền / phổ biến nó thì bạn sẽ thấy điều diệu kỳ.

3. Lan truyền bài viết và trang web thông qua mạng xã hội  

Facebook, Twitter, Digg, Google+ là một số các trang web mạng xã hội lớn, đó là nơi bạn có thể phổ biến bài viết của mình. Nếu bạn bỏ qua điểm lợi thế này này, thì Terocket đảm bảo rằng bạn đang bỏ qua và bỏ lỡ nhiều cơ hội truy cập của người dùng vào website của bạn. Lan truyền bài viết của mình nhưng không bao giờ SPAM, bởi vì SPAM chỉ làm giảm sự uy tín của website của bạn. Và tốt hơn hết bạn nên có một tên miền riêng, sẽ chuyên nghiệp hơn đấy. Nếu chưa có thì có thể vào Terocket nhận tên miền miễn phí nhé!

4. SEO là một yếu tố cực kỳ quan trọng trong chiến lược của bạn

Nếu không có SEO (Search Engine Optimization) thì blog của bạn giống như một cơ thể không có xương sống vậy, bạn không thể đi được, bạn không thể đứng được, bạn bất động. Hầu như tất cả các trang web có lưu lượng truy cập đa số là thông qua công cụ tìm kiếm và nếu SERP của bạn (Search Engine Ranking Position) thấp, thì chắc chắn rằng bạn sẽ nhận được ít lưu lượng truy cập. Bạn muốn lưu lượng truy cập cho blog của mình, hãy tìm đến SEO nhé.

5. Không bao giờ Copy và Paste của người khác

Terocket đã thấy nhiều blogger mới sao chép và dán các bài viết từ các blog khác vào blog của mình, nhưng bạn cần nhớ rằng, khi bạn sao chép nội dung của người khác, bạn không có giá trị gì cả và bạn đừng tưởng qua mặt được Google, Google như chúa trời vậy, nó biết mọi chuyện bạn làm. Sao chép nội dung là lời nguyền đã dính bao đời nay khi một blogger tham gia vào viết blog, và đa số thất bại là vì lời nguyền này. Vâng, nếu bạn thích một bài viết trên internet và bạn sao chép nó, nếu chép thì hãy để một liên kết trỏ về từ nội dung gốc. Đạo văn của người khác, sẽ không bao giờ thành công bạn nhé. 

6. Kết luận

Terocket hy vọng rằng những điểm mà Terocket đã nêu ở trên sẽ cần thiết cho bạn đọc, những bạn muốn làm một blogger thực thụ. Chúc các bạn càng ngày viết blog càng hay, càng nhiều người đọc và truy cập vào website của mình....! Chúc may mắn! Và nếu bạn thấy bài này hay, hãy gửi đến một bình luận ở bên dưới và chia sẻ nó đến bạn bè. Chân thành cảm ơn! Hãy luôn tương tác tại Terocket bạn nhé!
Biên dịch bởi An Thành Adthinks - Terocket

[Tips] - Nút buttons động bằng CSS3 cho Blogger V1

Posted: 01 Nov 2014 12:24 AM PDT

Hôm nay Terocket sẽ giới thiệu đến các bạn nút Buttons, mà blogger thường cần có trong blog để chuyển hướng để giới thiệu hoặc di chuyển đến trang download. Các nút này giúp liên kết đơn giản của bạn hấp dẫn hơn. Bạn có thể xem demo bằng cách nhấp vào nút bên dưới.


Các nút sử dụng CSS3 thì sẽ không hoạt động ở trình duyệt IE cũ, vì nó không hỗ trợ. Các nút này còn lại đều hoạt động trên hầu hết các trình duyệt chính. Trước khi bắt đầu thực hiện thủ thuật với Nút buttons động bằng CSS3 cho Blogger V1 bạn hãy sao lưu trình duyệt của mình nhé.
[Advanced Tips] - Nút buttons động bằng CSS3 cho Blogger V1
[Advanced Tips] - Nút buttons động bằng CSS3 cho Blogger V1 sẽ như thế này đây!
Bước 1 - Hãy bắt đầu với thủ thuật Nút buttons động bằng CSS3 cho Blogger V1 nào. Trước hết bạn cần vào chỉnh sửa mẫu HTML của mình bằng cách vào Blog Title → Template → Edit HTML. Nhấn Ctrl + F và tìm kiếm ]]></b:skin> trong hộp tìm kiếm. Sau đó hãy dán đoạn mã code dưới đây vào trước ]]></b:skin>

.button {display: inline-block;position: relative;padding: 10px 20px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-decoration: none!important;text-shadow: 1px 1px 0 rgba(255,255,255,0.4);font: 15px Calibri,Arial,sans-serif;white-space: nowrap;vertical-align: baseline;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png');background-position: bottom left;background-position: bottom left,top right,0 0,0 0;background-repeat: no-repeat;background-clip: border-box;-webkit-box-shadow: 0 0 1px #fff inset;-moz-box-shadow: 0 0 1px #fff inset;box-shadow: 0 0 1px #fff inset;-webkit-transition: background-position 1s;-moz-transition: background-position 1s;transition: background-position 1s;cursor: pointer;}
.button:hover {background-position: top left;background-position: top left,bottom right,0 0,0 0;}
.button:active {bottom: -1px;}
.button.big {font-size: 30px;}
.button.medium {font-size: 18px;}
.button.small {font-size: 13px;}
.blue.button {border: 1px solid #84acc3!important;color: #0f4b6d!important;background-color: #48b5f2;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),-moz-linear-gradient(#4fbbf7,#3faeeb);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(89,208,244,1) ),to(rgba(89,208,244,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#4fbbf7),to(#3faeeb));}
.blue.button:hover {background-color: #63c7fe;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),-moz-linear-gradient(#63c7fe,#58bef7);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(109,217,250,1) ),to(rgba(109,217,250,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#63c7fe),to(#58bef7));}
.green.button {border: 1px solid #96a37b!important;color: #345903!important;background-color: #79be1e;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27,#74b317);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(162,211,30,1) ),to(rgba(162,211,30,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#82cc27),to(#74b317));}
.green.button:hover {background-color: #89d228;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31,#7fc01e);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(183,229,45,1) ),to(rgba(183,229,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#90de31),to(#7fc01e));}
.orange.button {border: 1px solid #bea280!important;color: #693e0a!important;background-color: #e38d27;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f,#d4821f);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(232,189,45,1) ),to(rgba(232,189,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f1982f),to(#d4821f));}
.orange.button:hover {background-color: #ec9732;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746,#e18f2b);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(241,192,52,1) ),to(rgba(241,192,52,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f9a746),to(#e18f2b));}
.gray.button {border: 1px solid #a5a5a5!important;color: #525252!important;background-color: #a9adb1;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca,#92989c);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(197,199,202,1) ),to(rgba(197,199,202,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#c5c7ca),to(#92989c));}
.gray.button:hover {background-color: #b6bbc0;background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6,#9fa5a9);background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(202,205,208,1) ),to(rgba(202,205,208,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#d1d3d6),to(#9fa5a9));}

*Sau đó hãy lưu mẫu lại bạn nhé.

Bước 2 - Sau đó, thêm HTML bên dưới đây nơi bạn muốn các nút xuất hiện. Terocket đã sắp xếp các nút theo có kích cỡ. Bạn chỉ cần thêm chúng trong bài viết hoặc mẫu bất cứ nơi nào bạn muốn nó xuất hiện.

Nút buttons động bằng CSS3 cho Blogger V1 kích thước lớn


<a class="button big blue" href="LINK">LINKNAME</a>
<a class="button big green" href="LINK">LINKNAME</a>
<a class="button big orange" href="LINK">LINKNAME</a>
<a class="button big gray" href="LINK">LINKNAME</a>

Nút buttons động bằng CSS3 cho Blogger V1 kích thước vừa


<a class="button blue medium" href="LINK">LINKNAME</a>
<a class="button green medium" href="LINK">LINKNAME</a>
<a class="button orange medium" href="LINK">LINKNAME</a>
<a class="button gray medium" href="LINK">LINKNAME</a>

Nút buttons động bằng CSS3 cho Blogger V1 kích thước nhỏ


<a class="button small blue" href="LINK">LINKNAME</a>
<a class="button small green" href="LINK">LINKNAME</a>
<a class="button small orange" href="LINK">LINKNAME</a>
<a class="button small gray" href="LINK">LINKNAME</a>
Bước 3 - Thay thế LINK với liên kết mong muốn vào chổ LINKNAME. Đấy, nó thật đơn giản đúng không nào. Đừng quá lo lắng bạn nhé, nếu có gì không hiểu hoặc thắc mắc, hãy gửi ý kiến hỏi đáp dưới đây, Terocket sẽ giải đáp cho bạn nhé!
Terocket - An Thành Adthinks

Tại sao Blogger/Blogspot & Facebook bị chặn tại Việt Nam?

Posted: 31 Oct 2014 06:39 PM PDT

Tại sao blogger hay blogspot, Facebook bị chặn ở Việt nam? Trong khi hiện nay blogger là một trong những mã nguồn mở thiết kế web miễn phí, mà người dùng Việt Nam cũng như thế giới dùng nhiều nhất? Và Facebook là mạng xã hội thông tin, cuộc sống và lan truyền lớn nhất trên thế giới? Tại Việt Nam cũng không ngoại lệ? Cùng Terocket giải mã vấn đề này nhé!
Tại sao Blogger hay Blogspot & Facebook bị chặn tại Việt Nam?
Tại sao blogger bị chặn tại Việt Nam?

Tại sao Blogger hay Blogspot & Facebook bị chặn tại Việt Nam?
Và tại sao Facebook cũng cùng chung số phận đó?

Với nhiều lợi thế mà blogger cung cấp cho người dùng, blogger.com hứa hẹn sẽ phát triển mạnh hơn nữa trong tương lai, Facebook thì có thể là xu hướng, nhưng nó đang có tốc độ phát triển khủng khiếp, chưa có dấu hiệu hạ nhiệt! Nhưng đi kèm với những điều tuyệt vời và lợi thế mà Blogger và Facebook mang lại, đã có những hệ lụy đi theo sau đó xảy ra.

Như các bạn đã biết, Google là chủ quản của Blogger.Com và Facebook là 2 tập đoàn công nghệ hàng đầu,  nếu không muốn nói là số 1 hiện nay trên bản đồ công nghệ thế giới. Cho nên chất lượng, sản phẩm dịch vụ của 2 ông lớn này cũng phải sao cho xứng tầm với vị thế đó. Phải công nhận rằng, ở thời điểm hiện tại, Blogger.Com hay còn gọi là Blogspot là hoàn hảo. Từ trải nghiệm người dùng, khả năng tùy biến thiết kế, cho đến sự ổn định của hệ thống. Trong khi đó Facebook là mạng xã hội có khả năng tương tác và lan truyền khủng khiếp. Có Facebook, làm chúng ta có cảm giác chưa bao giờ xa cách nhau, gần nhau hơn bao giờ hết, kết nối mọi lúc mọi nơi.

Nhưng bạn có biết lý do vì sao mà Blogger và Facebook bị chặn tại Việt nam không? Lý do thì thực sự vô vàn, và cũng chỉ là phỏng đoán ở nhiều khía cạnh, nhưng ở trong trường hợp này, Terocket sẽ chỉ nói đến những vấn đề mấu chốt mà mà lâu nay chúng ta thường nói đến mà thôi.

Đầu tiên nói về trường hợp của Blogger.com hay còn gọi là blogspot, và lý do nó bị chặn tại Việt Nam?

Blogger.Com là của Google, cơ sở hạ tầng của nó hoàn hảo, ổn định và cực kỳ dễ dàng sử dụng. Bạn có tin rằng, chỉ cần một cái tài khoản Email, bạn có thể tạo ra một website ổn định, mượt mà...còn tốt hơn cả hệ thống mà các công ty truyền thông tại Việt Nam đang sở hữu không? Nói riêng về độ bảo mật, một website làm bằng blogspot có khả năng bảo mật tốt hơn cả chục website của VCCorp cộng lại. Các bạn chỉ sợ bị teo website khi bị Google xóa mà thôi. Còn DDOS hay hack vào hệ thống thì xin mời cứ làm, nếu bật bảo mật bằng điện thoại thì là tường thành bất khả xâm phạm.

Vì những lợi thế đó, thực sự blogger rất tiềm năng và có tương lai dài lâu sau này. Chắc chắn nó sẽ là điểm đến cho rất nhiều bạn  muốn xây dựng website và phát triển. Nhưng cũng chính những điểm lợi thế và điểm mạnh đó mà Blogger trở thành một con dao 2 lưỡi. Ở một vài trường hợp, blogger đã trở thành một nơi đăng tải những nội dung đen, người lớn (blogger cho phép điều nay ở một giới hạn nhất định), những nội dung nói xấu, bôi nhọ và xúc phạm người khác mà không có kiểm duyệt. Đặc biệt nó trở thành nơi tuyên truyền và chống phá của các thế lực thù địch với đất nước của ta, nhưng chúng ta không thể quản lý nó...và đó chính là những lý do cơ bản mà blogger bị chặn tại Việt Nam.

Tiếp theo chúng ta nói về Facebook và tại sao nó bị chặn tại Việt Nam?

Cách đây tầm 2 năm, có lẽ vào được Facebook là một điều xa xỉ, phải dùng phần mềm hoặc sử dụng các thủ thuật can thiệp máy tính mới có thể vào được. Ở thời điểm hiện tại nước ta có lẽ sẽ nhẹ nhàng hơn, đã mở hơn, nhưng ở một số nơi facebook vẫn bị chặn. Lý do bị chặn thì ai phân tích sơ cũng sẽ biết, hệ thống facebook có thể gọi là hoàn hảo, thua Google một chút, chúng ta sẽ không bàn vấn đề này nữa. Nhưng chúng ta nói đến lợi ích của facebook, facebook chắc chắn là mạng xã hội lớn nhất thế giới hiện nay, chúng ta không có khoảng cách khi ở trên facebook, mọi người được xích lại gần nhau hơn, trao đổi thông tin và trò chuyện với nhau dễ dàng hơn. Nói đến trao đổi thông tin, facebook có lẽ là nơi lan truyền thông tin, nội dung và tin tức tốt nhất trên thế giới hiện tại. Chỉ cần viết status, share, like...là hàng ngàn, hàng triệu, thậm chí hàng tỷ người có khả năng tiếp cận, một thế giới mở tuyệt vời. 

Nhưng ở Việt Nam, đi kèm những lợi thế, cái tốt mà Facebook mang lại, nó lại trở thành một môi trường tiêm nhiểm những thứ xấu xa nhất của thế giới ngoài kia đến cư dân mạng Việt Nam. Những hình ảnh, video, nội dung, quan điểm, tư tưởng...được đăng tải lên đây không được kiểm soát, vì quan điểm của Facebook là tự do bày tỏ quan điểm của mình. Chỉ những nội dung lừa đảo, ảnh nóng...mới bị xử lý. Thì trong thời điểm hiện tại, Việt Nam chúng ta đang hội nhập, hội nhập thì cần phải có thời gian và khả năng đáp ứng hội nhập đó, nếu chúng ta không hoặc chưa có khả năng đáp ứng được những thay đổi đó, chúng ta sẽ bị sốc, bị tiêm nhiểm, bị ảnh hưởng đến tư tưởng...thì thực sự đó là tai họa. Kiểu một người không biết lái xe tay côn mà leo lên mà rú thì...vụt!...và đó là lý do Facebook bị chặn tại Việt Nam.

Vậy làm sao để có thể vào được blogger và facebook?

Nhưng bị chặn thì chặn, nhu cầu con người là không thể thay đổi, vậy phải làm sao để truy cập vào được blogger và facebook đây? 

Các bạn yên tâm, Terocket sẽ có bài viết hướng dẫn các bạn truy cập vào Blogger và vào Facebook mà không bị chặn. Vừa dành cho người dùng, vừa dành cho quản trị viên.
Terocket - An Thành Adthinks

Bài viết liên quan

Related Posts Plugin for WordPress, Blogger...