Cơ hội đăng banner quảng cáo miễn phí trong vòng 1 tháng trên RinBlog chỉ với một bài viết đóng góp

Với tiêu chí hợp tác và giúp đỡ lẫn nhau cùng phát triển, từ hôm nay RinBlog sẽ triển khai một chương trình quà tặng nho nhỏ dành cho những bạn quan tâm RinBlog. Chỉ với 4 bước đơn giản là bạn có thể nhận được phần thưởng là 1 tháng treo banner 350x200 miễn phí trên RinBlog. Quảng cáo sẽ được hiển thị ở tất cả mọi trang kể cả trang 404 :).
Để tìm hiểu thêm về chương trình nho nhỏ này các bạn vui lòng click vào linh dưới đây để tham gia.

Hãy cùng nhau phát triển cộng đồng Blogger Việt nhé các bạn!

CLICK THAM GIA

Maxxiz Responsive Blogger Templates - Giao diện tin tức 3 cột Maxxiz cho blogspot

Đây là một trong những Template đẹp và chuẩn nhất cho một blog tin tức. Thừa hưởng những điểm mạnh mẽ và thân thiện trong dòng Responsive Templates của MKR, Maxxiz là một ứng cử viên sáng giá cho một sự lựa chọn hoàn hảo với người dùng Blogspot.

Tính năng đặc sắc:

• Template thiết kế theo dòng Responsive thân thiện, SEO chuẩn
• Widget hiện bài theo từng nhãn riêng biệt
• Dòng tin tức mới chạy ngang đẹp mắt
• Slide show bài mới và theo nhãn đẹp bằng JQuery
• Hộp theo dõi qua mail chuẩn, đẹp
• Tab chia 3 phần đẹp mắt, mượt mà
• Bài ngẫu nhiên đẹp, có bài nổi bật cực đẹp
• Menu CSS, HTML đẹp và mượt

DEMO

Để sử dụng template này tốt nhất, các bạn nên xem qua hướng dẫn trong file download.
Các bạn chú ý là hiện tại một vài chương trình diệt virus xét nhầm file html trong file download template là virus nên RinBlog sẽ không sử dụng file html hướng dẫn nữa mà sẽ chuyển sang file PDF để tránh phiền toái.

DOWNLOAD

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

Cody Responsive Blogger Template - Giao diện Cody cho blogspot

RinBlog thân tặng các bạn một template responsive khá đẹp dành cho blog cá nhân và blog tin tức.

Những tính năng được tích hợp sẵn trong template này:

• Template được với thiết kế Responsive
• Tự động rút gọn bài viết trên trang chủ
• Tự động tạo và resize ảnh thumbnail
• Menu thả xuống dựa trên CSS và HTML cực đẹp
• Tự động hiển thị ngày tháng phía trên góc phải màn hình
• Tích hợp sẵn tab theo dạng Jquery
• Hộp tìm kiếm thân thiện
• Có slide show ảnh bằng Jquery
• Có hộp chia sẻ bài viết lên mạng xã hội
• Bài viết liên quan đẹp ( Nếu đặt ở footer)
• Hộp Follow by mail đẹp 
• Trang layout đơn giản, thân thiện, dễ sử dụng

DEMO

Để sử dụng template này tốt nhất, các bạn nên xem qua hướng dẫn trong file download.
Các bạn chú ý là hiện tại một vài chương trình diệt virus xét nhầm file html trong file download template là virus nên RinBlog sẽ không sử dụng file html hướng dẫn nữa mà sẽ chuyển sang file PDF để tránh phiền toái.
 
Rất mong các bạn thông cảm và ủng hộ

DOWNLOAD

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

Purez Responsive Magazine Blogger Template Premium Free - Chia sẻ Template Purez bản premium

RinBlog hôm nay xin chia sẻ tới các bạn một template cực đẹp và chuẩn SEO của MKR, template này được bán trên themeforest là 20$ với hơn 20 lần mua. Code template RinBlog chia sẻ hôm nay là code chuẩn được share từ một người bạn đã mua trực tiếp code trên themeforest nên các bạn hoàn toàn yên tâm là sẽ đạt được 100% tất cả những tính năng đặc sắc của bản gốc như demo.

Tất cả hướng dẫn đều nằm trong thư mục Documentations trong bản download, việc thêm widget, thay hình nền...v..v, đều rất dễ thực hiện.

Trong bản tải về có 4 file XML tương đương với 4 phiên bản bố cục khác nhau, các bạn có thể thử từng kiểu để tìm được kiểu ưng ý nhất.

DEMO

DOWNLOAD

Đừng quên nhấn like và chia sẻ nha! :)

Sahifa Responsive Blogger Templates v5.0 - Giao diện Sahifa v5.0 Phát triển riêng cho blogspot.

 

Như các bạn đã biết thì Sahifa là một theme cực hot của wordpress, nhưng đáng tiếc là chưa có ai phát triển template này cho blogspot. Vì lý do trên, RinBlog quyết định sẽ phát triển một theme có tính năng và hình thức giống tới 98% so với phiên bản sahifa của bên wordpress.

Template này RinBlog sẽ đặt tên  là Sahifa V5.0 cho khác với bản gốc. Template này được RinBlog phát triển từ một template rất hot của Blogspot, đó là Widgetly. Vì đây là bản phát triển thêm nên Sahifa v5.0 vẫn giữ được những ưu điểm tuyệt vời từ template Widgetly

Sahifa 5.0 có gì hot?

• Giao diện responsive thân thiện, code tối ưu, trang load nhanh, hiệu ứng đẹp.
• Giao diện chỉ có 2 cột đẹp, thân thiện hơn, SEO tốt hơn.
• Bố cục được chia theo dạng tin tức, từng block, widget đẹp, rõ ràng.
• Footer tùy chỉnh 3 cột cực đẹp và hợp thời trang.
• Dễ dàng tùy chỉnh màu sắc, font chữ, hình nền...v..v

Để xem cụ thể hơn các bạn xem demo tại đây

DEMO

Đối với giao diện này, để thêm nội dung cho mỗi widget riêng ở cột bên trái trên trang chủ các bạn chú ý làm như sau:

Không nên xóa những widget có sẵn trong template (cột trái trên trang chủ) 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ư sau:

Vào bảng điều khiển blogger >> Bố cục >> Chọn chỉnh sửa 5 tiện ích HTML có sẵn ở cột bên trái.

Clean-5: Là widget hiện hộp bài viết theo dạng trình chiếu, chỉ cần thêm label vào phần nội dung là được.

Các widget bên dưới cũng làm tương tự để hiện thị bài trong 1 nhãn riêng biệt

Còn nếu các bạn muốn hiện bài viết mới nhất thì chỉ việc tạo 1 label là New hoặc Feature rồi thêm label đó vào phần nội dung. Sau đó các bạn viết bài chỉ cần thêm Label New là bài đó sẽ hiện trên widget mà các bạn thêm label trước đó.

 Các bạn tải tại đây:

DOWNLOAD

Template này do RinViệt phát triển nên nếu các bạn có thể thì hãy giữ một liên kết nhỏ tới Rinviet.com nha. Cái đó coi như công sức mình ngồi sửa code ý mà. ^^

Chia sẻ Tổng hợp acc VIP Megashare, Fshare, 4Share còn hoạt động (tháng 12 năm 2013 Và đầu năm 2014)

Như bài đăng trước mình đã chia sẻ với các bạn những acc Vip của Megashare, Fshare mà cộng đồng đã chia sẻ và sử dụng tốt trong tháng 11. Hôm nay mình sẽ tiến hành renew toàn  bộ những acc mình đã đăng xem acc nào chết acc nào sống. Và rất may là đa số acc VIP Megashare còn sống nhăn, chỉ có 1 acc của Fshare là ngỏm thôi, nhưng bù lại mình lại tìm được thêm hai acc VIP Fshare nữa cho các bạn. 

Và cách dùng vẫn như cũ. Để dùng được lâu dài thì các bạn dùng xong phải có ý thức out acc ra nha, phải tập dần cái thói quen ấy đi. Và khi reset mật khẩu thì cứ  reset y như mật khẩu mặc định mà mình đăng lên đây nha. Anh chị em sử dụng có ý thức nha!

Đầu tiên là danh sách acc VIP MEGASHARE

Định dạng là:  Tên đăng nhập / Mật Khẩu

1. soigia / 12345654321
2. duyphong1 / 12345654321
3. monggio2 / 12345654321

 Những acc này không đổi được Pass nên các bạn yên tâm sử dụng nhé. 

Tiếp theo là acc VIP FSHARE

Những acc VIP FSHARE này đổi được pass nên các bạn phải thực hiện lấy lại Pass qua YOP mail.

Định dạng là :  Tên đăng nhập / YOPmail

1.  khoinghiep2011@yahoo.com /  fsharelifetime.com@yopmail.com / Mật khẩu reset lại: 123456
2. allsharevip@yahoo.com /  allsharevip@yopmail.com / Mật khẩu reset lại: 123456
3. ditimhacker@gmail.com /  banfsharevipvinhvien300k@yopmail.com / Mật khẩu reset lại: 123456
4. hdvietnam10@yopmail.com / Mật khẩu reset lại: 123456
5. fshare@sinhvienit.net /  Mật khẩu : sinhvienit

Đối với acc thứ 4 của bên VIP FSHARE này thì email đăng nhập là email lấy lại mật khẩu luôn nha.

Còn acc thứ 5 thì ID và MK luôn đó, khỏi phải reset.

Cách Lấy lại mật khẩu FSHARE bằng YOPmail: Các bạn xem lại bài viết này nha!

http://www.rinviet.com/2013/11/chia-se-tong-hop-acc-vip-megashare.html

Nhớ là dùng có ý thức và tập thói quen như mình đã nói ở trên đấy nha! 

Codify Blogger Template - Giao diện Codify cho blogspot cực đẹp, bản chuẩn.

DEMO

Sau một hồi lâu ngồi giải mã những code hex bản quyền của template codify này thì RinBlog quyết định sẽ chia sẻ cho các bạn template này. Vì đây là bản được RinBlog giải mã cũng như phát triển từ bản free nên RinBlog sẽ hạn chế chia sẻ, không chia sẻ trực tiếp nữa, mà sẽ chia sẻ qua email. Nếu các bạn muốn được RinBlog chia sẻ thì vui lòng để lại email dưới comment, RinBlog sẽ gửi giao diện này cho các bạn trong vòng 24h.

Điểm khác biệt giữa bản Free bình thường và bản được RinBlog giải mã:

• Giải mã toàn bộ code copyright ở header và footer để các bạn dễ dàng chỉnh sửa
• Giải mã và đưa toàn bộ code css từ file mã hóa trên host nguồn vào thẳng template
• Biến tấu một chút để dễ chỉnh sửa hơn so với bản free

Vì có một chút công sức của mình trong bản này nên mình sẽ rất vui nếu các bạn đặt một textlink về rinviet.com. Còn nếu không muốn thì cũng không sao :)

Một chú ý nho nhỏ là với 3 widget ở phía footer thì các bạn phải tiến hành thêm tiện ích vào thì mới đẩy dòng copyright xuống được nhé. Cứ thêm 3 widget bất kỳ vào là chuẩn như demo luôn.

Hi vọng các bạn sẽ thích template này, vì theo mình được biết thì template này chưa hề được giải mã và chia sẻ, các bản chia sẻ hầu hết là bản chia sẻ free nguyên thủy còn nguyên code mã hóa. Bạn nào cần thì để địa chỉ email ở phần comment nha :)

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.

Team Blog Magazine Responsive Blogger Template - Giao diện tin tức đẹp cho blogspot

Hôm nay RinBlog xin gửi đến các bạn một template cực đẹp được phát triển cho trang tin tức từ Uong Jowo. Với bố cục rõ ràng, thân thiện với hầu hết các thiết bị hỗ trợ duyệt web, Desktop, Laptop, Mobile...
Để sử dụng template này các bạn vui lòng giữ link ở footer của Uong Jowo để tôn trọng bản quyền của người thiết kế.

DEMO

DOWNLOAD

Xem thêm những template đẹp khác cho Blogspot tại đây

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. 

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.

Skill Responsive Template for Blogger - Giao diện blog cá nhân cho blogger.

RinBlog xin chia sẻ với các bạn một template đẹp dành cho blogger của tác giả ProBtemplates.com.

DEMO

DOWNLOAD

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

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. 

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.

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à "Có". 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.

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.

Lừa đảo bán hàng online qua facebook : Cảnh giác không bao giờ là thừa

Bài này mình sẽ phân tích một chút về bán hàng qua facebook để các bạn hiểu rõ hơn về hình thức này.

Bán hàng online qua Facebook là một xu hướng mới, nó chỉ mới được người ta biết tới và phát triển mạnh trong vòng 3 năm trở lại đây và cho tới bây giờ thì nó trở thành "mốt". Không chỉ những cửa hàng uy tín, có chất lượng tìm tới loại hình này để tăng doanh thu mà còn có thêm một đội ngũ bán hàng không chuyên sử dụng facebook như là một kênh bán hàng chính thức. Vì sao lại có xu thế này ư? Rất đơn giản hãy xét qua những lợi thế mà RinBlog tổng hợp sau đây:

Bán hàng qua facebook được ưa chuộng vì:

• Là một kênh siêu mạnh để quảng bá với lượng người dùng đông đảo, rất dễ để có được những khách hàng tiềm năng sẵn sàng bỏ tiền ra để mua hàng.
• Sử dụng facebook để bán hàng online không phải nộp một đồng tiền thuế nào và cũng không phải đăng ký kinh doanh.
• Chẳng bao giờ sợ cơ quan chức năng sờ gáy và vì thế tự do buôn bán miễn là không buôn hàng cấm.
• Dễ dàng tạo dựng một page với hàng chục nghìn thậm chí trăm nghìn like để tạo dựng uy tín.

Vì những lợi ích trên mà ngày càng có nhiều những bạn trẻ "máu" làm giàu chọn hình thức này để kinh doanh. Và lợi nhuận nó mang lại là không hề ít. Ví dụ đơn cử như trường hợp của anh Lê Thành Vân, CEO của cty Tâm Phúc Thành mà báo chí có đăng gần đây. Đây chỉ là một trong số hàng nghìn người đang theo đuổi hình thức kinh doanh này.

Đứng trên phương diện người kinh doanh là như vậy, nhưng trong số hàng nghìn những page bán hàng trên facebook, sẽ có không ít những page lập ra chỉ để lừa đảo và kiếm lời từ lòng tin của những người tiêu dùng chủ quan. Và những page này lại có những điểm rất thu hút khiến cho người mua dễ bị lợi nhuận làm mờ mắt và dẫn tới là bị tiền mất tật oan.

Vậy những page bán hàng lừa đảo này hoạt động ra sao, làm thế nào để nhận biết và tránh những page lừa đảo này?

Cách nhận biết thì khá đơn giản, tuy rằng các page lừa cảo cố gắng làm thật giống những page bán hàng chân chính nhưng các bạn vẫn có thể nhận ra được nếu các bạn chịu tìm hiểu kỹ.

Một vài cách nhận biết page lừa đảo mà các bạn có thể áp dụng:

• Để nhận biết một page bán hàng lừa đảo hay chân chính thì điều đầu tiên các bạn phải xét tới mô hình và phương thức hoạt động kinh doanh của họ. Một mô hình mập mờ và phương thức hoạt động không rõ ràng, sẽ lộ rõ bản chất không chuyên nghiệp của người bán hàng. Mình ví dụ: Một page bán quần áo online mà chỉ đi copy ảnh từ những site bán hàng làm thành của mình thì đó là page khó có thể tin tưởng. Thanh toán chỉ để cập tới chuyển khoản hoặc bằng thẻ điện thoại mà không nhắc tới thanh toán trực tiếp thì cũng cần phải xem xét....
• Thứ hai bạn phải quan tâm tới phản hồi của những người đã mua hàng trước hoặc comment trong page đó, hãy cứ xem hết, vì đôi khi họ cố tình sử dụng acc clone ( Nick facebook của chính họ) để PR cho page, bạn phải xem thật kỹ, vì đôi khi sẽ có những comment phản hồi rất có giá trị mà chủ page lừa đảo chưa kịp xóa hoặc xóa không hết :)...
• Thứ ba, hãy kiểm tra thật kỹ tính xác thực của page và gian hàng bạn đang xem, hãy xem địa chỉ cụ thể, và nếu là món hàng có giá trị, hãy kiểm tra địa chỉ đó có thật hay không hay chỉ là một địa chỉ được bịa ra để tạo lòng tin, kiểm tra bằng điện thoại không phải một cách hay, vì đôi khi đây lại chính là cái bẫy mà kẻ lừa đảo giăng ra để kéo bạn vào. Thế nên đừng bao giờ coi điện thoại là một cách xác minh đáng tin cậy.
• Đừng bao giờ Ham giá rẻ vì đôi khi những page lừa đảo lại đặt giá cả lên hàng đầu để chèo kéo bạn đấy. Mình ví dụ một chiếc IPHONE 4 giá thị trường là khoảng trên dưới 6 triệu, nhưng trong page lại chỉ có 3tr5 và là hàng xách tay mới 100%. Cái đó là không thể có. Nếu có cũng là hàng Fake hoặc đã qua sử dụng. Vì thế nên cân nhắc sau khi đã tham khảo kỹ giá cả của những page này và giá cả thị trường.
• Đối với hình thức bán cá nhân thì rất khó để xác thực, vì đôi khi cũng có người bán thật người lừa đảo, nhưng bạn phải cân nhắc thật kỹ, hãy tham khảo ý kiến của bạn bè, đừng quên vào google và tìm kiếm những trang có liên quan giống với tên người bán, vì đôi khi những ý kiến phản hồi không nằm trực tiếp trên face, mà nó lại nằm ở một diễn đàn khác với cái tên : "facebook xxxxxxx bán hàng lừa đảo"... Các bạn hãy cân nhắc thật kỹ.

Những cách trên tuy không phải là cách duy nhất để phát hiện ra page lừa đảo nhưng cũng là những cách phổ biến mà mình thường sử dụng khi xem xét một page nào đó. Tham khảo để tránh bị lừa thì không bao giờ là thừa cả.

Tóm lại, dù công nhận hay không thì bán hàng qua Facebook vẫn đang được ưa chuộng và vẫn rất thịnh hành. Điều quan trọng ở đây là tới bao giờ pháp luật sẽ có biện pháp quản lý hình thức này và chế tài xử phạt ra làm sao. Điều ấy vẫn còn trên bản thảo và còn phải chờ một thời gian nữa, bao lâu thì RinBlog chịu :)

Nhưng trong khi chờ nhà nước thì anh chị em dùng Facebook hay mua hàng phải tự bảo vệ mình cái đã. Có như vậy mới hạn chế được những page lừa đảo tràn lan, và nếu biết một page có dấu hiệu lừa đảo, đừng ngần ngại mà hãy bấm Report Spam hoặc lừa đảo cho facebook, vì một người rồi nhiều người report, kiểu gì cũng sẽ có kết quả tích cực.

Hi vọng sau bài này anh chị em sẽ có thêm một kinh nghiệm khi dùng và mua hàng qua facebook.

Đọc thêm về Lừa đảo bằng ứng dụng trên Facebook

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/AVvXsEjvi7ypWDkr3LeTXVXHtxKTGklHLOn0Gejk5AdoMTRlRt9Yan3ByEe0SpwwXBT1h8FmbZdvmscXF77Lq8HDIIkLvc_mA1b8fHgg2JJMHH08mYEuRFEPRGuLbW2T2qgvcqgOv0ztvmAks6eT/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.

Adamz - Responsive Blogger Template V1.3 - Share template RinViệt đang sử dụng

Rinviệt thân tặng các bạn templateAdamz - Responsive Blogger Template version 1.3 mà Rin việt đang sử dụng. Đây là một trong những Responsive template cho blogger hàng đầu hiện nay và được rất nhiều blogger sử dụng vì sự tiện lợi, đơn giản và đẹp.

DEMO

DOWNLOAD

Để tùy chỉnh và làm đẹp thêm cho template này các bạn có thể xem thêm những bài hướng dẫn khác ở đây.

Chúc các bạn vui vẻ

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/AVvXsEjMggtPcYe1iNw05rj1XCOhsZRlEXQVOUNWgxBHgqotSRTJgxgDAuwGyTrS8kIAGI2OzzhTfqIHePSSq5OQz2kIJle-kD-8RqF8jjt3Et-Lc-EctEOYJACnVIZ2VSUxPPEbv-O8jPMccPw/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.