Thủ thuật cho Blog -
Phần 2 .
1. 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.
"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:
<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- 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:
<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.
2. 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
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)
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
Blogger 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
Blogger 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
Blogger Templates từ BlogTemplate4u.com. Blogger Templates: thư viện cung cấp hàng ngàn mẫu Blogger.
4. Zoom Template
Blogger 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
Blogger Templates từ DeluxeTemplates.net. Bộ sưu tầm các mẫu Blogger đơn giản và đẹp.
6. Best Theme
Blogger 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 Templates từ BloggerThemes.net. 1 trang web chỉ cung cấp duy nhất những mẫu Blogger.
8. Blogcrowds
Blogger Templates từ Blogcrowds.com. Một bộ sư tập mẫu Blogger khác đơn giản mà đẹp.
9. Themecraft
Blogger Templates từ ThemeCraft.Net.
10. Blogger Templates Free
Blogger Templates từ BloggerTemplatesFree.com.
11. AllBlogTools
Blogger Templates từ AllBlogTools.com.
12. Blogger Styles
Blogger Templates từ BloggerStyles.com.
13. Blogger Template Place
Blogger Templates từ BloggerTemplatePlace.com.
14. Blogger Theme
Blogger Templates từ BloggerTheme.Net.
15. Dhe Template
Blogger Templates từ DheTemplate.com.
16. Templates Block
Blogger Templates từ TemplatesBlock.com
17. AnshulDudeja.com
Blogger Templates từ AnshulDudeja.com.
18. Our Blogger Templates
Blogger Templates từ OurBloggerTemplates.com.
19. Chicablogger
Blogger Templates từ Chicablogger.com.
20. Buy My Themes
Blogger Templates từ BuyMyThemes.com.
21. Splashy Templates
Blogger Templates từ SplashyTemplates.com.
Xem thêm: TẠ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
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
2. BTemplates
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
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:
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:))
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
Xem thêm: TẠI ĐÂY
5. 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 DemoTrướ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.
☼ 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:
<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
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 Blog2- 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
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 = 5; Là 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.
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ệu
- Để 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ấyVí 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:
- 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=m&max-results=nTrong đó:
- start-index=m bắt đầu bài đăng mới nhất
- max-result=n lấy n bài, bắt đầu từ bài từ bài thứ m
- diachi.blogspot.com: là blog cần lấy Data
- 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=10Nế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
-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 .
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.
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.
2) Chèn đoạn mã
<iframe src="https://docs.google.com/file/d/0B8sStMf3Y7dAcVVGQldEMnpMaGc/preview" height="480" width="600"></iframe >
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ẻ".
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".
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 >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.
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 ý.
Bây giờ ta thử lập bảng biến thiên cho hàm số
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
Biên dịch ta thu được kết quả
Chúc bạn thành công và khám phá thêm nhiều điều thú vị.
Nguồn : http://toanvalatex.blogspot.com/2014/02/tu-dong-tao-ma-Latex-bang-bien-thien-cua-ham-so.html
Người có học biết mình ngu dốt. The learned man knows that he is ignorant.
Victor Hugo.
