[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/AVvXsEiEjH7w5lThByNSVdiTGzPN_9eXJntmPWIAOpPgHYAHl8tj7eDsZtfguNFvtt-i8YOm5ty5RkY7Rek8YkpucT_d9vQHT67IfkgzHRNMkLsvaEpaYVLvspItU7IoKi2UWzRE3znIi_YOfJ8q/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.
Category: Blogger tips, Blogger Widget, New
0 nhận xét