DVT » Trang chủ »Thủ thuật blogspot

Hướng dẫn sử dụng Google Drive để upload file JS


Google Drive

1. Truy cập vào địa chỉ của dịch vụ Google Drive và đăng nhập bằng tài khoản Gmail.

https://drive.google.com/
2. Tạo các thư mục chứa file js
Upload File Css và JS Javascripts lên host Google Drive

Đặt tên cho thư mục sao cho dễ dàng quản lý.

3. Vào thư mục và upload từng file hoặc cả một thư mục



Sau khi upload thành công, một hộp thoại hiện lên, chọn chia sẻ



Chọn công khai trên Web và lưu lại là xong.





4. Copy link, nếu quên bạn có thể copy lại bằng cách click phải vào file, chọn "Chia Sẻ". Link mặc định có dạng như sau:
https://drive.google.com/file/d/0B7xxYcCh1TwcanpQUDZJc2d1czg/edit?usp=sharing
Ta đổi thành:
Để có thể sử file Js và Css mà ta đã upload cho blogspot, ta sửa lại đường dẫn trên thành:
https://googledrive.com/host/0B7xxYcCh1TwcanpQUDZJc2d1czg
 Chú ý: Chỉ cần thay phần đã được hightlight đỏ.

Như vậy là xong.

Xem tiếp

Ẩn Powered by Blogger (Cung cấp bởi Blogger) - Mới

Trên blog có một tiện ích Attribution (Cung cấp bởi Blogger ) mà ta không thể xóa được làm cho blog thiếu tính chuyên nghiệp. Nếu làm theo các hướng dẫn trước đây thì xóa được trên giao diện web nhưng nó vẫn hiện trên giao diện mobi.
Các bước để loại bỏ hoàn toàn  Powered by Blogger  từ blog:
1. Bảng điều khiển Blogger. Chọn Mẫu (Template)>> click Chỉnh sửa HTML (Edit HTML)


 2. Tìm Attribution ta thấy đoạn code sau
 
 <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>

Thay: locked='false' và thêm  mobile='no' vào đoạn code


<b:widget id='Attribution1' locked='false' title='' mobile='no' type='Attribution'/>
  
4.  Lưu mẫu
Như vậy tiện ích cung cấp bởi blogger ta có thể xóa đi được và dòng chữ Cung cấp bởi Blogger ở giao diện trên mobi cũng không còn nữa.


Xem tiếp

Lỗi không hiển thị đủ số lượng bài viết trên trang chủ và trang nhãn

Theo mặc định của Blogspot - số lượng bài viết sẽ hiển thị trên trang chủ là: 7 bài đăng. Chúng ta có thể thay đổi số bài đăng hiển thị trên trang chủ hoặc trang nhãn. Tuy nhiên, trang chủ hoặc trang nhãn lại không hiển thị đủ số lượng bài viết như mong muốn. Nguyên nhân chính là do bài viết quá dài, có quá nhiều hình ảnh,...

Cách khắc phục như sau:

Khi soạn thảo hoặc sửa bài viết, các bạn cần sử dụng tiện ích "Chèn dấu ngắt nhảy" (hiển thị khi soạn thảo, chỉnh sửa bài viết) bằng cách nhấp chuột trái vào đoạn văn bản mà bạn muốn cho hiển thị, rồi nhấp chuột vào chèn dấu ngắt nhảy (hình tờ giấy bị rách) trên thanh tác vụ đăng bài. 

 

 

Một đường kẻ ngang sẽ hiện ra, phần văn bản bên trên đường kẻ ngang này sẽ hiển thị trên trang chủ, phần văn bản còn lại ở bên dưới sẽ ẩn đi.  

 

Lưu ý: Phải áp dụng phương pháp này trong cả trường hợp đã sử dụng tiện ích thu gọn bài viết.




Xem tiếp

Ẩn tiện ích Attribution (cung cấp bởi Blogger) khi xem blog bằng điện thoại di động

1. Vào Mẫu/Chỉnh sửa HTML
2. Tìm Attribution

3. Thêm thuộc tính mobile='no' như sau:

<b:widget id='Attribution1' locked='false' mobile='no' title='' type='Attribution'>


Lưu mẫu và xem kết quả.

Xem tiếp

Khắc phục hiện tượng không vào được blog sử dụng tên miền riêng 01/2013


 Tháng 01/2013 nhà mạng tiếp tục chặn blog có tên miên riêng, mình đã tìm ra giải pháp và đã áp dụng thành công trên một số blog. Mình chia sẻ với những ai chưa biết. 

1. Đăng nhập vào Domain Settings thiết lập như sau:


2. Lưu lại và chờ một lúc là ok.

 Lưu ý: phần dưới đây mỗi blog khác nhau (đã có khi ta trỏ tên miền riêng cho blog):
rny35rw4n5mi
CNAME
gv-4fjrln6i6wgpupt7sd32sb4xlf5n6samrcqkgdnwt24syhgahpaa.domainverify.googlehosted.com.
Ở đây mình thực hiện trên giao diện của nhà cung cấp tên miền tenten các bạn sử dụng nhà cung cấp khác làm tương tự.

Xem tiếp

Tiện ích Bài viết mới cho blog có mô tả link

Tiện ích Recent Post này, phần mô tả bài viết kèm theo hình ảnh gọn và đẹp, rất phù hợp cho việc đặt sau tiêu đề của các bài viết trong Blog.
Tiện ích Bài viết mới cho blog có mô tả link 
Code tiện ích như sau:
<style type="text/css">
.mota{
position: relative;
z-index: 0;
text-decoration:none;
}
.mota:hover{
background-color: transparent;
z-index: 50;
}
.mota span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}
.mota span img{
border-width: 0;
padding: 2px;
}
.mota:hover span{
padding:5px;
visibility: visible;
top: 20px;
left:50px;
width:250px;
background:#ccc;
text-align: justify;
}
</style>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://dl.dropbox.com/u/74775294/anh/nothumbnail.gif";
showRandomImg = true;
tablewidth = 245;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";
imgwidth = 60; // độ rộng của ảnh thumbnail
imgheight = 60; // chiều cao của ảnh thumbnail
fntsize = 12;
acolor = "#E67C15";
aBold = true;
icon = " » ";
text = "no";
showPostDate = false;
summaryPost = 150;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";
numposts = 5;
label = "All";
home_page = "http://dvt.com.vn/";
</script>
<script src="https://dl.dropbox.com/u/74775294/Filejs/s2-post.js" type="text/javascript"></script>

Trong đó:
  • Width: 250px :độ rộng của bảng nhỏ khi rê chuột vào tiêu đề bài viết.
  • Background: #ccc : màu nền của cửa sổ popup khi rê chuột vào tiêu đề bài viết.
  • Imgwidth = 60 : chiều rộng của ảnh đại diện.
  • Imgheight = 60 : chiều cao của ảnh đại diện.
  • SummaryPost = 150 : số ký tự hiển thị ở cửa sổ Popup khi khi rê chuột.
  • Home_page: địa chỉ blog của bạn, (thay http://dvt.com.vn/ thành URL blog của bạn).
  • Label: Tên nhãn muốn hiển thị, hãy thay All thành tên nhãn của bạn.
  • Numposts=5: Số bài muốn hiển thị trong tiện ích này.

Thủ thuật trên áp dụng cho tất cả các bài viết trong Blog, nếu muốn áp dụng cho bài viết trong cùng một nhãn thì thay:
https://dl.dropbox.com/u/74775294/Filejs/s2-post.js
bằng:
https://dl.dropbox.com/u/74775294/Filejs/s2-label.js
(Bạn nên sử dụng google code lưu các file ảnh, file js riêng để blog load nhanh hơn. Nếu chưa biết thì xem hướng dẫn tại đây)

Cách tiến hành:
1. Đưa vào tiện ích:
  -  Đăng nhập vào Blog
   - Vào Bố cục
   - Thêm 1 tiện ích HTML/Javarscrip và dán code vào.
2. Chèn vào sau tiêu đề bài viết:
-  Đăng nhập vào Blog
- Chọn Mẫu  ›  Chỉnh sửa HTML ›  
Thêm đoạn code như sau để tiện ích chỉ xuất hiện trong các bài viết:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='ads'>

code

</p>
</b:if>
- Lưu mẫu.


Xem tiếp
/