Giải toán trực tuyến W | A




Vẽ đồ thị trong Oxyz plot3D(f(x,y),x=..,y=..)
Vẽ đồ thị trong Oxy plot(f(x),x=..,y=..)
Đạo hàm derivative(f(x))
Tích phân Integrate(f(x))


Giải toán trực tuyến W|A

MW

Thứ Sáu, 20 tháng 3, 2015

Thủ thuật cho Blog - Phần 2 .


Thủ thuật cho Blog -
Phần 2 .



1. Gắn hộp xem truyện cười vào blog

 Blogspot Widgets Thiết Kế Thủ Thuật Blogger
Gắn hộp xem truyện cười vào blog
"Một nụ cười bằng 10 thang thuốc bổ" với 1 đoạn code ngắn và đơn giản, bạn có thể gắn hộp xem truyện cười cho Blog để khách tham quan có thể giải trí khi vào Blog của mình, các truyện này sẽ tự động thay đổi truyện khi bạn load trang và điều đặc biệt là bạn có thể thêm truyện mới do chính mình thiết lập.

Các bạn cót hể xem Demo: Kéo thanh cuộn xuống để xem các truyện khác nha.

☼ Cách tiến hành:

1- Đăng nhập vào Blog
2- VàoBố cục
3- Chọn Thêm Tiện ích
4- Thêm HTML/Javacript, sau đó dán đoạn code này vào:
Gắn hộp xem truyện cười vào blog
<iframe frameborder="1" width="210" src="http://www.luudiachiweb.com/truyencuoi.htm" height="200"></iframe>
Bạn có thể thay đổi chiều cao (height) hoặc chiều rộng (width) cho hộp truyện, nếu muốn màu nền cho hộp truyện thì bạn chỉ cần thêm đoạn code này style="background:#ffffff;" vào sau đoạn code trê nnhư sau:
<iframe frameborder="1" style="background:#ffffff;" width="270" src="http://www.luudiachiweb.com/truyencuoi.htm" height="200"></iframe>

   5-  Bấm Lưu Mẫu  (save template) lại.  
 
Trở lại vào Blog thì sẽ có một hộp xem truyện cười "dễ thương" để giải trí rồi đấy!!!

2. CSS Dropdown menu đơn giản cho blogspot

 Blogspot Menu Thiết Kế Thủ Thuật Blogger
CSS Dropdown menu đơn giản cho blogspot
Bài viết này namkna sẽ hướng đẫn các bạn thiết kế một mẫu menu đơn giản để đặt trên sidebar hoặc header, Menu hoạt động dựa trên các thuộc tính CSS để góp phần làm giảm tới mức thấp nhất thời gian load trang: Về kiểu dáng menu này chỉ có một tiêu đề duy nhất và nó sẽ được mở rộng ra thêm các menu con khi bạn dê chuột lên phần tiêu đề đó.


Các bạn có thể xem hình minh họa ngay bên cạnh tiêu đề bài viết này:

VIEW DEMO

☼ Cách thêm CSS Dropdown menu dơn giản cho blogspot:

1- Đăng nhập vào Blog
2- Vào Bố cục (Layout)
3- Bấm vào thêm tiện ích => Chọn HTML/Javascripts và dán code bên dưới vào.
<style>nav.drop-menu {
  position:relative;
  padding:10px 15px;
  background:#6D92A5;
  width:200px;
  font:bold 12px Arial,Sans-Serif;
  text-transform:uppercase;
  color:#eee;
}

nav.drop-menu:after {
  content:"";
  width:0px;
  height:0px;
  border:5px solid transparent;
  border-top-color:#fff;
  position:absolute;
  top:16px;
  right:14px;
}

nav.drop-menu ul {
  position:absolute;
  top:100%;
  left:0px;
  z-index:99;
  text-transform:none;
  margin:0px;
  padding:0px;
  background:#6D92A5;
  width:100%;
  font-weight:normal;
  display:none;
}

nav.drop-menu li {
  list-style:none;
  margin:0px;
  padding:0px;
}

nav.drop-menu li a {
  display:block;
  margin:0px;
  padding:7px 15px;
  text-decoration:none;
  color:#ccc;
}

nav.drop-menu li a:hover {
  background:#74838F;
  padding-left:19px;
}

nav.drop-menu:hover ul {
  display:block;
}</style>
<nav class='drop-menu'>
Drop Down Menu
    <ul>
        <li><a href='#'>Home</a></li>
        <li><a href='#'>About</a></li>
        <li><a href='#'>Portfolio</a></li>
        <li><a href='#'>Contact</a></li>
        <li><a href='#'>Archive</a></li>
        <li><a href='#'>Search</a></li>
        <li><a href='#'>Company</a></li>
    </ul>
</nav>
» Tùy chỉnh:
  • Thay dấu thăng màu đỏ (#) thành liên kết URL tới blog, nhãn hoặc bài viết của bạn.
  • Thay phần màu xanh thành tiêu đề tương ứng với các liên kết cùng hàng. (Không nên đặt quá dài sẽ xuống dòng không đẹp nha.
  • Thay chữ Drop Down Menu thành chữ tiêu đề. Đây là phần luôn hiển thị của menu.
4- Lưu mẫu lại và quay trở lại blog để xem kết quả của bạn nha.

3. Top 21+ web cung cấp miễn phí Template Blogger tốt nhất (Theme Blogspot)

 Blogspot Templates Thiết Kế Thủ Thuật Blogger
Dưới đây là những website cung cấp Template(mẫu) Blogger/Blogspot đẹp,chất lượng nhất.

1. Premium Blogger Templates

Premium Blogger TemplatesBlogger Templates từ Premium Blogger Templates.com. Một nơi tốt nhất để tải về miễn phí những mẫu blogger đẹp cho các blogspotter.Mẫu của chúng tôi cung cấp cho blog của bạn một cái nhìn chuyên nghiệp và độc đáo.



2. BTemplates

BTemplatesBlogger Templates từ BTemplates.com. 1 nơi cung cấp lớn nhất các mẫu blogger được phân loại theo từng chuyên mục

3. Blog Template 4u

Blog Template 4uBlogger Templates từ BlogTemplate4u.com. Blogger Templates: thư viện cung cấp hàng ngàn mẫu Blogger.

4. Zoom Template

Zoom TemplateBlogger Templates từ ZoomTemplate.com. Zoom Template Gallery là cách đơn giản và dễ dàng để tìm thấy nhiều Template Blogger miễn phí và  Wordpress Themes miễn phí.

5. Deluxe Templates

Deluxe TemplatesBlogger Templates từ DeluxeTemplates.net. Bộ sưu tầm các mẫu Blogger đơn giản và đẹp.

6. Best Theme

Best ThemeBlogger Templates từ BestTheme.net. Có thể tìm thấy bộ sưu tập những mẫu Blogger đẹp ở đây.

7. Blogger Themes

Blogger ThemesBlogger Templates từ BloggerThemes.net. 1 trang web chỉ cung cấp duy nhất những mẫu Blogger.

8. Blogcrowds

BlogcrowdsBlogger Templates từ Blogcrowds.com. Một bộ sư tập mẫu Blogger khác đơn giản mà đẹp.

9. Themecraft

ThemecraftBlogger Templates từ ThemeCraft.Net.

10. Blogger Templates Free

Blogger Templates FreeBlogger Templates từ BloggerTemplatesFree.com.

11. AllBlogTools

AllBlogToolsBlogger Templates từ AllBlogTools.com.

12. Blogger Styles


Blogger StylesBlogger Templates từ BloggerStyles.com.

13. Blogger Template Place

Blogger Template PlaceBlogger Templates từ BloggerTemplatePlace.com.

14. Blogger Theme

Blogger ThemeBlogger Templates từ BloggerTheme.Net.

15. Dhe Template

Dhe TemplateBlogger Templates từ DheTemplate.com.

16. Templates Block

Templates BlockBlogger Templates từ TemplatesBlock.com

17. AnshulDudeja.com

AnshulDudeja.comBlogger Templates từ AnshulDudeja.com.

18. Our Blogger Templates

Our Blogger TemplatesBlogger Templates từ OurBloggerTemplates.com.

19. Chicablogger

ChicabloggerBlogger Templates từ Chicablogger.com.

20. Buy My Themes

Buy My ThemesBlogger Templates từ BuyMyThemes.com.

21. Splashy Templates

Splashy TemplatesBlogger Templates từ SplashyTemplates.com.









 Xem thêmTẠI ĐÂY
 CHÚC CÁC BẠN LỰA CHỌN ĐƯỢC TEMPLATE PHÙ HỢP NHẤT !

4. 23 trang cung cấp free templates - 23 Best Templates and Themes for Blogger BlogSpot

 Blogspot Templates Thiết Kế Thủ Thuật Blogger
Cách thay template cho blogspot - Free template cho blogspot - Template đẹp nhất - by namkna.blogspot.com
Bất cứ người sử dụng blog nào cũng muốn blog của mình có giao diện đẹp để có thể thu hút sự quan tâm của đọc giả, tuy nhiên không phải ai cũng có khả năng tự design cho mình một template ưng ý. Nhưng nếu không có khả năng đó, chúng ta vẫn có thể nhờ vào một số trang cung cấp template miễn phí. Mình xin giới thiệu với các bạn 23 trang cung cấp template miễn phí cho blogger:
1. Premium Blogger Templates


Cách thay template cho blogspot - Free template cho blogspot - Template đẹp nhất - by namkna.blogspot.com

2. BTemplates

Cách thay template cho blogspot - Free template cho blogspot - Template đẹp nhất - by namkna.blogspot.com

3. Blog Template 4u


4. Zoom Template


5. Deluxe Templates


6. Best Theme


7. Blogger Themes


8. Blogcrowds


9. Themecraft


10. Blogger Templates Free


11. AllBlogTools


12. Blogger Styles


13. Blogger Template Place


14. Blogger Theme


15. Dhe Template


16. Templates Block


17. AnshulDudeja


18. Our Blogger Templates


19. Chicablogger


20. Buy My Themes


21. Splashy Templates


22. Xml Blogger Templates


23. Lovely Templates

Cách thay template cho blogspot - Free template cho blogspot - Template đẹp nhất
Phần Tiếp Theo Cũng Tương Đối Quang trọng đó là chách thay thêm vào Blog:
Sau khi tải về các bạn tải về ta chỉ quan tâm tới file có đuôi Html hình dạng như sau:
Free template cho blogspot - Template đẹp nhất
Sau đó các bạn đăng nhập vào Blogspot chọn Thiết kế - Chỉnh sửa HTML sau đó chọn chữ Duyệt (Bourse) và chỉ đường dẫn đến file vừa tải về sau đó ấn nút Tải lên (Upload) Chú ý trước khi tải File đó lên bạn ấn vào chữ "Tải xuống mẫu đầy đủ" để lưu mẫu cũ phòng bất trắc:))
Cách thay template cho blogspot - Free template cho blogspot - Template đẹp nhất
Chú ý trong quá trình tải mẫu HTMT mới từ máy lên đó chỉ là dạng cơ bản chưa điền các thông số (như một chiếc xe mới ở cửa hàng chưa đăng ký tên mình) do vậy bạn cần diều chỉnh một số thông số bên trong đó lại cho phù hợp với blog. Khi tải lên nếu có hỏi bạn muốn giữ lại các Mẫu cũ không bạn chọn giữ lại hết
Nếu không thích mẫu mới bạn có thể tải lại mẫu dự phòng mà bạn vừa tải xuống là Blog lại trở lại nguyên dạng như ban đầu
Xem thêm: TẠI ĐÂY

5. Hộp dịch (translate) hình lá cờ cho blogger

 Blogspot Translate Blogspot Widgets Thiết Kế Thủ Thuật Blogger
Hộp dịch (translate) hình lá cờ cho blogger
Tiện ích này rất hữu ích với các blog có nội dung mở như các trang Download, Nó giúp khách nước ngoài có thể xem được nội dung blog của bạn bằng tiếng của họ thông qua bộ công cụ dịch của google. Khách của bạn sẽ không bị bó hẹp là khách của một nước nữa như thế blog của bạn sẽ được nhiều người biết đến hơn.
Trước đây tôi đã chia sẻ với các bảng cách tạo hộp dịch (Translator) trên Blog (Xem hướng dẫn Tại đây).Hôm nay, Namkna chia sẻ thêm cho các bạn một tiện ích rất đẹp là gắn vào Blog một hộp dịch có các lá cờ các nước.
Xem Demo:    Click here view Demo

☼ Cách tiến hành:

1- Đăng nhập (login) vào Blog
2- Vào Bố cục (Layout)
3- Chọn Thêm tiện ích (Add Widget) => Chọn HTML/Javarscip => Xem video:
4- Dán đoạn code bên dưới vào.
<style type="text/css">
.namknaft{padding:5px;}
.namknaft  input{padding:1px;margin-left:1px;border:1px solid #ccc;}
.namknaft  input:hover{border:1px solid #ff0000;}
</style>
<div  class="namknaft">
<!--Google Flag Translator by  way2blogging.org-->
<form  action="http://www.google.com/translate">
<script  language="JavaScript">
document.write ("<input name=u  value="+location.href+"  type=hidden>")</script>
<noscript><a  href="http://namkna.blogspot.com/">Namkna Blog's</a></noscript>
<input  value="en" name="hl" type="hidden"/>
<input value="UTF8" name="ie"  type="hidden"/>
<input value="" name="langpair"  type="hidden"/>
<input  onclick="this.form.langpair.value=this.value" title="English"  value="auto|en" type="image" height="20"  src="http://www.google.com/images/flags/uk_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Chinese Simplified"  value="auto|zh-CN" type="image" height="20"  src="http://www.google.com/images/flags/cn_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Greek"  value="auto|el" type="image" height="20"  src="http://www.google.com/images/flags/gr_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Hindu"  value="auto|hi" type="image" height="20"  src="http://www.google.com/images/flags/in_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="German"  value="auto|de" type="image" height="20"  src="http://www.google.com/images/flags/de_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Dutch"  value="auto|nl" type="image" height="20"  src="http://www.google.com/images/flags/nl_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Russian"  value="auto|ru" type="image" height="20"  src="http://www.google.com/images/flags/ru_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Bulgarian"  value="auto|bg" type="image" height="20"  src="http://www.google.com/images/flags/bg_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Polish"  value="auto|pl" type="image" height="20"  src="http://www.google.com/images/flags/pl_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Czech"  value="auto|cs" type="image" height="20"  src="http://www.google.com/images/flags/cz_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Croatian"  value="auto|hr" type="image" height="20"  src="http://www.google.com/images/flags/hr_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="French"  value="auto|fr" type="image" height="20"  src="http://www.google.com/images/flags/fr_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Italian"  value="auto|it" type="image" height="20"  src="http://www.google.com/images/flags/it_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Portuguese"  value="auto|pt" type="image" height="20"  src="http://www.google.com/images/flags/pt_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Spanish"  value="auto|es" type="image" height="20"  src="http://www.google.com/images/flags/es_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Arabic"  value="auto|ar" type="image" height="20"  src="http://www.google.com/images/flags/sa_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Japanese"  value="auto|ja" type="image" height="20"  src="http://www.google.com/images/flags/ja_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Korean"  value="auto|ko" type="image" height="20"  src="http://www.google.com/images/flags/kr_flag.gif" width="30"  name="langpair"/><input  onclick="this.form.langpair.value=this.value" title="Chinese  (traditional)" value="auto|zh-TW" type="image" height="20"  src="http://www.google.com/images/flags/tw_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Danish"  value="auto|da" type="image" height="20"  src="http://www.google.com/images/flags/dk_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Finnish"  value="auto|fi" type="image" height="20"  src="http://www.google.com/images/flags/fi_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Norwegian"  value="auto|no" type="image" height="20"  src="http://www.google.com/images/flags/no_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Swedish"  value="auto|sv" type="image" height="20"  src="http://www.google.com/images/flags/se_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Catalan"  value="auto|ca" type="image" height="20"  src="http://www.google.com/images/flags/cl_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Filipino"  value="auto|tl" type="image" height="20"  src="http://www.google.com/images/flags/ph_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Hebrew"  value="auto|iw" type="image" height="20"  src="http://www.google.com/images/flags/il_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Indonesian"  value="auto|id" type="image" height="20"  src="http://www.google.com/images/flags/id_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Latvian"  value="auto|lv" type="image" height="20"  src="http://www.google.com/images/flags/lv_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Lithuanian"  value="auto|lt" type="image" height="20"  src="http://www.google.com/images/flags/lt_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Serbian"  value="auto|sr" type="image" height="20"  src="http://www.google.com/images/flags/rs_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Slovak"  value="auto|sk" type="image" height="20"  src="http://www.google.com/images/flags/sk_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Slovenian"  value="auto|sl" type="image" height="20"  src="http://www.google.com/images/flags/si_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Ukrainian"  value="auto|uk" type="image" height="20"  src="http://www.google.com/images/flags/ua_flag.gif" width="30"  name="langpair2"/><input  onclick="this.form.langpair.value=this.value" title="Vietnamese"  value="auto|vi" type="image" height="20"  src="http://www.google.com/images/flags/vn_flag.gif" width="30"  name="langpair2"/><span style="float:right;margin:3px  5px;font-size:10px;"></span></form>
</div>
5- Bấm lưu tiện ích lại và vào blog xem kết quả nha.

6. Tiện ích tra từ điển trực tiếp trên blog/website

 Blogspot Translate Blogspot Widgets Thiết Kế Thủ Thuật Blogger

I. GIỚI THIỆU

Tính năng mới mà Baamboo Tratu phát triển, cho phép user có thể tra từ trực tiếp ngay trên trang web. Để tra nghĩa của một từ bất kì trên trang web, người dùng chỉ cần giữ phím Ctrl và kích đúp chuột hay giữ phím Alt và click chuột vào từ đó, nghĩa của từ sẽ hiện ra ngay bên cạnh. Đây là tính năng rất tiện dụng, đặc biệt là cho các trang web đa ngôn ngữ.


Dữ liệu được truy xuất trực tiếp từ cơ sở dữ liệu của Baamboo Tratu (http://tratu.vn) – trang web từ điển trực tuyến lớn nhất hiện nay, với các bộ từ điển lớn: Anh – Pháp – Việt – Nhật… và hơn 20 từ điển chuyên ngành khác.
Demo ngay tại bài viết này: Các bạn hãy Nháy đúp vào một từ hoặc bôi đen một đoạn văn bản sau đó bấm vào dấu hỏi để xem tiện ích hoạt động thế nào nha.

II. CÁCH SỬ DỤNG

1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Layout)
3- Chọn Chỉnh sử HTML
4- Tthêm đoạn code bên dưới vào trước thẻ </body>
<script language='javascript' src="http://tratu.vn/plugin/tratu4web_min.js" charset="utf-8"></script>

Bước 2

Sau khi thực hiện xong thao tác trên, quay trở ra trang bài viết, Bấm Ctrl + double click (Alt + Click) vào từ bất kỳ, sẽ hiện ra nghĩa của từ đó.

Lưu ý

  • Người dùng cũng có thể thay đổi tùy chọn bằng cách click vào Options ở phía dưới box. Khi đó, người dùng có thể lựa chọn phím tắt, lựa chọn từ điển mặc định để tra cứu.
  • Người dùng cũng có thể dùng nút ESC trên bàn phím để nhanh chóng ẩn đi hộp kết quả hiển thị.
  • Scripts trên có thể áp dụng cho tất cả các trang web, chạy tốt trên các trình duyệt Internet Explorer, Mozilla Firefox, Opera…
  • Nếu bạn gặp khó khăn về kỹ thuật, vui lòng liên hệ với tác giả qua mail:lienhe.tratu@baamboo.com

7. Bài viết mới nhiều màu sắc cho blogspot

 Blogspot Recent Post Blogspot Widgets Thiết Kế Thủ Thuật Blogger
Recent post nhiều màu sắc cho blogspot
Với thủ thuật này bạn sẽ có một tiện ích bài viết mới đăng theo nhãn và chủ đề riêng cho blog của bạn. Điểm đặc biệt của tiện ích này là mỗi một bài khác nhau thì màu nền cũng khác nhau (mình sử dụng 7 màu) tất nhiên bạn có thể thay đổi nó nếu bạn cảm thấy thích. Bạn có thể xem hình ảnh minh họa bên dưới để thấy rõ hơn.


Nếu từng theo dõi blog của namkna bạn sẽ thấy rằng mình từng giới thiệu một tiện ích Cool popular post có hình dáng và màu sắc tương tự như tiện ích này. Bạn có thể kết hợp với tiện ích đó để tạo phong cách riêng cho blog của bạn :)

Các bạn có thể xem hình ảnh minh họa bên cạnh hoặc xem trực tiếp trên blog demo ở bên dưới:


☼ Cách thêm tiện ích bài viết liên quan nhiều màu sắc đẹp cho blogger.

1- Đăng nhập vào Blog
2- Vào Bố cục (layout) => Thêm tiện ích (Add widget)
3- Tạo một tiện ích HTML/javascript và dán đoạn code bên dưới vào nha.
<script src="https://dl.dropboxusercontent.com/u/66256041/JQuery/namkna-blogspot-com/jquery-latest.js" type="text/javascript"></script>
<style>
#recent-posts ul li {
list-style-image:none;
}#recent-posts ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
#recent-posts ul li {
border: 0 none;
margin: 5px 0;
padding: 10px;
position: relative;
}
#recent-posts ul li:first-child {
background: none repeat scroll 0 0 #FF4C54;
width: 89%;
}
#recent-posts ul li:first-child:after {
content: "1";
}
#recent-posts ul li:first-child + li {
background: none repeat scroll 0 0 #FF764C;
width: 87%;
}
#recent-posts ul li:first-child + li:after {
content: "2";
}
#recent-posts ul li:first-child + li + li {
background: none repeat scroll 0 0 #FFDE4C;
width: 84%;
}
#recent-posts ul li:first-child + li + li:after {
content: "3";
}
#recent-posts ul li:first-child + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 81%;
}
#recent-posts ul li:first-child + li + li + li:after {
content: "4";
}
#recent-posts ul li:first-child + li + li + li + li {
background: none repeat scroll 0 0 #33C9F7;
width: 78%;
}
#recent-posts ul li:first-child + li + li + li + li:after {
content: "5";
}
#recent-posts ul li:first-child + li + li + li + li + li {
background: none repeat scroll 0 0 #7EE3C7;
width: 75%;
}
#recent-posts ul li:first-child + li + li + li + li + li:after {
content: "6";
}
#recent-posts ul li:first-child + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F6993D;
width: 72%;
}
#recent-posts ul li:first-child + li + li + li + li + li + li:after {
content: "7";
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F59095;
width: 69%;
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li:after {
content: "8";
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 66%;
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
content: "9";
}
#recent-posts ul li:first-child:after, #recent-posts ul li:first-child + li:after, #recent-posts ul li:first-child + li + li:after, #recent-posts ul li:first-child + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
background: none repeat scroll 0 0 #353535;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
font-size: 25px;
height: 30px;
position: absolute;
right: -17px;
text-align: center;
top: 1px;
width: 30px;
}
#recent-posts ul li a {
color: #444444;
font-size: 13px;
text-decoration: none;
}
</style>
<div id="recent-posts">
<script language="JavaScript">
home_page = "http://namkna.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>
var _0x8189=["\x6D\x6F\x75\x73\x65\x6C\x65\x61\x76\x65","\x73\x74\x61\x72\x74","\x74\x72\x69\x67\x67\x65\x72","\x62\x69\x6E\x64","\x6D\x6F\x75\x73\x65\x65\x6E\x74\x65\x72","\x73\x74\x6F\x70","\x73\x69\x6D\x70\x6C\x65\x53\x70\x79","\x75\x6C\x2E\x73\x70\x79","\x66\x6E","\x68\x65\x69\x67\x68\x74","\x3E\x20\x6C\x69\x3A\x66\x69\x72\x73\x74","\x66\x69\x6E\x64","\x3C\x6C\x69\x3E","\x68\x74\x6D\x6C","\x3C\x2F\x6C\x69\x3E","\x70\x75\x73\x68","\x65\x61\x63\x68","\x3E\x20\x6C\x69","\x6C\x65\x6E\x67\x74\x68","\x63\x73\x73","\x70\x61\x72\x65\x6E\x74","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x57\x72\x61\x70\x70\x65\x72\x22\x20\x2F\x3E","\x77\x72\x61\x70","\x72\x65\x6D\x6F\x76\x65","\x3A\x67\x74\x28","\x29","\x66\x69\x6C\x74\x65\x72","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6E\x6F\x6E\x65","\x61\x6E\x69\x6D\x61\x74\x65","\x3E\x20\x6C\x69\x3A\x6C\x61\x73\x74","\x3C\x75\x6C\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x22\x3E","\x77\x72\x69\x74\x65","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x20","\x73\x70\x6C\x69\x74","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x3E\x3C\x66\x6F\x6E\x74\x20\x63\x6F\x6C\x6F\x72\x3D\x22","\x22\x3E\x28","\x29\x3C\x2F\x66\x6F\x6E\x74\x3E\x3C\x2F\x69\x3E","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x2D","\x22\x3E\x20\x28","\x3C\x62\x3E","\x3C\x2F\x62\x3E","\x3C\x6C\x69\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x6C\x69\x6E\x6B\x22\x3E","\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x64\x61\x74\x65\x22\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x63\x6F\x6D\x6D\x65\x6E\x74\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x75\x6C\x3E","\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x26\x6F\x72\x64\x65\x72\x62\x79\x3D\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x73\x68\x6F\x77\x72\x65\x63\x65\x6E\x74\x70\x6F\x73\x74\x73\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x4D\x79\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x4D\x79\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x20\x74\x6F\x70\x3A\x20\x30\x70\x78\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x41\x6C\x6C\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x41\x6C\x6C\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x6C\x65\x66\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E"];jQuery(function (){jQuery(_0x8189[7])[_0x8189[6]](limitspy,intervalspy)[_0x8189[3]](_0x8189[4],function (){jQuery(this)[_0x8189[2]](_0x8189[5]);} )[_0x8189[3]](_0x8189[0],function (){jQuery(this)[_0x8189[2]](_0x8189[1]);} );} );(function (_0x91b2x1){_0x91b2x1[_0x8189[8]][_0x8189[6]]=function (_0x91b2x2,_0x91b2x3){_0x91b2x2=_0x91b2x2||4;_0x91b2x3=_0x91b2x3||5000;return this[_0x8189[16]](function (){var _0x91b2x4=_0x91b2x1(this),_0x91b2x5=true,_0x91b2x6=[],_0x91b2x7=_0x91b2x2,_0x91b2x8=0,_0x91b2x9=_0x91b2x4[_0x8189[11]](_0x8189[10])[_0x8189[9]]();_0x91b2x4[_0x8189[11]](_0x8189[17])[_0x8189[16]](function (){_0x91b2x6[_0x8189[15]](_0x8189[12]+_0x91b2x1(this)[_0x8189[13]]()+_0x8189[14]);} );_0x91b2x8=_0x91b2x6[_0x8189[18]];_0x91b2x4[_0x8189[22]](_0x8189[21])[_0x8189[20]]()[_0x8189[19]]({height:_0x91b2x9*_0x91b2x2});_0x91b2x4[_0x8189[11]](_0x8189[17])[_0x8189[26]](_0x8189[24]+(_0x91b2x2-1)+_0x8189[25])[_0x8189[23]]();_0x91b2x4[_0x8189[3]](_0x8189[5],function (){_0x91b2x5=false;} )[_0x8189[3]](_0x8189[1],function (){_0x91b2x5=true;} );function _0x91b2xa(){if(_0x91b2x5){var _0x91b2xb=_0x91b2x1(_0x91b2x6[_0x91b2x7])[_0x8189[19]]({height:0,opacity:0,display:_0x8189[28]})[_0x8189[27]](_0x91b2x4);_0x91b2x4[_0x8189[11]](_0x8189[30])[_0x8189[29]]({opacity:0},1000,function (){_0x91b2xb[_0x8189[29]]({height:_0x91b2x9},1000)[_0x8189[29]]({opacity:1},1000);_0x91b2x1(this)[_0x8189[23]]();} );_0x91b2x7++;if(_0x91b2x7>=_0x91b2x8){_0x91b2x7=0;} ;} ;setTimeout(_0x91b2xa,_0x91b2x3);} ;_0x91b2xa();} );} ;} )(jQuery);function showrecentposts(_0x91b2xd){document[_0x8189[32]](_0x8189[31]);j=(showRandomImg)?Math[_0x8189[34]]((imgr[_0x8189[18]]+1)*Math[_0x8189[33]]()):0;img= new Array();for(var _0x91b2x8=0;_0x91b2x8<numposts;_0x91b2x8++){var _0x91b2xe=_0x91b2xd[_0x8189[36]][_0x8189[35]][_0x91b2x8];var _0x91b2x3=_0x91b2xe[_0x8189[38]][_0x8189[37]];var _0x91b2x2;var _0x91b2xb;if(_0x91b2x8==_0x91b2xd[_0x8189[36]][_0x8189[35]][_0x8189[18]]){break ;} ;for(var _0x91b2x4=0;_0x91b2x4<_0x91b2xe[_0x8189[39]][_0x8189[18]];_0x91b2x4++){if(_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[40]]==_0x8189[41]){_0x91b2xb=_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[42]];break ;} ;} ;for(var _0x91b2x4=0;_0x91b2x4<_0x91b2xe[_0x8189[39]][_0x8189[18]];_0x91b2x4++){if(_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[40]]==_0x8189[43]&&_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[44]]==_0x8189[45]){_0x91b2x2=_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[38]][_0x8189[47]](_0x8189[46])[0];break ;} ;} ;if(_0x8189[48] in _0x91b2xe){var _0x91b2xf=_0x91b2xe[_0x8189[48]][_0x8189[37]];} else {if(_0x8189[49] in _0x91b2xe){var _0x91b2xf=_0x91b2xe[_0x8189[49]][_0x8189[37]];} else {var _0x91b2xf=_0x8189[50];} ;} ;postdate=_0x91b2xe[_0x8189[51]][_0x8189[37]];if(j>imgr[_0x8189[18]]-1){j=0;} ;cmtext=(text!=_0x8189[50])?_0x8189[52]+acolor+_0x8189[53]+_0x91b2x2+_0x8189[46]+text+_0x8189[54]:_0x8189[50];var _0x91b2x10=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x91b2x11=[_0x8189[55],_0x8189[56],_0x8189[57],_0x8189[58],_0x8189[59],_0x8189[60],_0x8189[61],_0x8189[62],_0x8189[63],_0x8189[64],_0x8189[65],_0x8189[66]];var _0x91b2x12=postdate[_0x8189[47]](_0x8189[68])[2][_0x8189[67]](0,2);var _0x91b2x9=postdate[_0x8189[47]](_0x8189[68])[1];var _0x91b2x13=postdate[_0x8189[47]](_0x8189[68])[0];for(var _0x91b2x1=0;_0x91b2x1<_0x91b2x10[_0x8189[18]];_0x91b2x1++){if(parseInt(_0x91b2x9)==_0x91b2x10[_0x91b2x1]){_0x91b2x9=_0x91b2x11[_0x91b2x1];break ;} ;} ;var _0x91b2xa=(showPostDate)?_0x8189[52]+acolor+_0x8189[69]+_0x91b2x12+_0x8189[46]+_0x91b2x9+_0x8189[46]+_0x91b2x13+_0x8189[54]:_0x8189[50];_0x91b2x3=(aBold)?_0x8189[70]+_0x91b2x3+_0x8189[71]:_0x91b2x3;var _0x91b2x14=_0x8189[72]+_0x91b2xb+_0x8189[73]+_0x91b2xb+_0x8189[74]+_0x91b2x3+_0x8189[75]+_0x91b2xa+_0x8189[76]+cmtext+_0x8189[77];document[_0x8189[32]](_0x91b2x14);j++;} ;document[_0x8189[32]](_0x8189[78]);} ;document[_0x8189[32]](_0x8189[79]+home_page+_0x8189[80]+numposts+_0x8189[81]);document[_0x8189[32]](_0x8189[82]);
</script></div>
» Tùy chỉnh.
  • Phần màu cam là các màu nền của bài viết tương ứng lần lượt từ trên xuống.
  • Thay http://namkna.blogspot.com/ thành địa chỉ blog bạn muốn hiển thị bài đăng này.
  • numposts = 5Là số bài viết hiển thị. Trường hợp tiện ích này bạn nên để hiển thị từ 9 bài viết trở xuống sẽ đẹp hơn, nếu bạn cho nhiều hơn thì bài số 10 trở đi sẽ không có màu nền. (Tất nhiên để có màu nền thì phải chỉnh sửa lại file CSS) 
  • showPostDate = false nếu muốn hiển thi ngày tháng bài đăng bạn chỉnh sửa false thành true
  • Bạn nên tải các file js về cho lên host riêng để dùng lâu dài nha :)
4- Lưu mẫu lại và kiểm tra kết quả nha.

8. Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.

 Blogspot Post Thiết Kế Thủ Thuật Blogger
Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
Các bước Lấy data của blogspot khác hay gọi lịch sự là lấy data, mà gọi không lịch sự là đi ăn cắp. Mình cũng từng bị một tên ăn chộm dự liệu bê y nguyên 2400 bài viết của mình về và upload lên host của tên vô lại đó. Các bạn có thể xem trang của tên vô lại đó TẠI ĐÂY

Mình viết bài này không khuyến khích các bạn làm thế vì mình từng là nạn nhân nên mình rất hiểu tâm trạng của người bị hại sẽ như thế nào. Đặc biệt là vấn đề bản quyền (nếu bị tố cáo vi phạm bản quyền google thì bạn sẽ bị delete ngay đó). Dưới đây là các thủ đoạn ăn chôm của những kẻ đi choom:

Bước 1: Xác định blog muốn lấy dữ liệu!

- Blogspot cần lấy phải thỏa mãn điều kiện rss của nó phải là rss full, rss không bật full thì chỉ lấy phần giới thiệuLấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
- Để xác định rss là full hay không chỉ cần đánh tên địa chỉ web như sau vào :
http://diachi.blogspot.com/atom.xml
Thay: diachi thành tên blog cần lấy
Ví dụ: http://namkna.blogspot.com/atom.xml (Tất nhiên sau sự cố mất cắp data mình đã fix lại rồi nên các bạn đừng thắc mắc tại sao chỉ có phần trích dẫn nha).
- Nếu rss được bật full thì ta có thể lấy toàn bộ data. còn không thì dừng ở đây được rồi. Có một số template yêu cầu bắt buộc phải bật full rss như template Simplex Celebrity .... các trang tin hot teen hay dùng lắm, và một số Blogger mới vào nghề chưa biết hay quyên.

Bước 2: Xác định tổng só bài viết của blog muốn lấy dữ liệu!

Xác định tổng số bài viết có trong blogspot đó bằng cách tạo một bài viết mới và Pate co bên dưới vào phần html rồi xuất bản (Hoặc có thể test trực tiếp tại cuông cụ editor HTML của namkna)
<script style="text/javascript">
function showpostcount(json) {
document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://namkna.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script style="text/javascript"></script>
Thay: namkna.blogspot.com bằng tên blog bạn cần khi đó sẽ hiển thị số bài đăng như sau:
Cần xác định số bài đăng vì vì 1 số blogspot khủng data > 10000 bài nên sẽ chia nhỏ thành các đoạn data ,sau đó lấy theo khỏang từ 1-50 bài hay 1-10 bài tùy đường truyền mạng hay cấu hình máy. Blogspot cho import tối đa 500 bài.

Bước 3: Tiến hành chia nhở và tải dữ liệu về máy!

- Copy và paste đoạn cần lấy vào chương trình download IDM khi đó sẽ là nếu máy ai chưa cài IDm có thể download TẠI ĐÂY. Sau khi cài đặt bạn bấm vào Tasks => Add new download và sử dụng cú pháp bên dưới:
- Để tải về bạn sử dụng cú pháp sau:
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=m&max-results=n
Trong đó:
  • start-index=m bắt đầu bài đăng mới nhất
  • max-result=n lấy bài, bắt đầu từ bài từ bài thứ m
  • diachi.blogspot.com: là blog cần lấy Data
- Khi đó IDM sẽ cho ra 1 file .xml . Cứ thế lấy tiếp đến hết data thì thôi:

- Ví dụ đoạn link dưới đây là lấy từ bài 1 đến bài 10 kể từ bài đăng mới nhất.
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=10
Nếu muốn lấy thêm 10 bài thì bạn sử dụng tiếp mã như bên dưới:
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=11&max-results=10
http://diachi.blogspot.com/atom.xml?redirect=false&start-index=21&max-results=10
..................................
- Sau đó ta thu được các file .xml (chuẩn rss hình như wordpress cũng cho phép import rss vào- chưa thử)

Bước 4: Nhập dữ liệu bài đăng (Import data) lên blog của bạn!

Import file xml đó vào blogspot bằng cách vào Cài đặt => Khác => Nhập Blog
Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
=> Chỉ đường dẫn tới các file .XML mà bạn vừa download về.
Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
-chú ý : khi import xong nên đăng lấy lệ 1 vài bài để xóa bỏ capchar khi import quá nhiều bài 1 lúc, google săm soi blog sẽ cho là spam sẽ disable acc.

Cập nhật: Cách cài đặt để bảo vệ dữ liệu trên blog của bạn!

- Tránh cho blog của bạn bằng cách tắt chức năng full này đi bằng cách vào Setting ( Cài đặt ) ->Khác => tại mục Cho phép nguồn cấp dữ liệu Blog bạn chọn Cho đến dấu ngắt .
Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
Nếu template bắt buộc đặt full thì ta nên tạo thêm 1 đoạn giới thiệu ,để khi bài được mang vác khắp nơi người đọc biết nguồn xuất phát từ đâu khi có ai dùng bằng cách tại mục Chân trang nguồn cấp dữ liêu bạn chọn thêm và đánh nội dung vào như hình dưới.
Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.
Chúc các bạn ngăn chặn hiệu quả!

Home 


Nguồn :  http://www.terocket.com/

9. Đưa nội dung tài liệu trên Google drive vào blog



Bạn có tài liệu hay được lưu trữ trên Google drive và bạn muốn chia sẻ với mọi người thông qua các bài viết của bạn trên blog. Ngoài việc cung cấp liên kết đến tài liệu đó bạn còn có thể đưa nội dung đó vào bài viết trên blog để người đọc xem trước. Vậy làm thế nào để thực hiện được? Mời bạn thực hiện theo các bước sau:

1) Trong khung soạn thảo bài viết ở blog ta chọn chức năng soạn thảo HTML.

chon-chuc-nang-HTML

2) Chèn đoạn mã
<iframe  src="https://docs.google.com/file/d/0B8sStMf3Y7dAcVVGQldEMnpMaGc/preview" height="480" width="600"></iframe >
Trong đó,
height="480" thì số 480 chỉ độ cao của khung xem trước.
width="600" thì số 600 chỉ độ rộng của khung xem trước. Bạn có thể thay đổi các thông số 480, 600 theo nhu cầu của bạn.
src="https://docs.google.com/file/d/0B8sStMf3Y7dAcVVGQldEMnpMaGc/preview"
+) /preview: là tính năng xem trước,
+) https://docs.google.com/file/d/0B8sStMf3Y7dAcVVGQldEMnpMaGc là đường dẫn đến tập tin mà bạn lưu trữ trên Google drive. Vậy làm thế nào để có được đường dẫn này?

Đầu tiên bạn vào Google drive đến tập tin mà bạn muốn đưa nội dung vào blog. Bạn nhấn chuột phải vào tập tin đó và chọn "chia sẻ".
thiết lập chia sẻ tập tin
Tiếp đến bạn nhấn vào tùy chọn "Thay đổi" để thiết lập chia sẻ tập tin công khai trên web, blog.

thiet lap chia se
Đánh dấu vào tùy chọn "Công khai trên web" rồi "Lưu".

cong khai tren web

Bây giờ hộp thoại ban đầu hiện trở lại, ta copy liên kết trong ô "Liên kết để chia sẻ" và dán vào trong đoạn mã ở trên với chú ý thay thế tính năng "/edit?usp=sharing" thành "/preview".

copy đường dẫn

Tóm lại, cú pháp để đưa khung xem trước của nội dung tài liệu vào blog có dạng:
<iframe  src="đường dẫn đến tập tin/preview" height="độ cao khung nhìn" width="độ rộng khung nhìn"></iframe >
Chúc các bạn thành công. 

10. Tự động tạo mã Latex bảng biến thiên của hàm số



Bạn mới làm quen với Latex và nhiều điều còn lạ lẫm lắm. Trong khi đó, bạn có nhu cầu vẽ bảng biến thiên của một hàm số cho tài liệu mà bạn đang soạn thảo. Lúc này bạn thực sự gặp khó khăn vì "vốn liếng" về Latex hãy còn ít. Và bạn có ước rằng có một chương trình nào đó mà khi ta nhập vào một hàm số thì chương trình sẽ tự động tính đạo hàm, xét dấu đạo hàm, tính giới hạn và lập thành bảng biến thiên? Hơn nữa, chương trình ấy có thể cung cấp cho bạn mã Latex của bảng biến thiên đó để bạn chép vào tài liệu mà bạn đang soạn thảo?

Hôm nay lang thang trên internet, tình cờ bắt gặp một chương trình đáp ứng được những tiêu chí mà bạn hằng ao ước. Xin giới thiệu nhanh dưới đây.

Đầu tiên bạn tải về chương trình tại liên kếthttp://sourceforge.net/projects/wxgeometrie/. Bạn cũng có thể tham quan trang chủ của chương trình này tại: http://wxgeo.free.fr/wordpress/. Đây là một chương trình hỗ trợ cho nhiều lĩnh vực toán như: hình học, đại số, thống kê,... nhưng trong phạm vi bài viết này chỉ giới thiệu chức năng tự động tạo bảng biên cho một hàm số bất kỳ.

Sau khi tải về, bạn giải nén tập tin tải về sẽ được thư mục WxGeometrie và bên trong nó có các thư mục con và biểu tượng như trong hình sau.

khởi chạy chương trình

Tiếp đến, bạn nhấn vào biểu tượng wxgeometrie để chạy chương trình.

Để sử dụng chức năng tạo bảng biến thiên, bạn vào Outils --> Options --> Modules và đánh dấu chọn vào mục Tableaux Latex rồi nhấp Ok để đồng ý.

chọn Tableaux Latex

Bây giờ ta thử lập bảng biến thiên cho hàm số y=x33x+5 bằng cách vào Tableaux Latex và nhập hàm số vào ô trống có con trỏ đang nhấp nháy rồi nhấn vào Ok và đợi kết quả.

copy đoạn mã Latex

Copy đoạn mã Latex được sinh ra ở vùng trống bên dưới rồi chép vào tập tin .tex

Chép vào file tex

Biên dịch ta thu được kết quả

kết quả

Chúc bạn thành công và khám phá thêm nhiều điều thú vị.



-------------------------------------------------------------------------------------------

 Người có học biết mình ngu dốt. The learned man knows that he is ignorant.


 Victor Hugo.

*******

Blog Toán Cơ trích đăng các thông tin khoa học tự nhiên của tác giả và nhiều nguồn tham khảo trên Internet .
Blog cũng là nơi chia sẻ các suy nghĩ , ý tưởng về nhiều lĩnh vực khoa học khác nhau .


Chia xẻ

Bài viết được xem nhiều trong tuần

CÁC BÀI VIẾT MỚI VỀ CHỦ ĐỀ TOÁN HỌC

Danh sách Blog

Gặp Cơ tại Researchgate.net

Co Tran