Nhúng file Flash vào Blogspot

1. Flash là gì?

- Là 1 ứng dụng đồ họa được sử dụng rộng rãi trên các trang web

- Với khả năng sáng tạo và đáp ứng gần như vô hạn, không có gì là quá khó tưởng tượng với Flash

- Sử dụng các ảnh đồ họa vector, có nghĩa là các bức ảnh có thể được co giãn với bất kỳ kích thước mà không làm giảm chất lượng

- Không yêu cầu quá khắt khe về các chương trình chuyên dụng và kỹ năng làm việc

2. So sánh Flash với ảnh động (Animated Images) và Java Applets: 

Khi tiến hành so sánh những ứng dụng này, ta có thể dễ dàng nhận ra những sự khác biệt sau

- Flash có tốc độ tải nhanh hơn nhiều so với ảnh động.

- Cho phép người dùng tương tác trực tiếp lên các đối tượng trong đó, còn ảnh động thì không.

- Flash không yêu cầu quá nhiều về kỹ năng xử lý, đối với java applets thì ngược lại.

Nhược điểm: Ảnh động có thể tải lên Blog, còn file flash cần phải có host mới tải lên được. Vì thế phải tiêu tiền...

3. Nhúng file Flash vào Blogspot.

Để có địa chỉ của file flash, thực hiện:
+ Tìm mã nguồn Ctrl + U.
+ Ctrl + F.
+ Tìm "swf" để tìm ra tên file.

Cách nhúng:
+ Chuyển qua chế độ html.
+ Nhúng với mã như sau:

<embed bgcolor="#FFFFFF" height="400" width="550" pluginspage="http://www.macromedia.com/go/getflashplayer" src="Link flash" type="application/x-shockwave-flash" >

</embed>

Nếu code trên không hoạt động bạn có thể dùng code thay thế bên dưới:

<embed wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="Linh flash?attredirects=0" width="550" height="400"

type="application/x-shockwave-flash" scale="" play="true" loop="true"

menu="true"></embed>

Trong đó:

+ Thay Link flash thành link file Flash của bạn.

+ height="400" là chiều cao của file flash

+ width="550" là bề rộng của file flash

Bổ xung thêm cho các bạn một code cơ bản như bên dưới:

<object width="550" height="400">

<param name="movie" value="filename.swf">

<embed src="filename.swf" width="550" height="400">

</embed>

</object>

- Đây là đoạn mã tối thiểu để nhúng file Flash bất kỳ vào trình duyệt, biểu tượng vỡ làm 2 phần sẽ xuất hiện trên trang web nếu trình duyệt chưa được cài đặt plug-in dành cho Flash.

- Trên đoạn mã trên có 2 thẻ cần chú ý là <embed> và <object>, bởi vì thẻ <object> sẽ được nhận ra bởi Internet Explorer, còn Netscape chỉ có thể nhận biết thẻ <embed> và hoàn toàn không nhìn thấy thẻ <object>

Thủ thuật Blogspot.

Read More

Cách chống copy nội dung bài viết cho Blogspot, Wordpress

Copy nội dung bài viết là một trong những vấn đề nhức nhối nhất với tất cả các anh em làm web hiện nay, trong đó các Blogger cũng không ngoại lệ, các bài viết dễ dàng bị copy nội dung.

1. Các chống copy nội dung bằng CSS.

Thường thì người ta sẽ dùng CSS hoặc Javascript để chống copy nội dung, nhưng mình sẽ chỉ dùng CSS vì JavaScript rất nặng, sẽ làm thời gian tải trang của web tăng lên rất nhiều, gây khó chịu cho người xem!

Bước 1: Truy cập vào trang quản trị blog.

Bước 2: Vào Template (Mẫu), chỉnh sửa HTML.

Bước 3: Click vào vùng code, và bấm Ctrl+F để mở hộp tìm kiếm, tìm kiếm đến thẻ ]]</b:skin> và chèn đoạn code này lên phía trên nó:

https://paste.asia/xnThsvhSi1

Class body khiến không thể tạo khối khi dùng chuột trái được, vì thế không thể copy được bài viết.

Nếu chỉ muốn chống copy ở phần bài viết, thì có thể đổi body thành .post nhé.

Dĩ nhiên cách này chỉ cho phép chống copy đối với người không biết về tin học thôi. Còn nếu bạn biết về tin học, thì chỉ cần nhấn Ctrl + U để xem mã nguồn, tìm đến đoạn văn bản là có thể copy được.

2. Cho phép copy ở table và Blockquote và Table.

Các bạn hãy thêm đoạn CSS này vào phía trên thẻ ]]</b:skin> nhé, nó chính là đoạn CSS cho phép copy:

https://paste.asia/0lJdGsdSKc

Chúc các bạn thành công

Read More

Script tạo câu hỏi trắc nghiệm cho blogspot, wordpress bằng html

Để tạo bộ câu hỏi trắc nghiệm trực tuyến như địa chỉ sau:

https://tvmedphar.blogspot.com/2019/07/level-c-lesson-15.html

Các bước thực hiện như sau:

Bước 1: Chuyển qua chế độ soạn thảo Html
Bước 2: Tạo câu hỏi và các phương án trả lời bằng cách sao chép đoạn mã dưới đây và thay thế phần nội dung của bạn vào chỗ màu đỏ.

<p><h2>Tiêu đề</h2>
Nội dung câu hỏi 1

<input id="text1" style="visibility: hidden; width: 1px;" value="C"><br />

<input id="choice1A" value="A" name="choice1" type="radio"><label id="C1A">(A) Đáp án A</label><br />

<input id="choice1B" value="B" name="choice1" type="radio"><label id="C1B">(B) Đáp án B</label><br />

<input id="choice1C" value="C" name="choice1" type="radio"><label id="C1C">(C) Đáp án C</label><br />

<input id="choice1D" value="D" name="choice1" type="radio"><label id="C1D">(D) Đáp án D</label><br />

(Câu 2 về sau tương tự)

<input language="javascript" id="button1" onclick="button1_onclick();" value="Xem kết quả" name="button1" type="button">

Bước 3: Chép script sau vào dưới (hoặc trên đoạn text cũng được).

https://paste.asia/Zv2GdouAOW

Thành quả: https://tvmedphar.blogspot.com/2019/07/toefl-lesson-11.html

TVMedphar

Read More

Chống AdBlock cho blogspot và wordpress

Code chống AdBlock - AdBlock là một plugin đó hoạt động như một cục tẩy hoặc ẩn quảng cáo trên mỗi trang mà chúng tôi đang mở, với các plugin mà chúng ta đặt trong trình duyệt cho phép chúng ta làm cho trình duyệt nhanh hơn vì không có quảng cáo gây phiền nhiễu.

Tuy nhiên, việc sử dụng AdBlock sẽ có ảnh hưởng xấu cho các web sử dụng quảng cáo để kiếm tiền. Là một Blogger, tôi cảm thấy việc chặn quản cáo của AdBlock sẻ gây ảnh hưởng đến thu nhập của tôi, vì tối sống bằng Web & Quản Cáo. Tất nhiên ai cũng vậy. Do đó hôm nay mình sẽ chia sẻ cho các bạn đoạn script chặn AdBlock.

Tất nhiên, có những thiếu sót trong đoạn Script mà tôi đưa ra, hầu hết các khách ghé thăm sẻ rời khỏi trang blog của tôi vì sự lười biến để vô hiệu hóa hoặc tắt AdBlock. Nhưng phần lớn các du khách ghé thăm blog để tìm hiểu bài viết mà họ muốn tìm kiếm, các bạn nên xem xét khi cài đặt code chống AdBlock nhé.

<style>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#f9f9f9;opacity:.97;display:block;padding:10% 0}#h237 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 ~ *{display:none}</style><div id="h237">

<span>Làm ơn hãy bật JavaScript!<br /></span></div>

<script>window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="http://i.imgur.com/IXBcz99.png" height="350" width="699" alt="" /> <a href="JavaScript:window.location.reload()">[ Tải Lại ]</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>

Chặn AdBlock cho blogspot quá dể phải không nào, các bạn có thể thêm đoạn mã trên vào </body> thay vì Tiện ích Html/Javasript cho các mã nguồn khác. Chúc các bạn kiếm tiền vui vẻ.

Read More

Sử dụng nhãn label trong blogspot

1. Cách Tạo Thẻ "Label" (Nhãn)

- Trong mỗi bài viết bạn nhìn sang bên phải - ngay dưới cột "Cài đặt bài đăng" có một biểu tượng màu đen và chữ "Label" (Nhãn).

- Bấm chuột vào chữ "Label" (Nhãn) sẽ có một khung nhỏ hiện ra, đây là nơi các bạn đặt tên cho "Label" (Nhãn) của bài viết đang thực hiện. Lưu ý đặt tên "Label" (Nhãn) cho bài viết phải trùng với tên menu, mục bạn muốn bài viết này xuất hiện.

VD: Hà muốn bài viết "Hướng dẫn sử dụng thẻ label (nhãn) trong blogspot" xuất hiện ở menu blogger hay kiến thức SEO thì bên "Label" thêm hai nhãn này vào như hình bên dưới.

Cách tạo thẻ label (nhãn) trong blogspot (Ảnh minh họa)

- Sau khi đã đặt tên cho "Label" (Nhãn) của bài viết, bấm vào nút "Hoàn thành" để lưu lại. Bây giờ, một "Label" (Nhãn) đã hiển thị với dòng chữ màu xanh, bên dưới khung vừa đặt tên "Label" (Nhãn). Các bạn chỉ cần bấm "Xuất bản" là xong.

- Nếu muốn tạo một "Label" (Nhãn) khác, thì viết một bài nữa và tiếp tục gắn (đặt tên) cho "Label" (Nhãn) mới - lặp lại thao tác như trên.

- Nếu viết một bài nữa và muốn đặt vào nhãn cũ thì chỉ việc bấm vào nhãn cũ đã tạo (hiển thị với chữ màu xanh ngay bên dưới khung đặt tên "Label" (Nhãn) rồi bấm "Hoàn thành" là bài viết sẽ được hệ thống tự động chuyển vào "Label" (Nhãn) đó. Chỉ cần bấm "Xuất bản" là được. (Thao tác tạo các "Label" (Nhãn) này có thể làm trước hoặc sau khi viết bài đều được).

2. Thay Tên Cho "Label" (Nhãn)

- Nếu muốn chuyển các bài viết từ nhãn này sang nhãn khác, chỉ cần vào "Chỉnh sửa bài viết" thay tên "Label" (Nhãn) bằng tên đã có hoặc tạo "Label" (Nhãn) mới và bấm "Hoàn thành" rồi bấm "Xuất bản" hoặc "Cập nhật" là xong.

3. Cách Lấy Link Cho "Label" (Nhãn)

+ Cách thứ nhất:

Tìm đến "Label" (Nhãn) đã được tạo ở bước 1. Có thể nó sẽ nằm bên dưới tiêu đề của bài viết hoặc cuối bài viêt hay ở mục label riêng tùy vào themes blogspot. Như themes blog của Hà thì mục nhãn nằm ở cuối bài. Bạn bấm chuột phải vào "Label" (Nhãn) cần lấy link và đặt con trỏ chuột vào dòng "Sao chép địa chỉ liên kết" (Copy link address), sau đó bấm chuột trái vào đó (dòng "Sao chép địa chỉ liên kết") để copy link.

Cách lấy Link của label (Nhãn) trong blogpot (Ảnh minh họa)

Cách thứ hai: 

Bấm chuột trái vào "Label" (Nhãn) cần lấy link rồi bôi đen đường link trên thanh địa chỉ và copy đường link này.

Cách lấy Link của label (Nhãn) trong blogpot 2 (Ảnh minh họa)

4. Gắn Link "Label" (Nhãn) Lên Thanh Menu



- Vào mẫu => Chỉnh sửa HTML nhấn CTRL + F để tìm đến đoạn code tạo menu trong tempalte blog của các bạn.

- Dòng code trong menu để gắn link lên thường có dạng như sau:

<li><a href="LINK NHÃN 1">TÊN NHÃN 1</a></li> 

- Các bạn chỉ cần thay thế đoạn tô màu đỏ trong đoạn code trên bằng link bạn vừa lấy được ở bước 3 là được. Sau đó thay đoạn tô màu xanh thành tên "nhãn" tương ứng bạn muốn - đây chính là nút bấm sẽ dẫn tới trang hiển thị các bài viết trong "nhãn"

VD: Menu "nhãn" Blogger của Hà sau khi dán link sẽ có dạng như sau:

<li><a href="/search/label/Blogger">Blogger</a></li>

- Có một số link có các ký tự bằng tiếng Việt có dấu sẽ được tự mã hóa nên có thể sẽ xuất hiện thêm những ký tự lạ . VD: về "Nhãn" công cụ SEO trên blog của Hà có link thế này:

<li><a href="http://ngocha89.blogspot.com/search/label/C%C3%B4ng%20c%E1%BB%A5%20SEO">Công cụ SEO</a></li>

- Theo cách suy nghĩ của một người không chuyên về code như Hà thì Hà nhớ đơn giản về đường dẫn http://ngocha89.blogspot.com/search/label/Blogger nghĩa là tìm kiếm những bài viết có nhãn tên blogger và gom chúng lại trong menu blogger của Hà.

- Các bạn làm tương tự cho những menu còn lại nhé.

- Bước cuối cùng đừng quên bấm "Lưu mẫu" và xem kết quả.

Bài viết: Hướng dẫn sử dụng thẻ label (nhãn) trong blogspot hi vọng sẽ giúp được các bạn không biết nhiều về code vẫn sẽ tùy chỉnh và sở hữu được một website đẹp theo ý thích của mình.

Nhớ bấm like nếu bài viết có ích cho bạn nhé ^^

Nguyễn Thị Ngọc Hạ
http://ngocha89.blogspot.com

Read More

Code tạo đồng hồ chuẩn đẹp trong Blogspot

Code tạo đồng hồ tuyệt đẹp ở góc trái của blogspot như sau:
B1: Tạo 1 chỗ đặt script/html
B2: Dán code sau vào
<script language=javascript>
<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. "
+ "You have spent " + milliNow + " of those milliseconds on this page. "
+ ".... About " + minsVisit + " minutes, and "
+ secsVisit + " seconds.");
}
document.write("<center><form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form></center>");
onError = null;
clock();
// End -->
</script>

TVMed

Read More

Cách sửa lỗi sai font chữ trong Blogspot

Làm thế nào để tùy chỉnh phông chữ tiêu đề bài viết của bạn trong blogger?

Khi bạn thay đổi template mặc định của bloggspot thường gặp lỗi sai font chữ. Vì các Template đó được code bằng tiếng Anh và font chữ được dùng cho ngôn ngữ tiếng Anh, mà phổ biến nhất là font Oswald và Georgia. Với font chữ đó thì trình duyệt không thể đọc và hiểu được tiếng việt sẽ gây ra lỗi font chữ hiển thị sai. Nếu bạn đang gặp trường hợp này thì có thể thử cách sửa lỗi sai font chữ trong blogspot sau:

- Đăng nhập vào blog, tại "Trang tổng quan" bấm vào "Mẫu", bấm tiếp "Chỉnh sửa HTML".

- Tại bảng HTML, bấm CTRL + F để tìm kiếm đoạn code như sau:

 <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

- Các bạn thay thế Oswald bằng một font chữ thông dụng trong tiếng Việt như: Arial  hoặc các font chữ khác như: Times, New Times Roman,...

Lưu ý quan trọng khi sửa lỗi sai font chữ trong blogspot:
- Nếu template không có đoạn mã: 
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>. Các bạn có thể khắc phục lỗi sai font chữ trong blogspot bằng cách thêm đoạn mã trong khung dưới đây vào phía trên thẻ: ]]></b:skin>

.post-body {font-family:Arial, Tahoma, Veranda, Times, Times New Roman}

-  Bấm "Lưu mẫu" để lưu lại là được.

Nếu vẫn chưa có sự thay đổi thì mẹo cho các bạn không biết code là: Các bạn tìm Oswald rồi thay thế hết thành Arial

Do các bạn không biết code nên hơi khó hướng dẫn. Nói chung để chỉnh sửa tốt cái này bạn phải vận dụng tốt Addon Firebug và chút kiến thức về CSS
Một số thuộc tính CSS về text mà các bạn nên quan tâm:

- font-size:  Kích thước chữ
- font-family: Loại font chữ
- font-weight: Độ in đậm của chữ.

Ví dụ:

font-size:  18px ==> font chữ là 18pixel
font-family: Arial ==> font chữ dạng arial
font-weight: bold  ==> Chữ in đậm, chữ béo

Chúc các bạn sửa lỗi sai font chữ trong blogspot thành công. Nếu gặp bất kỳ khó khăn hay vướng mắc nào khi áp dung thủ thuật này, đừng ngần ngại hãy để lại comment của bạn ở phần nhận xét mình sẽ hỗ trợ bạn trong thời gian sớm nhất.

Nguyễn Thị Ngọc Hà
http://ngocha89.blogspot.com

Read More