Hướng Dẫn Tạo Nút Like Và Share Vào Đầu Hoặc Cuối Bài Viết Cho Blogspot

Khi lướt web lấy thông tin, bạn thường thấy ở đầu hoặc cuối bài viết có nút Like, Share để ủng hộ bài viết đó.

hôm nay mình sẽ hướng dẫn các bạn tạo nút like, share vào trong blog.

Hướng dẫn thêm nút Like, Share vào cuối bài viết cho blog:

Bước 1: Chọn Mẫu >> Chỉnh sửa HTML

Bước 2: Tìm đoạn code sau:

Blog có nhiều loại khác nhau nên đoạn code cần tìm sẽ khác nhau. Vì vậy, bạn cần chú ý xem blog của mình

chứa đoạn code nào trong các đoạn code sau nhé <bấm Ctrl + F để tìm kiếm>:

Đoạn 1:

<data:post.body/>

Đoạn 2:

<div class='post-footer'>

Đoạn 3:

<div class='post-footer-line post-footer-line-1'>

Đoạn 4:

<div class='post-footer-line post-footer-line-2'>

Đoạn 5:

<div class='post-footer-line post-footer-line-3'>

Sau khi tìm ra đoạn code trên thì bạn thêm đoạn code bên dưới đây vào trước hoặc sau đoạn code vừa tìm

được bên trên nhé < tùy thuộc vào bạn muốn hiển thị bên trên hoặc bên dưới bài viết >. Lưu ý, nếu blog

của bạn tìm thấy nhiều đoạn 1,2,3,4... thì nên thêm vào dưới từng cái 1 và save lại ra kiểm tra thử.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
                        <div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
                          <strong>
                            LIKE and Share this article:
                          </strong>
                          :
                        </div>
                        <div class='addthis_toolbox addthis_default_style '>
                          <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
                          <a class='addthis_button_tweet'/>
                          <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
                          <a class='addthis_counter addthis_pill_style'/>
                        </div>
                        <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
                      </div>
                    </b:if>

Tổng Hợp Những Code Thông Dụng Trong Blogspot

- Để dùng code thay cho viết bài kiểu mặc định thông dụng của các blog chọn sẵn, bạn bấm chọn thẻ "Edit HTML".

- Sau đó chèn code cần thao tác vào.

- Nếu muốn soạn thảo tiếp bài viết với kiểu cũ thì chọn lại thẻ "Viết" để viết bài như cũ.

1. Font, màu chữ, thụt vào đầu dòng (Dùng dòng 1 hay 2 đều như nhau)

<span style="color:#339966; font:12pt Tahoma; margin-left:12px;">Nội_dung</span>
<span style="color:#339966; font-family:Tahoma; font-size:12pt; margin

left:12px;">Nội_dung</span>

#339966 // Mã màu cho chữ
12pt Tahoma // Cỡ chữ và font chữ
margin-left:12px // Số pixel (khoảng cách) chữ thụt vào đầu dòng. Có thể thay left bằng right cho chiều ngược lại.

2. Canh giữa, canh phải

<div style="text-align:center;">Nội_dung</div>

center // Thay center = right cho canh phải

3. Định dạng chữ: Đậm, Ngiêng, Gạch chân, Gạch ngang chữ

<b>Nội_dung_in_đậm</b>
<i>Nội_dung_in_nghiêng</i>
<u>Nội_dung_gạch_chân</u>
<strike>Nội_dung_chữ_bị_gạch_ngang</strike>

4. Dấu chấm vô dòng con, đánh số đầu dòng

Dấu chấm vô dòng con
<ul> 
<li> Nội_dung1 </li> 
<li> Nội_dung2 </li> 
<li> Nội_dung3 </li>
</ul>

Đánh số đầu dòng 
<ol> 
<li> Nội_dung1 </li> 
<li> Nội_dung2 </li> 
<li> Nội_dung3 </li>
</ol>

5. Bookmark đến một vị trí nhanh trong bài viết

<a href="LINK_bài_viết#Tên_gán_cho_vị_trí ">Nội_dung</a>
<a name="Tên_gán_cho_vị_trí ">Nội_dung</a>

Lưu ý:
    Tên cách nhau không được dùng khoảng trắng mà phải dùng shift gạch. (VD: nhà_xinh)
    Tốt nhất không nên dùng chữ có dấu cho tên gán.
Ví dụ:
    - Đến điểm A (<a href="LINK_bài_viết_cụ thể#Diem_A">Đến điểm A</a>)
    - ...
    - Điểm A (<a name="Diem_A">Điểm A</a>)
Code trong ngoặc là chú thích cho ví dụ.
Như vậy khi ta click chuột vào "Đến điểm A" thì lập tức lệnh sẽ đưa ta nhảy đến vị trí "Điểm A".

6. Chèn Flash vào bài viết (Chọn loại 1 hay 2 đều được)

1.
<div style="text-align:center;"><embed wmode=Transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="LINK_FLASH" width="900" height="300"
type="application/x-shockwave-flash" scale="" play="true" loop="true"
menu="true"></embed></div>  
2.
<embed src="LINK_FLASH" bgcolor="#000000" type="application/x-shockwave-flash" allowscriptaccess="none"  width="400" height="400"></embed>

7. Chèn hình ảnh (image) vào bài viết

1. Code đơn giản
<img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả"/>
2. Code mở rộng
<img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả" align="bottom" width="400" height="400"/>

- Ghi_chú // Khi rê chuột lên ảnh, sẽ hiện chú thích.
- Mô_tả // Khi rê chuột lên ảnh, sẽ hiện chú thích.
- Sử dụng hai lệnh này thì khi người dùng truy cập blog chọn không hiển thị ảnh thì sẽ hiện dòng chữ này thay cho ảnh đó.
- align="bottom" // Vị trí ảnh so với chữ. Có thể đổi thành middle(giữa) - top(trên) - bottom(dưới). Không dùng, để mặc định theo blog chọn sẵn thì xóa nó đi.

8. Chèn link liên kết vào bài viết

<a href="LINK" target="blank">Tên_Link</a>

target="blank" // Mở link liên kết trong một trang mới. Bỏ lệnh này thì trang mới sẽ được mở ngay tại trang đang dùng (nghĩa là trang đang dùng sẽ bị load qua trang link ta vừa click vào). Nếu người dùng có thói quen "Open new tab" thì lệnh này có hay không cũng không khác biệt.

9. Chèn ảnh chứa link

<a href="LINK" target="blank"><img src="LINK_ẢNH"/></a>

10. Tạo button ẩn hiện nội dung

<div>
<div>
<input type="button" value="Xem" style="width:75px; font-size:11px; margin:0px; padding:4px; border="1"" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }">
</div>
<div>
<div style="display: none;  border:#4F4F4F 1px solid; padding: 4px; background:# ">

NỘI_DUNG
</div>
</div>
</div>

Khắc Phục Lỗi Cpu – Disk Running 100%

Trong quá trình sử dụng máy tính, chúng ta thường nhận thấy hiện tượng quạt làm mát chạy với tốc độ cao (kêu to kèm tiếng rít). Đó là 1 dấu hiệu cho thấy CPU của máy đang rơi vào tình trạng “quá tải” (full load). Hệ quả là máy có hiện tượng chậm lại. Điều này gây không ít khó chịu và cả…khó hiểu, bởi có những lúc hiện tượng trên xảy ra ngay cả khi chúng ta không làm gì trên máy cả.

CPU – hay còn gọi là chip xử lý – là đơn vị xử lý trung tâm, là bộ não của 1 chiếc máy tính. CPU có thể gặp hiện tượng quá tải nếu máy tính của bạn có quá nhiều tiến trình đang chạy, hoặc 1 tác vụ nào đó đang quá ngốn CPU. Hệ quả là máy bị chậm, chạy với tốc độ “rùa bò”.

Để khắc phục, thì giải pháp, tất nhiên là bạn nên tránh sử dụng đồng thời quá nhiều ứng dụng ngốn tài nguyên hệ thống. Tuy nhiên, có những trường hợp CPU vẫn quá tải ngoài tầm kiểm soát bởi 1 bug xuất hiện trong 1 tiến trình nào đó. sau đây mình sẽ giới thiệu đến 1 cách có thể làm giảm quá tải cpu cũng như lỗi full disk.

Các bạn tải file dưới đây về rồi chạy file .bat, quá trình sẽ diễn ra tự động. thực hiện xong thấy hiệu quả tức thì.

Link tải:

Link Fshare

Link Tên Lửa

Tin tức