Để phát triển Blog một cách lâu dài và bền vững thì xác định hướng phát triển và nội dung phát triển luôn là ưu tiên hàng đầu của mỗi Blogger.

Để phát triển Blog một cách lâu dài và bền vững thì xác định hướng phát triển và nội dung phát triển luôn là ưu tiên hàng đầu của mỗi Blogger.

Nhưng đã, đang và sẽ có rất nhiều những Blogger mới sẽ mắc phải một lỗi rất cơ bản, và chính lỗi này sẽ làm cho tuy duy phát triển Blog của bạn bị phân tán ra nhiều hướng và từ đó sẽ gây ra lỗi thiếu tập trung và dàn trải. Mình tạm gọi lỗi này là: "Tham lam góp nhặt chủ đề". Lỗi này có biểu hiện như sau:
+ Blog không tập trung vào một nội dung, chủ đề cụ thể.
+ Rất nhiều thư mục với hàng trăm nhãn mà chẳng liên quan gì tới nhau.
+ Blogger ghé thăm các blog khác và thấy chủ đề của blog đó được nhiều người quan tâm và quyết định phát triển thêm chính nội dung đó cho blog của mình mặc dù đó không phải thế mạnh của bản thân.
Tất cả những biểu hiện trên đều do một nguyên nhân duy nhất đó chính là : không có định hướng cụ thể cho blog của mình ngay từ khi còn trong "trứng nước". Và theo đó, dẫn tới việc bạn cứ lao vào những chủ đề hot, được nhiều người quan tâm nhưng rồi sau đó bạn lại nhận ra rằng đó không phải thế mạnh của bạn, và kết quả đương nhiên là một khi bạn hết vốn kiến thức cũng như kinh nghiệm, kết quả là bạn sẽ phải đi "ăn cắp" những bài viết của blog khác về để tăng thêm phần phong phú cho chủ đề trên blog của bạn. Đó không phải là hướng phát triển cho Blog một cách bền vững, mà đó chỉ là hướng phát triển ngắn hạn. Blog của bạn sẽ sớm trở thành một cái "nồi canh thập cẩm" mà đến chính bản thân bạn cũng không biết rồi thì bạn sẽ còn thêm thắt vào đó những nội dung gì và xào nấu chúng ra sao. Để rồi một ngày nào đó, khi bạn không đủ sức phát triển hết tất cả những nội dung bạn có, Blog của bạn sẽ dần dần trở nên nhạt nhẽo và trôi vào quên lãng. Vậy tại sao vẫn có rất nhiều Blogger vẫn đi theo vết xe đổ ấy?



Câu trả lời đơn giản là lợi ích của phương pháp "lẩu thập cẩm" này sẽ tăng cho bạn một lượng traffic đáng kể, tuy nhiên sẽ không trụ được lâu vì bạn không thể kham hết được hàng tá những chủ đề khác nhau và yêu cầu cập nhật thường xuyên bài viết nữa. Một lý do nữa mà những blogger mới sẽ mắc phải lỗi này đó là khi định hướng nội dung cho blog, họ suy nghĩ rằng viết Blog về càng nhiều chủ đề thì càng khẳng định được trình độ hiểu biết của bản thân, và chính suy nghĩ này sẽ khiến họ càng ngày càng tham lam nhiều chủ đề và hậu quả thì tất nhiên, giống như mình vừa nêu ở trên, họ sẽ dính vào cái viễn cảnh mà người ta hay gọi là: "cố quá" thành "quá cố". Nếu nói một cách hình tượng hóa thì cũng giống như bạn nấu một nồi canh, và khi bạn nấu bạn cứ thấy cái gì ngon, bổ là bạn cho hết vào cái nồi canh ấy. Kết quả là nồi canh của bạn "thập cẩm" chẳng ra thập cẩm mà ăn cũng không ăn được.

Cái viễn cảnh kể trên nghe có vẻ nghiêm trọng nhưng thật sự thì lỗi "tham lam" này có gây hại cho "sự nghiệp" blogging của bạn không?

Có nhiều blogger biện minh việc này bằng suy nghĩ rằng: "Lấy ngắn nuôi dài, ta cứ phát triển nhiều nội dung đi đã, rồi dần dần ta tìm một nội dung cụ thể để phát triển sau, mới làm thì lấy kinh nghiệm thôi!". Đúng, suy nghĩ ấy không sai, nhưng thay vì bạn cứ "cầm đèn pin và dò trong đêm tối" lấy một con đường riêng cho mình thì tại sao bạn không lên một kế hoạch cụ thể, chi tiết những gì bạn định viết, bạn muốn chia sẻ và chúng là điểm mạnh của bạn? Chính mìnhcũng đã từng có một thời làm "lẩu thập cẩm" như vậy và sau một thời gian thì blog ấy không còn theo một hướng nào cụ thể cả. Nó dần dần làm cho mình cảm thấy "quá tải", và phải dừng lại để tìm hướng đi đúng cho mình. Và sau một khoảng thời gian suy xét lại thì mình quyết định lên một kế hoạch rõ ràng chi tiết những gì mình sẽ phát triển, và dù cho có nhiều chủ đề hot đi chăng nữa mà không phải thế mạnh của mình thì mình cũng sẽ không thêm vào "nồi canh" của mình. Từ đó, mình có thể đưa ra cách những khắc phục lỗi này một cách tối đa. Đó là:

+ Lên kế hoạch chi tiết nội dung sẽ phát triển trong blog.
+ Kiểm tra lại để xem những gì là điểm mạnh của bản thân và từ đó đưa ra kế hoạch phát triển nội dung liên quan.
+ Tham khảo những Blog đi trước có bề dày phát triển để học hỏi thêm kinh nghiệm.
+ Và nếu có trót nấu một nồi "canh thập cẩm" rồi thì cũng hãy cố gắng chắt lọc và xào nấu lại thật ngon để nồi canh ấy có thể "ăn được" và "bổ dưỡng".

Đó là những kinh nghiệm phát triển Blog của mình mà mình đã góp nhặt được sau hơn 6 năm tham gia vào cộng đồng Blogger. Mình hi vọng những chia sẻ này sẽ giúp các bạn tránh được những lỗi mà trước đây mình đã mắc phải và mong các bạn sẽ có một blog chuẩn chỉnh và trường tồn.
Chúc các bạn thành công!

[Blogger Tips] Hướng dẫn cách tạo trang sitemap html cho blogspot

SITEMAP được xem là một phần cực kỳ quan trọng trong quá trình SEO trang web, đặc biệt là với những website dựa trên hệ thống blogspot của google. Sitemap dành cho blogspot có hai loại, một là sitemap dạng xml để phục vụ cho việc đưa website thân thiện với hệ thống tìm kiếm của google, loại thứ hai là dạng HTML để phục vụ cho người dùng, loại sitemap này là tập hợp bài viết của blog hoặc website dưới dạng bảng và danh sách. Hôm nay RinBlog sẽ hỗ trợ các bạn tạo một trang Sitemap dạng HTML. Các bước rất đơn giản, các bạn thực hiện theo các bước sau:

Bước 1: Các bạn vào bảng điều khiển của Blogger, chọn Trang và thêm trang trống
Với những bạn dùng tiếng anh, các bước sẽ là :  Dashboard >> Page >> New Page >> Blank Page và chọn một tên bất kỳ cho trang, SITEMAP chẳng hạn.



Bước 2: Chuyển từ dạng viết bình thường sang dạng HTML


  Pages------>New Page------->Blank page.
 Bước 3:  Các bạn copy và dán đoạn code sau vào phần nội dung


<script type="text/javascript">
    var numposts = 100;
    var standardstyling = true;
    function showrecentposts(json) {
      for (var i = 0; i < numposts; i++) {
        var entry = json.feed.entry[i];
        var posttitle = entry.title.$t;
        var posturl;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
          if (entry.link[k].rel == 'alternate') {
            posturl = entry.link[k].href;
            break;
          }}
        posttitle = posttitle.link(posturl);
        if (standardstyling) document.write('<li>');
        document.write(posttitle);}
        if (standardstyling) document.write('</li>');
    }
    </script>
    <ul>
    <script src="http://www.rinviet.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
    </ul>

Các bạn thay http://www.rinviet.com/ bằng địa chỉ blog của các bạn.

Nếu các bạn muốn hiện sitemap cho một label cụ thể thì các bạn chỉnh sửa đoạn code trong phần <ul>.....</ul> như sau:

<ul>
<script src="http://www.rinviet.com/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Các bạn tiến hành đổi  Label%20Name thành tên label của bạn. Nếu Label là một từ thì các bạn thay Label%20Name bằng label đó, còn nếu label có 2 từ trở lên, ví dụ là Blogger Tips thì các bạn thay là
Blogger%20Tips.

Bước 4: Các bạn lưu trang và xem thành quả.

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

[Blogger Tips] Top 5 website tự động tăng lượng truy cập (auto traffic) tốt nhất hiện nay.


Như các bạn đã biết trong các phương pháp SEO từ cổ điển tới hiện đại thì auto traffic tức là tự động tăng lượng truy cập luôn là một lựa chọn hàng đầu dành cho những website mới hoạt động. Bời vì những lý do sau đây:

  • Tăng lượng truy cập nhanh, khiến cho website tăng nhanh thứ hạng trên google và alexa
  • Có nguồn lưu lượng truy cập không giới hạn và duy trì trong thời gian dài
  • Đơn giản và miễn phí, chỉ cần mở trình duyệt hoặc phần mềm là tự động website của bạn sẽ có lượng truy cập định kỳ.
Tuy nhiên thì hình thức này cũng có những hạn chế nhất định, Rinblog sẽ dành một bài riêng để phân tích phương pháp này trong thời gian tới.

Còn hôm nay thì Rinblog sẽ giới thiệu tới các bạn 5 website có lượng truy cập ổn định và chất lượng nhất hiện nay. Và đặc biệt là hoàn toàn miễn phí, mỗi website hoặc phần mềm trung bình một ngày có thể kiếm được từ 5-10k hits tức là 10k khách truy cập. Vậy còn chần chừ gì nữa mà không thử qua 5 website sau đây. Lưu ý là RinBlog không đăng link affiliate ( link giới thiệu đăng ký) nhé, các bạn hoàn toàn yên tâm.
Tiêu chí của RinBlog khi giới thiệu 5 website này là
+ Có hỗ trợ tự động duyệt và trao đổi truy cập
+ Có lượng traffic cao và ổn định
+ Lượng điểm kiếm được không quá thấp 
+ Tính ổn định của mỗi trang web cũng như phần mềm
+ Lượng khách truy cập từ Việt Nam cao

1. HITLEAP

Đây là trang web tốt nhất và yên tâm nhất mà mình đã từng sử dụng, Hitleap có phần mềm auto surf riêng nên không phải mở trình duyệt và lượng truy cập cũng rất cao khoảng 7k-10k/ ngày. Cách thức hoạt động là các bạn tiến hành mở phần mềm auto surf của hitleap sau đó chọn traffic exchange và bắt đầu duyệt các trang web khác, việc này tiến hành hoàn toàn tự động nên các bạn cứ việc để đó tự chạy không vấn đề gì. Lượng traffic từ việt nam cũng tương đối, trong 10k thì việt nam chiếm khoảng 2k.

Đây là địa chỉ đăng ký hitleap: http://hitleap.com/

2. AUTOSURF.VN

Đây là trang web trao đổi và tăng lượng truy cập của người việt nam nên đa số lượng truy cập sẽ đến từ trong nước, đây là một ưu thế của autosurf.vn. Rinblog mới thử nghiệm dịch vụ này và kết quả cho thấy lượng truy cập cũng khá cao, trung bình khoảng 3k-5k/ngày.  Cách thức hoạt động cũng đơn giản, bạn tiến hành mở trang web tự trao đổi traffic (autotraffic) của autosurf.vn sau đó trình duyệt sẽ tự động lướt từng trang web và thời gian bạn duyệt mỗi trang sẽ được tính số phút, và số phút đó bạn sẽ dùng để tăng truy cập cho địa chỉ website mà bạn đăng ký. 

Đây là địa chỉ đăng ký autosurf.vn: http://autosurf.vn

3. 10K HITS

Như tiêu đề, mỗi ngày bạn có thể kiếm được 10k khách truy cập, lượng truy cập được bảo đảm đều đặn là ưu thế của 10k HITS. Ngoài ra 10k HITS còn có chương trình nếu bạn tạo mới tài khoản thì bạn sẽ được tặng 10000 điểm tương đương với 10k truy cập. Tuy nhiên có một điểm là bạn phải thêm một đoạn code img nhỏ vào web (nó tương đương = 1 dấu chấm) để Google Analytics chấp nhận lượng truy cập từ 10k Hits. Tuy vậy thì 10k Hits cũng rất đáng để thử. Cách thức hoạt động của 10k hits cũng rất đơn giản, bạn mở trình duyệt tự động duyệt trang web của 10k hits sau đó bạn sẽ được điểm, số điểm đó dùng để trả cho khách truy cập khi vào trang web của bạn. Lượng truy cập cao và bảo đảm cùng với số lượng khách truy cập từ việt nam khá lớn nên 10k hits luôn giữ được vị trí của mình trong số những website trao đổi traffic tốt nhất hiện nay.

Đây là địa chỉ đăng ký 10k Hits: http://www.10khits.com

4. TWISTRIX

Đây là một trang web mới vàcó chất lượng tốt, nhìn chung là lượng truy cập cũng tương đối, và quá trình trao đổi khách truy cập các bạn cũng không cần phải tham gia nhiều. Tuy nhiên điểm hạn chế duy nhất của Twistrix là website của bạn mất khoảng thời gian khá lâu để được duyệt. Điều này cũng không thành vấn đề bởi vì bạn có thêm thời gian để kiếm giây (seconds, đơn vị tính trên twistrix) phục vụ cho tăng traffic của bạn.

Đây là địa chỉ đăng ký Twistrix: http://twistrix.com

5. WEBSYNDIC

Đây là trang web trao đổi traffic của Pháp và hiệu quả cũng rất đáng lưu tâm. Lượng khách truy cập cao và ổn định, chất lượng bảo đảm. Tuy nhiên thì lượng truy cập từ Việt nam chiếm số lượng khá là ít nhưng vẫn là một web có chất lượng về trao đổi lượng truy cập. Rất đáng để thử.

Đây là địa chỉ đăng ký Websyndic: http://www.websyndic.com/wv2/?EN

Như đã nói ở phần đầu là những cách này phù hợp hơn với những website mới lập để tăng thứ hạng với Google nên các bạn cân nhắc trước khi sử dụng. Rinblog hi vọng đã đưa ra được những tham khảo tốt cho các bạn trong quá trình làm SEO của mình. Chúc các bạn thành công. 

[Blogger Tips] Hướng dẫn xóa và phục hồi blogspot bằng hình ảnh cụ thể

Nếu bạn muốn xóa một blog trên blogspot thì bạn sẽ phải làm sao? Hầu hết những người mới dùng và làm quen với blogspot đều cảm thấy khó khăn khi cố gắng tìm cách xóa blog của mình. Vậy hôm nay RinBlog sẽ hướng dẫn các bạn cách để xóa và phục hồi một blog trên blogspot bằng những hình ảnh cụ thể và chi tiết nhất.

Để xóa blog các bạn làm theo các bước sau đây:

Bước 1: Vào bảng điều khiển Blogger
Bước 2: Chọn cài đặt
Bước 3: Trong cài đặt bạn chọn cài đặt khác


Bước 4: Chọn xóa blog - như trong hình dưới đây:

Bước 5: Xác nhận xóa blog, trước khi nhấp xác nhận các bạn chú ý nếu muốn giữ lại nội dung thì nhớ tải xuống blog theo dạng abc.xml nhé. Để nếu muốn chuyển nội dung sang blog khác chúng ta sẽ phải cần tới file này.


Tiếp theo sẽ là cách phục hồi Blog đã xóa

Để phục hồi Blog đã xóa các bạn vào trang http://www.blogger.com/home 
Phía dưới sẽ có danh sách những blog đang hoạt động và blog đã xóa, xác bạn chọn vào blog đã xóa, sau đó tiến hành hủy xóa tức là phục hồi những blog đã xóa này để chúng hoạt động bình thường.


Như vậy là các bạn đã phục hồi thành công blog của mình
Chúc các bạn thành công.

[Blogger Tips] Hướng dẫn tạo hộp bài viết liên quan có hiệu ứng đổi màu khi rê chuột cho blogspot

Hôm nay mình sẽ chia sẻ với các bạn cách để tạo hộp bài viết liên quan cho blogspot có hiệu ứng đẹp khi rê chuột. Mình sẽ lần lượt chia sẻ 3 loại hộp bài viết có hiệu ứng khác nhau để các bạn tùy chọn.

Các bạn xem DEMO tại ĐÂY

Để thêm vào blogspot các bạn vui lòng thực hiện theo các bước sau đây

Bước 1: Vào bảng điều khiển blogger (Blogger Dasboard)
Bước 2: Chọn chỉnh sửa mẫu (Template)
Bước 3: Chọn chỉnh sửa HTML
Bước 4: Chọn mở rộng tiện ích
Bước 5: Tìm đoạn code sau:

</head>
Bước 6: Copy đoạn code dưới đây và dán vào phía trước đoạn code </head> vừa tìm được
<!--RelatedPostsStarts--><script language='JavaScript'> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break; } } } } function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i]; } } relatedTitles = tmp2; relatedUrls = tmp; } function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 6) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0; } i++; } document.write('</ul>'); } //]]> </script> <!--RelatedPostsStops-->
Bước 7:  Tìm một vị trí thích hợp mà bạn muốn hộp bài viết liên quan hiện trong template.

Thường thì sẽ dán ở đoạn code sau:
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
Tuy nhiện với một số loại responsive template thì sẽ phải dán ở đoạn:

<b:includable id='relatedpost'> ..........  </b:includable>


Bước 8: Copy và dán đoạn code sau vào đoạn code mà bạn vừa tìm được ở bước 7.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->

removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
Bước 9:  Tiếp theo bạn tìm trong template đoạn code

]]></b:skin>

và dán vào phía trước đoạn code ]]></b:skin> một trong những đoạn code của các kiểu cho dưới đây mà bạn thấy thích.

LOẠI 1:






#related-posts {clear: both;}
#related-posts ul{margin: 20px 0; padding: 0;list-style: none;}
#related-posts ul li {border-top: 1px solid #333;border-bottom: 1px solid #111;}
#related-posts ul li:first-child {border-top: none;}
#related-posts ul li:last-child {border-bottom: none;}
#related-posts ul li a {padding: 10px;display: block;color: #222;text-decoration: none;cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out; /* trans pattern: property duration timingMethod delay */}
#related-posts ul li a:hover {padding-left: 20px;}

LOẠI 2:





#related-posts {clear: both;}
#related-posts ul{margin: 20px 0; padding: 0;list-style: none;}
#related-posts ul li {border-top: 1px solid #333;border-bottom: 1px solid #111;background: #222;}
#related-posts ul li:first-child {border-top: none;}
#related-posts ul li:last-child {border-bottom: none;}
#related-posts ul li a {padding: 10px;display: block;color: #fff;text-decoration: none;cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out; /* trans pattern: property duration timingMethod delay */}
#related-posts ul li a:hover {padding-left: 20px;background: #111;}

LOẠI 3:





#related-posts {clear: both;}
#related-posts h2{color: #fff;}
#related-posts ul{margin: 20px 0; padding: 0;list-style: none;}
#related-posts ul li {border-top: 1px solid #333;border-bottom: 1px solid #111;background: #222;}
#related-posts ul li:first-child {border-top: none;}
#related-posts ul li:last-child {border-bottom: none;}
#related-posts ul li a {padding: 10px;display: block;color: #fff;text-decoration: none;cursor: pointer; -webkit-transition: padding-left 250ms ease-out; -moz-transition: padding-left 250ms ease-out; /* trans pattern: property duration timingMethod delay */}
#related-posts ul li a:hover {padding-left: 20px;background: #111;} 

Bước 10: Lưu lại và thưởng thức.

Lưu ý: Các bạn hoàn toàn có thể tùy chỉnh màu sắc và cách thể hiện cũng như font chữ trong mỗi loại mà mình đã kể trên.

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

[Blogger Tips] Hướng dẫn cách tự động chuyển trang blogspot sang tên miền mới


Bài viết này sẽ hỗ trợ cách để chuyển tự động địa chỉ của một trang blogspot sang một tên miền khác bằng code redirect rất đơn giản.
Tại sao tôi phải trỏ địa chỉ blogspot cũ sang một tên miền mới? Điều này xảy ra khi bạn có một trang blogspot và bạn đang sử dụng một tên miền riêng dạng www.oldurl.com ... tuy nhiên bạn muốn thay đổi bằng một địa chỉ khác thì bạn sẽ phải trỏ từ trang www.oldurl.com sang tên miền mới ví dụ: www.newurl.com. Việc làm này của bạn sẽ hạn chế mất lượng khách truy cập (traffic) từ tên miền cũ. Và khi khách truy cập của bạn vào bằng tên miền www.oldurl.com sẽ được chuyển sang trang mới của bạn là www.newurl.com. Còn một trường hợp nữa là blogspot cho sử dụng song song tên miền dạng yourname.blogspot.com và tên miền riêng www.yourname.com, nên khi bạn muốn thay đổi tên miền yourname.blogspot.com thành một tên miền mới ví dụ newname.blogspot.com thì bạn sẽ phải áp dụng cách này để không bị mất traffic.

Đối với việc chuyển từ www.oldurl.com sang tên miền mới là www.newurl.com thì bạn phải thiết lập ở trang www.oldurl.com như sau:

Tại trang quản trị của blogger bạn tiến hành chọn mẫu (template) sau đó chọn chỉnh sửa HTML.
Tại trang chỉnh sửa, bạn tìm tới đoạn code:

<head>

Và thêm đoạn code sau vào phía dưới của đoạn code <head> vừa tìm được:

<meta content='5;url=http://www.YOUR-URL.com/' http-equiv='refresh'/>
Sau đó bạn chỉnh sửa đoạn www.your-url.com bằng tên miền mới của bạn. và 5 là số giây mà trang sẽ tự động chuyển qua tên miền mới.

Chú ý là bạn phải đặt ít nhất là 5 giây và phải có thông báo cụ thể ở trang chuyển là bạn sẽ chuyển khách truy cập tới địa chỉ nào và trong bao nhiêu giây sẽ chuyển để tránh google để ý nhé.
Và lưu ý thêm là các bạn chỉ nên chuyển từ trang cũ sang trang mới có cùng nội dung nhé, không được chuyển tới trang bán hàng hoặc là các trang spam nếu không google sẽ xóa account của bạn đấy :)

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

[Blogger Tips] DMCA là gì? Tại sao blogger nên dùng DMCA để bảo vệ bản quyền nội dung bài viết?


DMCA là viết tắt của cụm từ: Digital Millennium Copyright Act, Theo wikipedia: DMCA là luật bản quyền của Mỹ được ban hành vào năm 1996 của tổ chức sở hữu trí tuệ thế giới, viết tắt là WIPO. Đây là bộ luật được tạo ra để nhằm giải quyết theo dạng hình sự những hành động vi phạm bản quyền và sở hữu trí tuệ trong lĩnh vực công nghệ. Bộ luật này lưu hành tại Mỹ nhưng đối với DMCA.COM thì những áp dụng của bộ luật này sẽ không còn giới hạn trong phạm vi nước Mỹ nữa mà được áp dụng rộng rãi trên trên internet. DMCA.COM sẽ giải quyết những tranh chấp và quyền lợi của những người đăng ký bảo hộ bản quyền với DMCA. Điều đó đồng nghĩa với DMCA sẽ giải quyết dựa trên quyền và nghĩa vụ của những nhà cung cấp dịch vụ internet, ở đây là Hosting (máy chủ lưu trữ) và Domain (tên miền) viết tắt là OSP/ISP.

DMCA.COM bảo vệ bản quyền cho bạn như thế nào? Để giải quyết tranh chấp và bảo vệ bản quyền cho nội dung mà bạn đăng ký với DMCA, bạn cần phải thêm một đoạn code vào trang web có nội dung bạn muốn DMCA.COM bảo hộ bản quyền. Từ đó, DMCA sẽ thiết lập một bản chứng nhận, và nếu như bạn phát hiện một trang web có nội dung được lấy cắp từ trang web của bạn, bạn sẽ báo với DMCA và họ sẽ có trách nhiệm thông báo với người phụ trách trang web đó hoặc trong trường hợp người phụ trách không có phản hồi thì DMCA sẽ tiến hành thông báo cho bên cung cấp dịch vụ, ở đây là OSP/ISP để họ có biện pháp xử lý.

 Mẫu chứng nhận của DMCA
DMCA bảo vệ những nội dung gì của bạn? Những nội dung mà DMCA sẽ bảo vệ bản quyền cho bạn gồm có: 

  1. Hình ảnh của bạn, hoặc bạn chụp.
  2. Video của bạn hoặc do bạn tự làm.
  3. Đồ họa do bạn thiết kế.
  4. Văn bản của bạn.
  5. Ứng dụng mà bạn thiết kế.
  6. Các chương trình mà bạn viết.
  7. Hồ sơ của cá nhân bạn hoặc công ty.
  8. ....
DMCA miễn phí hay phải mất phí mới được bảo vệ? DMCA có hai hình thức, trả phí (DMCA PRO) và miễn phí (DMCA FREE). Với dịch vụ DMCA miễn phí bạn vẫn có thể bảo vệ bản quyền của mình mà không cần phải đăng ký lên PRO, tuy nhiên nếu đủ chi phí bạn có thể đăng ký lên PRO để hưởng ưu đãi nhất định của dịch vụ DMCA PRO. Cụ thể là:

Với DMCA PRO bạn có nhiều tùy chọn cho biểu tượng DMCA bạn sẽ chèn vào website của bạn. FREE là 100 biểu tượng. 
DMCA PRO sẽ hộ trợ bạn quản lý trực tiếp các trường hợp liên quan tới vi phạm bản quyền của bạn như tự tiến hành yêu cầu trực tiếp tới trang web vi phạm hoặc nhà cung cấp của web vi phạm, lựa chọn những mẫu yêu cầu có sẵn của DMCA, trong khi đó dịch vụ FREE sẽ không hỗ trợ bạn việc này. Bạn sẽ phải gửi yêu cầu tới DMCA.COM và họ sẽ xem xét yêu cầu của bạn và phản hồi.
Dịch vụ DMCA PRO sẽ hỗ trợ bạn kiểm tra không giới hạn trên internet nội dung mà bạn nghi là bị lấy cắp, còn với dịch vụ FREE DMCA sẽ chỉ hỗ trợ bạn tìm 2 trang web vi phạm mà thôi...

DMCA PRO bảo vệ bạn tốt hơn nhưng với DMCA FREE thì vẫn hoàn toàn đáp ứng được nhu cầu của bạn, hơn nữa, việc được bảo hộ từ DMCA sẽ giúp cho bạn có lợi thế hơn khi xảy ra tranh chấp.

Làm sao để đăng ký và sử dụng dịch vụ DMCA FREE? Rất đơn giản, bạn hãy vào trang chủ của DMCA http://www.dmca.com, và tiến hành đăng ký dịch vụ. Sau khi đăng ký, bạn phải làm thêm một bước nữa là đưa biểu tượng của DMCA.COM vào trang web có nội dung cần bảo hộ để tiến hành xác minh, việc này sẽ tốn 24-48 tiếng. 

Để đưa biểu tượng của DMCA vào trang web bạn làm theo các bước sau:
Vào trang chủ DMCA, sau đó chọn menu Protection Badges



Sau đó bạn sẽ được chuyển tới trang lưu trữ 100 biểu tượng của DMCA.COM kèm với code html để bạn chèn vào website. Bạn copy mã html đó và dán vào trang web của bạn và sau đó bạn nhấp chuột vào biểu tượng đó để đi tới trang có chứa chứng nhận bảo hộ của DMCA dành cho website của bạn.

Làm sao để báo cáo với DMCA.COM khi bạn phát hiện ra website vi phạm bản quyền, ăn cắp nội dung bạn đăng ký với DMCA? Để thực hiện thao tác này bạn cần phải đăng nhập vào DMCA.COM và tiến hành chọn menu Managed Case. Sau đó chọn tiếp Add takedown case để tạo bản báo cáo cho DMCA.


Sau khi gửi thông tin Takedown bạn sẽ được DMCA phản hồi và hỗ trợ.

Sẽ thế nào nếu website vi phạm cũng được bảo hộ bởi DMCA? Việc này được DMCA giải quyết khá đơn giản vì trang web đó cũng thuộc phạm vi bảo hộ của DMCA, thế nên việc liên hệ và xác minh lại càng đơn giản hơn, đừng lo gì nếu bài viết thuộc bản quyền của bạn, DMCA sẽ có những cách riêng để bảo vệ và xử lý giúp bạn.

DMCA có hỗ trợ blog và website tiếng việt không? Câu trả lời là "". DMCA hỗ trợ cả website bằng tiếng việt và nội dung bằng tiếng việt. Đã có rất nhiều trường hợp Google xử lý website tiếng việt bị vi phạm nếu bạn có thời gian hãy kiểm tra trên google với từ khóa "Dính DMCA" hoặc xem trực tiếp tại : http://www.google.com.vn/#q=d%C3%ADnh+Dmca

Việc vi phạm bản quyền ở Việt nam xẩy ra khá thường xuyên và nhức nhối, cục sở hữu trí tuệ việt nam cũng chưa thể có những cơ chế chuyên biệt dành riêng cho lĩnh vực internet nên việc bạn tự bảo vệ mình là cần thiết. 

Bài viết này của Rinblog chỉ đưa ra một gợi ý để các bạn có thể lựa chọn một cách để bảo vệ bản quyền của bạn.  
Chúc các bạn thành công.

[Blogger Tips] Hướng dẫn tạo widget bài mới đăng đơn giản và đẹp cho blogspot


Để tạo được widget bài mới đăng đơn giản và đẹp như trong hình các bạn có thể làm theo những bước đơn giản sau đây:

Bước 1: Vào bảng điều khiển của blogger và chon layout ( Bố cục)

Bước 2: Chọn thêm tiện ích ( Add widget) tại vị trí bạn muốn widger bài mới đăng hiện trên trang của bạn.

Bước 3: Trong cửa sổ hiện ra bạn chon loại widger HTMl/ Javascript

Bước 4 Copy và dán đoạn code sau vào phần nội dung:

<style type='text/css'>
    img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
    float:left;margin:0px;}
    .recent_posts_with_thumbs {float: left;width: 350px;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:14px;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs strong {font-size:12px;}</style>
    <script style='text/javascript' src='http://yourjavascript.com/1159358112/www.mybloggertopic.blogspot.com.js'></script>
    <script style='text/javascript'>
    var numposts = 5;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 100;</script>
    <script src='http://www.rinviet.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

 Trong đoạn code trên các bạn tùy chỉnh như sau:

    var numposts = 5; ------------------ 5 là số bài viết hiện trên widget.
    var showpostthumbnails = true; --- Hiện ảnh thu nhỏ bài viết: True là có, False là không.
    var displaymore = false; ------------ Hiện nút Readmore (Đọc thêm): True là có, False là không.
    var displayseparator = false; ------- Hiện dấu ngắt giữa từng bài: True là có, False là không.
    var showcommentnum = false; --- Hiện số comment (nhận xét): True là có, False là không.
    var showpostdate = false; --------- Hiện ngày tháng bài viết xuất bản: True là có, False là không.
    var showpostsummary = true; ---- Hiện đoạn bài viết rút gọn: True là có, False là không hiện.
    var numchars = 100; --------------- Số ký tự của đoạn thu gọn.

http://www.rinviet.com  ---- Thay đoạn code này bằng địa chỉ trang blog của các bạn. Sau khi thay xong các bạn kiểm tra bằng cách gõ vào thanh địa chỉ: http://địa chỉ blog của bạn/feeds/posts/default?orderby=published, nếu ra trang feeds thì bạn đã làm chính xác.

Bước 5, Lưu lại và xem thành quả.

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

[Blogger Tips] Hướng dẫn tạo widget backlink ảnh + code cho blogspot -Create a Grab our button/badge for Blogspot


Backlink bằng ảnh và biểu tượng đang dần trở thành xu hướng của mọi website và blog hiện nay trên thế giới, đây cũng là cách tốt nhất để tạo những backlink và liên kết chất lượng cho website/blog của bạn.
Hôm nay RinBlog sẽ hướng dẫn các bạn tạo một widget backlink với hình ảnh và hộp lấy code. Lợi ích của widget này sẽ giúp các bạn có thể đưa code lên mà không bị lỗi, có thể lấy trực tiếp code ảnh.
Vì các bước khá rắc rối nên các bạn chú ý làm theo từng bước cơ bản để tránh sai sót. Tuy cách làm rắc rối nhưng các bạn sẽ thấy khá đơn giản nếu các bạn làm cẩn thận.

Bắt đầu thôi.

Bước 1: Tạo một ảnh backlink thật đẹp

Bước 1A:Các bạn vào trang http://cooltext.com/ kéo xuống gần cuối trang, tìm chọn hình để làm ảnh backlink như sau:


Bước 1B: Tiếp đó các bạn nhấp chọn vào ảnh đó sẽ được chuyển tới trang để tùy chỉnh hình ảnh. Nó sẽ có dạng như hình sau:


Các bạn tiến hành thiết lập hình ảnh của mình theo hướng dẫn ở hình ảnh trên.

Bước 1C: Sau khi đã tùy chỉnh xong, các bạn nhấp chọn Create Logo để chuyển tới trang hoàn thành.

Ở trang hoàn thành như hình dưới, các bạn chọn DOWNLOAD IMAGE để tải ảnh về máy.


Bước 1D: Sau đó các bạn tiến hành upload hình ảnh đó lên host nào đó, hoặc host của blogger.


Bước 2: Tạo code và chuyển đổi code

Bước 2A: Các bạn copy và sửa lại đoạn code sau:

<a href="URL BLOG"><img alt="" src="URL HÌNH ẢNH" title="GIỚI THIỆU" /></a>
URL BLOG -> Địa chỉ trang blog của các bạn
URL HÌNH ẢNH -> Dán URL của hình ảnh bạn tạo ở bước 1D
GIỚI THIỆU-> Dòng giới thiệu blog khi trỏ chuột vào hình ảnh

Sau Sau khi chỉnh sửa code sẽ có dạng như sau:
Ví dụ của RinBlog:

<a href="http://www.xn--rinvit-mk8b.vn"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw8pY2rdTguTEG5qz_rFXHsqcTvl5wPIZFC7OoLJfxwoRC8FcQt5GmAxKpkMaLRPAiGialaLT7IVzpcAHh2ZKa5J9Ueg8alA1_XlvmWRYEE6I2VAXjfH84LgbDsm3MYCRuxkkgw5HNKalm/h54/cooltext1318863096.gif" title="RinViet Blog" /></a>

Bước 2B: Sau khi đã chỉnh sửa blog, các bạn vào trang mã hóa (encode) HTML >>HTML ENCODER<<
Bạn copy đoạn code bạn đã chỉnh sửa ở đầu bước 2A vào khung Text Input và nhấp Encode Text như hướng dẫn ở hình dưới


Giữ nguyên trang kết quả này hoặc các bạn copy đoạn code ở ô Output ra để sử dụng nhé.

Bước 3. Tạo widget backlink + ảnh

Bước 3A: Các bạn vào Bố cục (layout) chọn thêm tiện ích (widget) ở vị trí các bạn muốn hiện trên trang website/blog.

Bước 3B: Trong menu thêm tiện ích (widget) các bạn chọn loại HTML/JAVASCRIPT

Bước 3C: Các bạn copy 2 đoạn code ở bước 2A và 2B sau đó dán vào phần nội dung của widget

Bước 3D: Lưu lại và xem thành quả.

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

[Templates] Widgetly Responsive Magazine, Template trang tin tức cực đẹp và chuyên nghiệp cho blogspot



Hôm nay rảnh rỗi nên mình lấy cái templates cực chuẩn này của Uong Jowo chia sẻ miễn phí cho các bạn. Điều kiện duy nhất là vui lòng giữ nguyên link của Uong Jowo dưới footer để tôn trọng công sức sáng tạo của anh ấy.

Rinblog cũng đã từng sử dụng qua template này rồi, kết quả cực kỳ vừa ý. Nhưng tiếc là Rinblog không phải trang tin tức nên template này không hợp cho lắm, nhưng nếu site của bạn là site tin tức thì template này là quá chuẩn luôn rồi.

DEMO 

DOWNLOAD BẢN NGUYÊN THỦY CỦA UONG JOWO

DOWNLOAD BẢN CHỉNH SỬA CỦA RINBLOG

HƯỚNG DẪN SỬ DỤNG:

Để sử dụng template này các bạn lưu ý điều sau:

  • Không nên xóa những widget có sẵn trong template (cột giữa) mà các bạn tiến hành thêm hoặc thay đổi nội dung của chúng cho hợp lý bằng cách nhấp vào chỉnh sửa widget thay nội dung của widget đó bằng một hoặc nhiều nhãn để hiển thị bài đăng trong nhãn. Làm như hình sau:

Để hiển thị toàn bộ widget đẹp và chuẩn các bạn copy đoạn code sau rồi thêm vào trong templates của bạn.

.pix_uj li .uj_thumb{width:70px;height:70px;overflow:hidden;} @media only screen and (max-width:1219px){ #wrapper{width:986px;} .container,#footer-widget-area{width:944px;} .header-content{margin:0;padding:25px 21px} #sidebar-narrow,#top{display:none} #sidebar{float:right;width:300px;} #logo{float:left;width:270px;} } @media only screen and (max-width:985px) and (min-width: 768px) { #wrapper{width:750px;}#logo,#logo img{float:left;width:200px;} .container,#footer-widget-area,#main-content{width:730px;} #content,#uj-slider,.flexslider,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb{width:410px;float:left;} .scroler li .uj_thumb .overlay,.uj-box li:first-child .overlay{width:410px;height:160px} #content .post-body img{max-width:360px;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child{float:left;width:200px;margin-right:0} .uj-box.cols-2 li:first-child .overlay{width:200px;height:160px} .uj-box.cols-2 .uj_thumb .overlay:hover a.zoom{left:15%} .uj-box.cols-2 li:first-child .uj_thumb .overlay:hover a.post-link{right:15%} .cols-2.last-column{float:right;} .header-content{margin:0;padding:25px 15px} .header-content{background:transparent} .top-nav .container{position:relative} #sidebar{padding:0 0 0 4px;float:right;width:300px;} } /* Phone : 480px */ @media only screen and (max-width: 767px) and (min-width: 480px){ #wrapper{max-width:430px;width:100%!important} #topcontrol , .ads-top,#main-nav, .ads-bottom,.home-ads, .ads-post, .today-date, .slider-caption p{display:none !important;} header {width:420px !important;} #mobilenav{display:inline-block;border:1px solid #ccc;padding:2px 5px;} #navi.suball {background:#333;} .container,#main-content , .content , #content{width:420px !important; } .flexslider , .flexslider .slides > li ,.flexslider .slides img{height:250px !important;} .slider-caption h2 a, .slider-caption h2{ font-size:22px;} .single-post-thumb img { max-height:210px; } .slider-caption{width:auto;} .logo{float:none;text-align:center;} #uj-slider,.uj-box,#footer-widget-area,.flexslider,.uj_slider_item{float:none;width:400px;} #uj-slider{margin:0 auto 20px auto}.uj-box,.uj-box.cols-2,.pix_uj{margin-left:10px;} #top{display:none} .uj-box.cols-2,.uj-box.cols-2 .widget-content,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb,#tabbed-widget{float:none;width:400px;} .uj-box.cols-2 .widget>h2{width:400px;} .pix_uj .box-content ul li:first-child{width:400px;float:none;} .pix_uj .box-content ul li:first-child .uj_thumb,.pix_uj .box-content ul li .uj_thumb{width:100%;float:left;} .pix_uj .box-content ul li{width:31%;float:left;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child{float:left;width:400px;margin-right:0} .scroler li .uj_thumb .overlay,.uj-box li:first-child .overlay{width:400px;height:160px} #sidebar {width:400px;float:left;} #PopularPosts2 ul{width:380px;float:left;} #adsentop,#righttop{display:none !important;} } /* Phone : 320px */ @media only screen and (max-width:479px){ #topcontrol,.today-date,#main-nav,.slider-caption p,#cats-tabs-box,a.random-article{display:none;} #wrapper{max-width:297px;width:100%!important} .social-networks{display:none;} #mobilenav{display:inline-block;border:1px solid #ccc;padding:2px 5px;} #navi.suball {background:#333;} .container,#main-content,#content, #uj-slider,.uj-box,.flexslider{margin:0 auto 20px auto;width:277px;} #footer-widget-area{margin:0 auto;width:277px;} .uj-box.cols-2,.uj-box.cols-2 li,.uj-box.cols-2 li:first-child,.uj-box,.pix_uj .box-content,.UJ-list li,.UJ-list li:first-child,.inde-uj li,.uj-box li:first-child .uj_thumb{float:left;width:277px;} .pix_uj .box-content ul li:first-child{width:277px;float:left;} footer{padding:20px 0} #sidebar{padding:0 0 0 0;float:left;width:277px;border-left:0;} .fb-like-box{float:left;} #tabbed-widget,#sidebar .widget{float:left;width:277px;} #tabbed-widget .tabs-wrap li{width:90%;float:left;} #PopularPosts2 ul{width:250px;float:left;} #content .post-body img{max-width:250px;} #logo{max-width:150px;float:left;clear:both;} #logo img{width:150px;} #adsentop,#righttop{display:none !important;} #sidebar-top1 img{max-width:270px;} } @media only screen and (max-width:319px) { #wrapper{width:220px;} .head_brnews .breaking-news{display:none} #content {float:left;width:220px;} #sidebar{padding:0 0 0 0;float:left;width:220px;} }

Trong template các bạn tìm đoạn: <div id='sidebar' style='width:100%;max-width:300px;float:right;'> Và thay bằng đoạn: <div id='sidebar'>

Tìm tới trước đoạn <footer thêm đoạn code sau vào: <div class='clear'/>. Ví dụ:

<div class='clear'/>

<footer itemscope='' itemtype='http://schema.org/WPFooter'>
 
Nếu nút tiến và lùi ở phần hộp bài viết Slider  không hoạt động ở trình duyệt Chrome thì các bạn làm như sau:

Trong template các bạn tìm tới đoạn code:


#uj-slider{.........
          .. cho tới...
.uj_slider .flex-direction-nav .flex-prev{margin-right:41px}
 Các bạn thay bằng đoạn code sau:

#uj-slider{position:relative;max-width:620px;width:100%} #uj-slider .widget h2,.tabs-wrap .widget h2{display:none} .uj_slider{margin-bottom:2px;position:relative;margin-bottom:30px;overflow:hidden;background-color:#fff} .uj_slider_wrap{position:relative;height:350px;overflow:hidden;margin-bottom:3px;padding:0} .uj_slider_item{max-width:620px;height:340px;overflow:hidden;width:100%} .uj_slider .slides img{width:100%;height:auto;} .uj_slider .slider_caption{position:absolute;padding:10px 15px;background:#cd2122;background:rgba(205,33,34,0.8);left:0;bottom:100px;color:#f5f5f5;margin-bottom:12px;z-index:99} .uj_slider .slider_caption:after{content:"";height:3px;width:100%;background:#cd2122;background:rgba(205,33,34,0.8);overflow:hidden;display:block;left:0;position:absolute;bottom:-4px} .uj_slider_wrap .uj_slider_item{display:none;position:relative} .flex-direction-nav {*height: 0;} .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .uj_slider .slider_caption h3{margin-bottom:0;font-size:20px} .uj_slider .slider_caption h3 a{font-family:'Oswald',serif;color:#fff} .uj_slider .slider_caption h3 a:hover{color:#000} .uj_slider p.caption{position:absolute;background:#000;background:rgba(0,0,0,0.7);padding:7px 14px;bottom:39px;width:385px;color:#fff;font-family:tahoma;font-size:13px;line-height:17px;z-index:99} .uj_slider p.caption .post-meta{display:none} .uj_slider .flex-direction-nav a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxJKOmCDnvU-eDX9VI_QQtS3t1sBhKUv1xFStD8Uc1ixBGmRxZQxhRYap9kCiPMtQV2pML0Q7kw9Xairdzry2VUYR892Zf1FQIVSX1lsTnR7bIQIgBnZYZyHyQB-i4kebLe9yy26StUJM/s1600/bg_direction_navs.png) no-repeat;font-size:0;width:40px;height:40px;display:block; position:absolute;bottom:5px;cursor: pointer;right:5px;z-index:99} .uj_slider .flex-direction-nav .flex-next {background-position:100% 0;z-index:99} .uj_slider .flex-direction-nav .flex-prev {margin-right:41px;z-index:99} 

Hiện mình có 2 bản, 1 bản là nguyên thủy của Uong Jowo còn một bản mình đã chỉnh sửa thêm thắt rồi nên nếu các bạn ngại sửa thì có thể dùng bản của mình. Bản của mình thì chỉ thêm đoạn code thay màu cho link thôi. Nếu các bạn không thích có thể xóa nó đi. Trong file templates của Rinblog là rin.txt tìm đoạn:

a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:hover {color:#000000;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */
Chỉnh sửa hay xóa đều được.

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

[Blogger Tips] Phân tích ưu, nhược điểm của tên miền tiếng việt và tính khả dụng khi áp dụng cho blog của bạn.

Cùng chung nhịp đập phát triển internet toàn cầu, mỗi quốc gia đều thành lập cho mình một hệ thống tên miền bằng chính ngôn ngữ của quốc gia đó để khẳng định chủ quyền trên internet. Và nước ta cũng không thể nằm ngoài hướng phát triển đó. Tên miền tiếng Việt ra đời như một nhu cầu tất yếu của phần đông người sử dụng internet Việt nam. Và như các bạn đã biết thì hệ thống tênmiềntiếngviệt.vn đã cấp phát miễn phí được gần 3 năm. Thế nhưng đi kèm với lượng đăng ký khổng lồ thì nhu cầu sử dụng thực sự và hiệu quả của nó tới đâu thì còn cần phải xem xét lại.

Đúng như ý nghĩa ban đầu của dịch vụ miễn phí này, tên miền bằng tiếng việt được trao miễn phí cho người dùng trong nước để khẳng định thương hiệu Việt trên internet. Thế nhưng số lượng những tên miền được đăng ký sử dụng đúng mục đích và có sự phát triển ổn định thì lại chiếm số ít. Đa số là những tên miền đó để treo hoặc chuyển hướng tới một tên miền khác.  Nếu bạn dành một vài phút để kiểm tra những tên miền hot hoặc những tên miền thông dụng bằng tiếng việt trên hệ thống WHOIS của VNNIC thì kết quả đưa ra khá thú vị. Mình ví dụ tên miền: vuicười.vn. chủ thể và ngày đăng ký rất rõ ràng thế nhưng sau 3 năm thì cái tên miền ấy nó vẫn còn ở trang khởi động của VNNIC. Và còn rất rất nhiều những tên miền khác được đăng ký mà không được sử dụng đúng mục đích, như thế có phải là lãng phí? Vấn đề này phải xem xét thêm về quy trình đăng ký và sử dụng của VNNIC, nếu VNNIC cho đăng ký miễn phí nhưng có sự quản lý chặt chẽ cũng như quy chế kiểm tra định kỳ và thời hạn treo ( thời gian tên miền đăng ký nhưng không sử dụng gây lãng phí) của tên miền thì tình trạng trên sẽ không xảy ra. Và đương nhiên, những người có nhu cầu thực sự sẽ không phải chờ đợi hay mua lại với giá cao những tên miền đã được đăng ký nhưng dùng sai mục đích.

Xu hướng là như vậy, Nhưng nếu bạn có một chiến lược phát triển lâu dài và ổn định, Tên miền bằng tiếng Việt có nên được lựa chọn làm tên miền chính thức?

Để trả lời cho câu hỏi trên, RinBlog sẽ phân tích cụ thể điểm mạnh và yếu của một tên miền tiếng việt để các bạn có thêm một cách nhìn về hệ thống này để đưa ra quyết định cho mình có nên dùng tên miền tiếng việt hay không.

Nói về ưu điểm của tên miền bằng tiếng Việt thì rất rõ ràng rồi. 


  • Nếu website của bạn sử dụng tên miền bằng tiếng Việt, độ an toàn của tên miền được bảo đảm bằng hệ thống VNNIC, website của bạn được pháp luật bảo vệ (trong trường hợp bạn làm đúng theo quy định của bộ TTTT).
  • Website bằng tiếng việt của bạn sẽ được khẳng định thương hiệu trên internet bằng chính tiếng Việt
  • Hệ thống quản lý tên miền khá đầy đủ với những chức năng cơ bản: Redirect, DNS hosting, tạo website... ngay trên hệ thống bằng webtemplate có sẵn.
Nhưng nếu bạn chấp nhận sử dụng tên miền bằng tiếng Việt, bạn cũng sẽ gặp phải những phiền toái nhất định trong quá trình quảng bá cũng như mức độ thân thiện của tên miền bằng tiếng việt trên internet toàn cầu.

Nhược điểm của tên miền tiếng việt sẽ thể hiện rõ ngay khi bạn tiến hành đưa blog của bạn ra với công chúng.
  • Thứ nhất, Vì tên miền bằng tiếng Việt có dấu, nên bạn và độc giả của bạn sẽ gặp không ít khó khăn khi gõ tên miền của bạn vào thanh địa chỉ của trình duyệt. Việc này yêu cầu sự hỗ trợ của các phần mềm gõ tiếng việt có dấu. Nhưng nếu chỉ gõ sai dấu hoặc sai vị trí dấu do lỗi của phần mềm thì ngay lập tức sẽ sai địa chỉ. Việc này chỉ giải quyết được khi bạn có hệ thống từ khóa thân thiện và thứ hạng cao trên google hoặc yahoo.
  • Thứ hai, ngoài một số trình duyệt hỗ trợ địa chỉ bằng tiếng việt thì vẫn còn khá nhiều những trình duyệt vẫn chưa thân thiện với tên miền này cho lắm, nhất là những trình duyệt trên điện thoại. 
  • Thứ ba, đối với những hệ thống hỗ trợ SEO và các công cụ hỗ trợ bạn quảng bá trang web thì hầu hết bằng tiếng anh ví dụ như alexa, google analytics..., và khi đó tên miền của bạn sẽ bị chuyển đổi thành mã ASCII, một dãy ký tự khá dài và nhìn khá rối mắt. Ví dụ tên miền hiện tại của RinBlog là "Rinviệt.vn" thì mã ASCII là: "xn--rinvit-mk8b.vn" khá dài và khó nhớ dẫn tới khó khăn khi sử dụng những công cụ SEO cho blog của bạn.
Mặc dù là mã ASCII nó vẫn đưa trang đích tới trang blog của bạn đấy, thế nhưng nhìn nó khá là dài, và khiến cho người đọc dễ bị lầm tưởng với những trang web mang mã độc bởi vì hệ thống này đa số người dùng đều chưa biết hoặc không biết tới chúng.
Nhưng xét một cách tích cực, tên miền tiếng việt vẫn là một cách hữu hiệu để phát triển blog nếu bạn biết cách phân tích và định hướng cụ thể cũng như có những phương pháp khắc phục điểm yếu của chúng. 
Sau vài tháng sử dụng tên miền tiếng việt mình cũng rút ra được vài cách khắc phục những điểm yếu của tên miền tiếng việt và mình muốn chia sẻ với các bạn.
  • Thứ nhất, hãy đăng ký một tên miền bằng tiếng việt dễ viết và tránh bị sai dấu khi sử dụng phần mềm viết tiếng việt. 
  • Thứ hai, việc có một tên miền không dấu cùng với có dấu sẽ giúp độc giả của bạn dễ dàng tìm tới trang web của bạn hơn rất nhiều
  • Thứ ba, hãy giải thích rõ với độc giả của bạn về mã ASCII tên miền của bạn.
RinBlog hi vọng những chia sẻ trong bài viết này sẽ giúp các bạn có thêm những cái nhìn mới về hệ thống tên miền tiếng việt và có cho mình một định hướng phát triển lâu dài và thành công với tên miền tiếng việt.

Bài viết được viết trên quan điểm cá nhân của RinBlog, mọi góp ý vui lòng comment hoặc liên hệ.
Chúc các bạn thành công.

[Blogger Tips] Hướng dẫn tạo widget bài viết mới - recent post hiệu ứng 7 màu đẹp cho blogspot


Để làm được một widget bài mới đăng hiệu ứng như hình trên, các bạn vui lòng thực hiện theo các bước sau:

Bước 1: Vào bảng điều khiển Blogger của bạn, sau đó chọn bố cục (layout)

Bước 2: Chọn thêm tiện ích (add widget) vào vị trí bạn muốn widget bài mới  hiện trên trang của bạn

Bước 3: Chọn loại tiện ích HTML / Java script sau đó copy và dán toàn bộ đoạn code sau vào phần nội dung của tiện ích.

code:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">


home_page = "http://doanthieuda.blogspot.com/";
numposts = 5;

imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></div>

Lưu ý:

Các bạn tùy chỉnh đoạn code trên như sau:

home_page = "http://doanthieuda.blogspot.com/";  ----Thay doanthieuda.blogspot.com = tên blog của bạn.

numposts = 5; ----------------------------------------------- 5 là số bài viết sẽ được hiện.


<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">  ------ Nếu sau khi thêm widget mà trang web của bạn bị xung đột code thì có thể xóa dòng màu xanh này đi. Lưu ý là nếu có xung đột thì mới xóa nhé, còn không có xung đột thì vẫn để nguyên.

Bước 4: Lưu lại và thưởng thức.

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

Code được sưu tầm và chỉnh sửa bởi RinBlog.

[Blogger Tips] Tạo Recent Post cho Blogspot chuyên nghiệp, Chia sẻ code Recent Post RinBlog đang dùng.



Như tiêu đề đã đăng, tớ sẽ chia sẻ đoạn code mà tớ dùng để tạo widget recent post đang áp dụng cho RinBlog. Cách làm cực kỳ đơn giản và hoàn toàn không đụng tới code chính của template.

Bước 1: Các bạn vào trang quản trị blogger, tiếp đó vào trang blog của cácbạn.

Bước 2: Các bạn chọn Bố cục (layout) rồi sau đó chọn thêm tiện ích (Add widget)

Bước 3: Trong giao diện của sổ hiện ra các bạn chọn loại widget là HTML/JAVASCRIPT

Bước 4: Copy và paste toàn bộ đoạn code sau vào ô nội dung, ô tiêu đề các bạn có thể tùy chọn theo ý riêng của các bạn.

Code:

<style type="text/css">

/*<![CDATA[*/
img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #cccccc;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:#fff;margin-right:10px;height:70px;width:70px}
img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}
.label_with_thumbs a{color:#000000;font-size:12pt;outline:0;text-decoration:none}
.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}
#mdjumplink{font-weight:normal;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:normal;text-decoration:none!important}
#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}
#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}
#mdjumplink a:hover{color:#888!important;text-decoration:none}
#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;font-size:13px;font-weight:normal}
#mdcomments:hover{background:#F4A557;text-decoration:none}
/*]]>*/
</style><script type="text/javascript" src="http://dl.dropboxusercontent.com/s/lvcqh2soqpa5tty/animated-recent-posts-ycode-5.js"></script>
<script type='text/javascript'>
//<![CDATA[
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = false;
var showpostsummary = false;
var numchars = 80;

//]]>
</script>
<script src='http://doanthieuda.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs'></script>

Hết code.
Trong đoạn code trên, các bạn tùy chỉnh như sau:

var numposts = 5;  ----------------------- 5 là số bài viết các bạn muốn hiển thị
var showpostthumbnails = true;  ---------- Hiện ảnh thu nhỏ: true là có, false là không hiện ảnh
var displaymore = true;  ------------------ Hiện nút đọc thêm (readmore), true là có, false là không hiện
var showcommentnum = true; ------------ Hiện số bình luận (comment), true là có, false là không hiện
var showpostdate = false; ---------------- Hiện ngày viết, true là có, false là không hiện
var showpostsummary = false; ----------- Hiện đoạn tóm tắt,  true là có, false là không hiện
var numchars = 80; ---------------------- 80 là số ký tự trong đoạn tóm tắt

http://doanthieuda.blogspot.com/ ---------Thay địa chỉ này bằng địa chỉ trang blogspot của các bạn.

Bước 5: Lưu lại và xem thành quả.

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

[Blogger Tips] Hướng dẫn cách tạo, thêm hộp like (Like box) đẹp cho blogspot chuyên nghiệp


Như các bạn đã biết Facebook hiện nay cùng thịnh hành, nó đã và đang trở thành một kênh quảng bá cực kỳ quan trọng trong chiến  dịch SEO và quảng cáo cho trang web cũng như blog của bất kỳ một webmaster nào. Việc tạo một fanpage và  quảng bá chúng là một việc đương nhiên phải đặt lên ưu tiên hàng đầu. Với lượng người dùng Facebook hiện tại trong nước cũng như trên thế giới thì chẳng mấy chốc, website của bạn sẽ được đánh giá hàng đầu. 

Thêm một hộp like Fanpage vào trang web của chính bạn sẽ làm cho trang web của bạn trở nên chuyên nghiệp hơn, thân thiện hơn, và hơn hết là chiến dịch quảng bá của bạn sẽ thành công, Những khách quan tâm họ sẽ có một nơi để cập nhật những tin tức quan trọng nhất của bạn và tham gia thảo luận cùng nhau.

Hiện tại thì Facebook cũng cho phép chúng ta tạo một hộp like bằng chương trình develop của họ. Tuy nhiên thì hộp like mặc định đó lại khá đơn giản và không thể tùy biến được. Vậy hôm nay mình sẽ hướng dẫn các bạn tự tạo và tùy biến một hộp like facebook đẹp và phù hợp với nhãn quan của riêng bạn.

Bắt đầu thôi:

Bước 1: Các bạn đăng nhập vào Blogger, sau đó chọn Bố cục (layout)  rồi chọn thêm Widget.

Bước 2: Các bạn chọn wiget loại HTML and JAVASCRIPT nha.

Bước 3: Các bạn chọn một trong những đoạn code dưới đây và dán chúng vào Widget mà các bạn vừa tạo. 
Lưu ý là trong đoạn code các bạn thay:  DoanThieuDaBlog bằng tên fanpage của các bạn nhé, nó chính là đoạn sau trong địa chì fanpage của bạn:  https://www.facebook.com/DoanThieuDaBlog

Bước 4: Lưu lại và thưởng thức. Các bạn chú ý là nếu các bạn biết về code thì có thể chính sửa chiều cao, chiều rộng và thậm chí là thay nền cho hộp like nếu các bạn có hình vừa ý nhé.

Kiểu 1




Code:
-----------------------------------------------------------------------------
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-XCs7l83EPRAI5VzX0pzKP2X9JI3cSGDqckVF1E1tT3TP-l30tmBk5GZU1sbZYD4UpxGr2Q7CUR-UB5t6Fii-kBhTb5xWpSeBkc5ZeB24QLy8zlNAGgLA4n101yP0A7PuPmzxA-n011av/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FDoanThieuDaBlog&amp;width=250&amp;
height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>

</div>
</div>
-----------------------------------------------------------------------------
 Kiểu 2






Code:


-----------------------------------------------------------------------------
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKxy8nX7-gUvAVyjVDcJnBZe4ogeCIZdd_Wo7kBLvfvYi4TOWzx2kNdbApranPDKd8YLOnxxQC72k799r14fdIwAFcAd2xXoCVDD0WS2EIen9Z_O0ObqD6PIUTA1G0vFiEbRJ5RPfq6nuA/s1600/fan-02-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FDoanThieuDaBlog&amp;width=250&amp;
height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>


</div>


</div>-----------------------------------------------------------------------------
Kiểu 3


Code:

-----------------------------------------------------------------------------
<div style="-moz-box-shadow: 0px 15px 20px 0px #777777; -webkit-box-shadow: 0px 15px 20px 0px #777777; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #CCCCCC; box-shadow: 0px 15px 20px 0px #777777; height: 270px; margin: 30px; padding: 10px 0 10px 10px; width: 250px;"><div style="height: 250px; overflow: hidden;"><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FDoanThieuDaBlog&amp;width=250&amp; height=258&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>


</div></div>
-----------------------------------------------------------------------------
Hướng dẫn thay ảnh nền.

Các bạn lưu ý là ở Đoạn code 1 và 2 các bạn cũng có thể thay đổi ảnh nền của hộp like bằng chính hình ảnh của mình nhé, các bạn tự tạo một hình ảnh hoặc tải ảnh dưới đây về, sau đó tùy biến và up lên blogspot của bạn. Tiếp đó bạn lấy đường link và dán vào đoạn code mình bôi màu đỏ nhé


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

Bài viết được sưu tầm và chỉnh sửa code cho phù hợp bởi:  Đoàn Thiếu Da