Tạo liên kết mở cửa sổ nhỏ popup

1. Tạo liên kết cửa sổ thu nhỏ, có núm (vd: Email của tôi), hiển thị góc trên bên trái.

-Code: Copy tất cả, dán vào bài viết, chỉnh sửa đường Link, kích thước cửa sổ

<FORM> <INPUT type="button" value="Tên núm" onClick="window.open('Link blog hiển thị','mywindow','width=400,height=300')"> </FORM>


2. Tạo liên kết cửa sổ thu nhỏ popup, (vd: Xem Email của tôi), hiển thị ở giữa.
Xem Email của tôi
a. Code: Copy tất cả, dán vào HTML thay cho Them hoặc vào bài viết đoạn code

<script type="text/javascript"> //<![CDATA[ function OpenPopup(Url,WindowName,width,height,extras,scrollbars) { var wide = width; var high = height; var additional= extras; var top = (screen.height-high)/2; var leftside = (screen.width-wide)/2; newWindow=window.open(''+ Url + '',''+ WindowName + '','width=' + wide + ',height=' + high + ',top=' + top + ',left=' + leftside + ',features=' + additional + '' + ',scrollbars=1'); newWindow.focus(); } //]]> </script>
b. Code: Copy tất cả, dán vào bài viết đoạn code, chỉnh sửa đường Link blog hiển thị, kích thước cửa sổ hiển thị

<a href="javascript: void(0);"onclick="javascript:OpenPopup('Link blog hiển thị','WindowName','400','300','scrollbars=1');"> Tên gọi blog</a>
Các bài viết sau chỉ cần Code ở mục b. trên

Tạo Nút bên phải, trái blog để liên kết đến các tiện ích khác

Code: Copy code, dán vào Tiện ích HTML, sửa các thông số thích hợp

<style type-text/css> .fixed-middle { position:fixed; bottom:0px; top:70%; Left:0px; z-index:1000000; } </style> <span class="fixed-middle"> Đặt Code Hình ảnh và liên kết tại đây </span>

Nhúng Từ điển Anh – Việt vào blog

Từ điển Anh - Việt
Dictionary:
English - Vietnamese Vietnamese - English

Enter word:

Code: Copy code, dán vào cửa sổ HTML tại vị trí thích hợp trong blog

<script src="http://codenguyenhuuuyen.googlecode.com/files/clicksee.js"> </script> <script language="javascript"> function doSearch(obj){ window.open("http://bea.vn/course/blocks/dictionary_mc/dic/search.php?dict=" + obj.dict.value + "&word=" + obj.word.value, "quickview", "status=0,toolbar=0,scrollbars=1,width=500,height=400,location=0"); return false; } </script> <br /> <form action="http://bea.vn/course/blocks/dictionary_mc/dic/search.php" method="post" name="dictionary" onsubmit="return doSearch(this);" style="margin: 0px;" target="_blank"> <div style="padding-bottom: 6px;"> Dictionary: <br /> <select name="dict" style="font-size: 11px; width: 165px;"> <option selected value="ev" />English - Vietnamese <option value="ve" />Vietnamese - English </select></div> <div> Enter word:<br /> <input name="word" style="font-size: 11px; width: 120px;" type="text" /> <input name="go" style="font-size: 11px;" type="submit" value="Go" /> </div> </form> <span style="font-size: 14px;"><b><br /></b></span>

Chèn các báo vào Blog

Chèn các báo vào Blog: Copy code dưới đây, dán vào cửa sổ HTML bài đăng.

<a href="javascript:jumpto('http://tuoitre.vn/')">Báo tuổi trẻ</a> | <br /> <a href="javascript:jumpto('http://laodong.com.vn/')">Báo Lao Động</a> | <br /> <a href="javascript:jumpto('http://dungheineken.blogspot.com/')">Thủ thuật computer</a> | <br /> <a href="javascript:jumpto('http://phapluattp.vn/')">Báo Pháp Luật</a><br /> <br /> <script language="javascript"> <!-- //Drop-down Document Viewer II- © Dynamic Drive (www.dynamicdrive.com) //For full source code, 100's more DHTML scripts, and TOS, //visit http://www.dynamicdrive.com //Specify display mode (0 or 1) //0 causes document to be displayed in an inline frame, while 1 in a new browser window var displaymode=0 //if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown var iframecode='<iframe id="external" style="width:100%;height:400px" src="http://www.yahoo.com"></iframe>' /////NO NEED TO EDIT BELOW HERE//////////// if (displaymode==0) document.write(iframecode) function jumpto(inputurl){ if (document.getElementById&&displaymode==0) document.getElementById("external").src=inputurl else if (document.all&&displaymode==0) document.all.external.src=inputurl else{ if (!window.win2||win2.closed) win2=window.open(inputurl) //else if win2 already exists else{ win2.location=inputurl win2.focus() } } } //--> </script>

Tiện ích con chim Flying Twitter Bird

Tiện ích có con Chim bay trên màn hình
Vào trang này . Đăng nhập tài khoản, làm theo hướng dẫn.
Nếu không thì Copy code dưới đây, dán vào hộp HTML, thay đổi "nguyenhuuuyen" thành "tài khoản đăng nhập Twitter của mình"

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js"\></script> <script type="text/javascript"> var twitterAccount = "nguyenhuuuyen"; var tweetThisText = "Thank you! Mỗi ngày một niềm vui. Cám ơn!"; tripleflapInit(); </script> <noscript><span style="font-size:11px;">Blogspot<a href="http://nguyenhuuuyen.blogspot.com/">nguyenhuuuyen</a></span></noscript>

Định vị ảnh trong bài viết

Định vị ảnh trong bài viết để ảnh cách lề phải hoặc lề trái.
So với lề trái: float:left;
Cách lề trái: margin-left:10px;
Chiều cao: enter

<a href="Link hiển thị" imageanchor="1" style="clear:left; float:left; margin-top:-32px; margin-left:10px; margin-bottom:1em"><img border="0" height="30" width="40" src="Link ảnh" /></a>

Tiện ích dịch đa ngôn ngữ dạng lá cờ

Tiện ích đa ngôn ngữ dạng lá cờ
Nguồn: http://24work.blogspot.com/2011/12/22-google-flag-translate-widget-for.html
Code: Copy dán vào tiện ích HTML

<style type="text/css">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="w2bgft"><!--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://www.way2blogging.org/">Way2blogging</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>

Hộp dịch đa ngôn ngữ dạng xổ xuống
Code: Copy dán vào tiện ích HTML

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=vi&w=160&h= 60&title=&border=&output=js"></script>

Menu ngang xổ xuống 1 cấp có icon Trang chủ

1. Menu ngang xổ xuống 1 cấp
Code: Nhấn Chọn tất cả, Copy bằng Phím Ctrl + C và dán vào bằng Ctrl + V vào HTML ngay dưới thanh tiêu đề. Sửa lại các đường link để liên kết với các trang blog theo ý thích.
Xem thêm: Thêm thanh tiêu đề mới để chèn swf

<style> ul.ldd_menu{ margin:0px; padding:0; display:block; height:30px; background-color:#D04528; list-style:none; font-family:"Trebuchet MS", sans-serif; border-top:1px solid #EF593B; border-bottom:1px solid #EF593B; border-left:10px solid #D04528; -moz-box-shadow:0px 3px 4px #591E12; -webkit-box-shadow:0px 3px 4px #591E12; -box-shadow:0px 3px 4px #591E12; } ul.ldd_menu a{ text-decoration:none; } ul.ldd_menu > li{ float:left; position:relative; } ul.ldd_menu > li > span{ float:left; color:#fff; background-color:#D04528; height:30px; line-height:30px; cursor:default; padding:0px 20px; text-shadow:0px 0px 1px #fff; border-right:1px solid #DF7B61; border-left:1px solid #C44D37; } ul.ldd_menu .ldd_submenu{ position:absolute; top:30px; width:200px; display:none; opacity:0.95; left:0px; font-size:14px; background: #C34328; border-top:1px solid #CD3700; -moz-box-shadow:0px 3px 4px #FFFF00 inset; -webkit-box-shadow:0px 3px 4px #FFFF00 inset; -box-shadow:0px 3px 4px #FFFF00 inset; z-index:30; /* thuộc tính hiện menu con đối với các blog để nổi bracgrou */ } a.ldd_subfoot{ background-color:#f0f0f0; color:#444; display:block; clear:both; padding:15px 20px; text-transform:uppercase; font-family: Arial, serif; font-size:12px; text-shadow:0px 0px 1px #fff; -moz-box-shadow:0px 0px 2px #777 inset; -webkit-box-shadow:0px 0px 2px #777 inset; -box-shadow:0px 0px 2px #777 inset; } ul.ldd_menu ul{ list-style:none; float:left; border-left:1px solid #DF7B61; margin:10px 0px 10px 10px; padding:10px; } li.ldd_heading{ font-family: Georgia, serif; font-size: 13px; font-style: italic; color:#FFB39F; text-shadow:0px 0px 1px #B03E23; padding:0px 0px 10px 0px; } ul.ldd_menu ul li a{ font-family: Arial, serif; font-size:12px; line-height:20px; color:#fff; padding:1px 3px; } ul.ldd_menu ul li a:hover{ -moz-box-shadow:0px 0px 2px #333; -webkit-box-shadow:0px 0px 2px #333; box-shadow:0px 0px 2px #333; background:#FF1493; } </style> <ul id="ldd_menu" class="ldd_menu"> <li> <span> Menu 1</span><!-- Increases to 150px in width--> <div class="ldd_submenu"> <ul> <li><a href="#"> Tên hiển thị 1</a></li> <li><a href="#"> Tên hiển thị 2</a></li> <li><a href="#"> Tên hiển thị 3</a></li> <li><a href="#"> Tên hiển thị 4</a></li> <li><a href="#"> Tên hiển thị 5</a></li> </ul> </div> </li> <li> <span> Menu 2</span> <div class="ldd_submenu"> <ul> <li><a href="#"> Tên hiển thị 1</a></li> <li><a href="#"> Tên hiển thị 2</a></li> <li><a href="#"> Tên hiển thị 3</a></li> <li><a href="#"> Tên hiển thị 4</a></li> <li><a href="#"> Tên hiển thị 5</a></li> </ul> </div> </li> <li> <span> Menu 3</span> <div class="ldd_submenu"> <ul> <li><a href="#"> Tên hiển thị 1</a></li> <li><a href="#"> Tên hiển thị 2</a></li> <li><a href="#"> Tên hiển thị 3</a></li> <li><a href="#"> Tên hiển thị 4</a></li> <li><a href="#"> Tên hiển thị 5</a></li> </ul> </div> </li> </ul> <!-- The JavaScript --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { /** * the menu */ var $menu = $('#ldd_menu'); /** * for each list element, * we show the submenu when hovering and * expand the span element (title) to 510px */ $menu.children('li').each(function(){ var $this = $(this); var $span = $this.children('span'); $span.data('width',$span.width()); $this.bind('mouseenter',function(){ $menu.find('.ldd_submenu').stop(true,true).hide(); $span.stop().animate({'width':'100px'},300,function(){ $this.find('.ldd_submenu').slideDown(300); }); }).bind('mouseleave',function(){ $this.find('.ldd_submenu').stop(true,true).hide(); $span.stop().animate({'width':$span.data('width')+'px'},300); }); }); }); </script>

1. Chèn một ảnh Icon có code dưới đây và dán tiếp phía dưới HTML, sửa đường Link đến blog theo ý thích. Sửa margin-top:-32px có trị số phù hợp để icon nằm trên thanh menu. Định vị ảnh so với chuẩn lề trái: float:left; Cách lề trái: margin-left:10px; Cách lề trên margin-top:-32px; Cách thân dưới  margin-bottom:1em.

<a href="http://nguyenhuuuyen.blogspot.com/" imageanchor="1" style="clear:left; float:left; margin-top:-32px; margin-left:10px; margin-bottom:1em"><img border="0" height="30" width="40" src="http://icons.iconarchive.com/icons/awicons/vista-artistic/64/1-Normal-Home-icon.png" /></a>

Liên kết Website, blog dạng xổ xuống

Liên kết Website, blog dạng xổ xuống

Blog của tôi

Chọn blog, website Tôi đây Tôi đây mà

<h3>Liên kết Website</h3> <div class="ja-box-ct"> <script type="text/javascript"> function openpage(link) { if (link!="!") window.open(link); return false; } </script> <form method="get" action=""> <select name="Select" onchange="openpage(this.options[this.selectedIndex].value);this.options[0].selected=true"> <option value="!" />Chọn liên kết <option value="http://tnut.edu.vn" />Trang chủ TNUT <option value="http://fee.tnut.edu.vn" />Khoa Điện tử <option value="http://nktrinh.blogspot.com" />Administrator </select></form> </div>

Liên kết dạng danh sách có hình nền

Liên kết dạng danh sách có hình nền

<center style="margin-bottom:25px"><font size=5 color=red><bold>Tiêu đề danh sách liên kết</bold></font> </center><hr /> <style type="text/css"> #itechconnect{margin:0; padding: 0;width:100%;height:230px; overflow: auto; background:url(Link ảnh nền) no-repeat bottom right;font-family: "arial";} #itechconnect p {margin:0; padding:2px 10px} .favicon {width:16px; height:16px; margin-right:5px} .connect {width:48px; height:48px; margin:5px 10px -15px 0} </style> <div id="itechconnect"> <img src="Link ảnh gif" border="0" /><a href="Link liên kết blog"><font size= 4 color="Indigo"> Hiển thị mô tả </font></a><hr /> <img src="Link ảnh gif" border="0" /><a href="Link liên kết blog"><font size= 4 color="Indigo"> Hiển thị mô tả </font></a><hr /> </div>

Tạo hộp tiện ích ẩn "click here"

1/ Đăng nhập vào Blog > Chọn Thiết kế > Chọn chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </head> và Enter

Sau đó dán toàn bộ code phía dưới vào trên dòng lệnh </head> và bấm Lưu mẫu.

<style type='text/css'> /*Hộp tiện ích ẩn CLICK HERE*/ #gb{ position:fixed; top:300px; z-index:+1000; right:3px; } * html #gb{position:relative;} .gbtab{ margin-top:-1px; height:200px; width:30px; float:left; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrm2yUwR-RLM2GRxzEk05zk3byIZ-rHjfxy_KRETwrY8mXG5rfeLW9Rf7jbvjgC0FPvqZDcCfH6S4TDNMNq7awlwni158P8_yAB19By3_I5Enx0Zfg-gJs_mipaRV4n4IqvmCj6cc14PQ/s150/tintuc.gif) no-repeat; } .gbcontent{ float:left; border:3px solid #FFFFFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ymeUYhyphenhyphen8bQvtTfWuWXb-jvbGww_ov3zTisTnBQDopFVkAGej4Z6w2XaC8-oNnUFl6PEUtD1flEHHO5wQQihL3uHKg-sSz54-I4k9sSdZtoFqheChESwY22fs2iim3k_15fiZTkl9hao/s1600/www.loogix.com_9845079.gif); padding:5px 15px 3px 15px; line-height:1.3em;} </style> <script type='text/javascript'> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 24-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script>
Có thể thay đổi: top:300px; chiều cao tính từ trên xuống đến hộp

2/ Đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML/Javacritp rồi dán code phía dưới vào. 
Thêm nội dung Tiện ích vào theo ý thích, Lưu tiện ích.

<div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <strong><span style=" ">TIÊU ĐỀ TIỆN ÍCH</span></strong> <center> NỘI DUNG TIỆN ÍCH CODE 1 HTML (cần tiện ích nào thì dán Code vào đây) </center> <div style="text-align: right;"><span style="float:left; "> Tên hiển thị phía dưới hộp (NguyỄn Hữu Uyến) </span> <a href="javascript:showHideGB()">[Đóng lại] </a></div></div></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (24-gb.offsetWidth).toString() + "px"; </script>

Phân trang đang dùng trong blog này

1. Đầu tiên, đăng nhập vào Blog > chọn Thiết kế > chọn Chỉnh sửa HTML. Tiếp theo tìm và xóa đoạn code theo mặc định cũ có trong HTML như dưới đây và Lưu lại.

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=7;

var numshowpage=7;

var upPageWord =&#39;&#9668;&#39;;

var downPageWord =&#39;&#9658;&#39;;

</script>

<script src='http://codenguyenhuuuyen.googlecode.com/files/pagenav.js' type='text/javascript'/> 

 2. Nhấn Núm chọn tất cả đoạn code dưới đây, Copy bằng Phím Ctrl + C và dán vào bằng Ctrl + V vào HTML đặt ngay dưới bài đăng trong Bố cục, lưu lại

<style> .showpageArea {font-size: 14px; width:600px;background: url(#) no-repeat left top; padding: 1px; color:#003366;text-align:center; } .showpageArea a { color:#0F0; text-decoration:underline; } .showpageNum a { text-decoration:none; color:#0F0; border:1px solid #FFF; margin:0 2px; padding:0 2px 0 2px; } .showpageNum a:hover { color:#ffff00; border:1px solid #00ff00; background-color:#FFF; } .showpagePoint { color:#ffff00; margin:0 2px 0 4px; } .showpage a { text-decoration:none; color:#0000EE; padding:0 2px 0 4px; } .showpage a:hover { color:#ffff00; text-decoration:underline; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#00ff00; } </style> <script type="text/javascript"> function showpageCount(json) { var thisUrl = location.href; var htmlMap = new Array(); var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var isPage = thisUrl.indexOf("/search?updated")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var pageCount=1; var displayPageNum=4; var firstPageWord = 'Đầu'; var endPageWord = 'Cuối'; var upPageWord ='◄'; var downPageWord ='►'; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp = post.published.$t.substr(0,10); var title = post.title.$t; if(isLablePage){ if(title!=''){ if(post.category){ for(var c=0, post_category; post_category = post.category[c]; c++) { if(encodeURIComponent(post_category.term)==thisLable){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } } }//end if(post.category){ itemCount++; } }else{ if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; } } itemCount++; } } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; } }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>'; }else{ if(p==0){ if(isLablePage){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="/">1</a></span>'; } }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>'; } } if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; } }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p< htmlMap.length;p++){ if(thisNum>1){ if(!isLablePage){ html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; }else{ html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; } } html = '<div class="showpageArea"><span >Trang '+thisNum+' / '+(postNum-1)+': </span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>'; } if(postNum==1) postNum++; html += '</div>'; if(isPage || isFirstPage || isLablePage){ var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; } } } </script> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

Tạo khung chứa code có Núm chữ Chọn tất cả

Code: Nhấn Chọn tất cả, Copy bằng Phím Ctrl + C và dán vào bằng Ctrl + V vào HTML
Thay đổi các rows="3" style="height: 82px; background: #E8E8E8; border: 1px solid #4876FF; margin-left: -3px; margin-right: 0px;  margin-bottom: 00px; margin-top: 0px; width: 100%;" tùy ý.

<form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Chọn tất cả" /><br /> <textarea cols="90" name="MyTextBox" rows="3" style="height: 82px; background: #E8E8E8; border: 1px solid #4876FF; margin-left: -3px; margin-right: 0px; margin-bottom: 00px; margin-top: 0px; width: 100%;" wrap="off"> Dán code vào đây

Tạo Banner chạy dọc 2 bên trang web

Code: Đặt chuột vào khung code, Nhấn phím Ctrl + A để chọn tất cả, Nhấn phím Ctrl + C để copy và dán bằng phím Ctrl + V vào HTML, Sửa lại các đường Link theo ý thích.

<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px"> <a href="Link file hiển thị 1"><img src="Link ảnh trái"width="125" /></a> </div> <div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px"> <a href=" Link file hiển thị 2"><img src="Link ảnh phải"width="125" /></a> </div> <script> function FloatTopDiv() { startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80; startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80; var d = document; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';}; el.x = startRX; el.y = startRY; return el; } function m2(id) { var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';}; e2.x = startLX; e2.y = startLY; return e2; } window.stayTopLeft=function() { if (document.documentElement && document.documentElement.scrollTop) var pY = document.documentElement.scrollTop; else if (document.body) var pY = document.body.scrollTop; if (document.body.scrollTop > 30){startLY = 3;startRY = 3;} else {startLY = TopAdjust;startRY = TopAdjust;}; ftlObj.y += (pY+startRY-ftlObj.y)/16; ftlObj.sP(ftlObj.x, ftlObj.y); ftlObj2.y += (pY+startLY-ftlObj2.y)/16; ftlObj2.sP(ftlObj2.x, ftlObj2.y); setTimeout("stayTopLeft()", 1); } ftlObj = ml("divAdRight"); //stayTopLeft(); ftlObj2 = m2("divAdLeft"); stayTopLeft(); } function ShowAdDiv() { var objAdDivRight = document.getElementById("divAdRight"); var objAdDivLeft = document.getElementById("divAdLeft"); if (document.body.clientWidth < 1000) { objAdDivRight.style.display = "none"; objAdDivLeft.style.display = "none"; } else { objAdDivRight.style.display = "block"; objAdDivLeft.style.display = "block"; FloatTopDiv(); } } </script> <script> document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW =125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>"); </script>

Đóng khung ảnh flash

Công cụ tìm kiếm của Google

CÔNG CỤ TÌM KIẾM

Tìm kiếm tất cả
Nguyễn Hữu Uyến
Thư giãn
Phim ảnh
Đồng đội
Hỗ trợ blog
Blog Tiếng Việt
Trang này

Code: Chọn tất cả, copy dán vào HTML, sửa các đường Link

b style="color: red;"><span style="font-size: large;">CÔNG CỤ TÌM KIẾM</span></b><br /> <form action="http://www.google.com/cse" id="cse-search-box"> <br /> <img <input="" alt="Google" border="0" name="cx" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHvRlGU8Fu7_dJ3TQbsdV2Kon77AK9hMREEspiBY779sd4x0LaV5IWe9YElnk_Lkvct05Zh4Rcz2dC8JgldIIIIHAUOkgCVKxO36FHt7DyjUymMUa5IF-QfJWFrMSimBgIL0RaRKMSp4cl/s128/LogoGoogle.gif" type="hidden" value="012596416485239023597:bdyrt64se6s" /> <input name="ie" type="hidden" value="UTF-8" /><input name="q" size="25" type="text" /> <br /> <input name="sitesearch" type="radio" value="" /> Tìm kiếm tất cả <br /> <input checked="checked" name="sitesearch" type="radio" value="http://nguyenhuuuyen.blogspot.com/" /> Nguyễn Hữu Uyến <br /> <input checked="checked" name="sitesearch" type="radio" value="http://nguoicaotuoithugian.blogspot.com/" /> Thư giãn <br /> <input checked="checked" name="sitesearch" type="radio" value="http://pape6.blogspot.com/" /> Phim ảnh <br /> <input checked="checked" name="sitesearch" type="radio" value="http://thongtindongdoi.blogspot.com/" /> Đồng đội <br /> <input checked="checked" name="sitesearch" type="radio" value="http://hotroblog.blogspot.com/" /> Hỗ trợ blog <br /> <input checked="checked" name="sitesearch" type="radio" value="http://nguyenhuuuyen.blogtiengviet.net/" /> Blog Tiếng Việt <br /> <input checked="checked" name="sitesearch" type="radio" value="http://hotroblog.blogspot.com/" /> Trang này <br /> <input name="Uyến" type="submit" value="Tìm kiếm với Google" /></form> <br /></div>

Chuột có dòng chữ chạy theo

Chuột có dòng chữ chạy theo giống trang Blog này
Code: Chọn tất cả, Dán vào HTML
<style type="text/css"> /* Chuột CÓ DÒNG CHŨ CHẠY Circle Text Styles */ #outerCircleText { /* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */ font-style: italic; font-weight: bold; font-family: Times new roman; color: #0000CD; /* End Optional */ /* Start Required - Do Not Edit */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} /* End Required */ /* End Circle Text Styles */ </style> <script type="text/javascript"> ;(function(){ // Your message here (QUOTED STRING) var msg = "NGUYỄN HỮU UYẾN"; /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size = 15; // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 5; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 10; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.4; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.3; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); </script>

Hiệu ứng khi rê chuột vào link

Code: Chọn tất cả, Copy đoạn code, dán vào ô CSS

a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(link ảnh.gif);} Các hiệu ứng chuột Tại đây

Chuột của tui

<style type="text/css"> a.navbar:hover { color:; font-weight:bold; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbcCp1j8rb7V97no-OF88UghjnkUi6lXw7sE03VD8jXzQU8P8jQOZ7escKM6260nImv9rU4KHPAXG4v1iraLQ928MOnQPo2-9IxHoxPgDhFjlBDA3aOBrGKgXwXNkML6iS3zZiiQL9TcY/s1600/rainbow.gif); } a:hover, a.link:hover, a.navbar:hover { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbcCp1j8rb7V97no-OF88UghjnkUi6lXw7sE03VD8jXzQU8P8jQOZ7escKM6260nImv9rU4KHPAXG4v1iraLQ928MOnQPo2-9IxHoxPgDhFjlBDA3aOBrGKgXwXNkML6iS3zZiiQL9TcY/s1600/rainbow.gif); font-size:10t; color:; text-decoration:none; border:1px solid; } </style>

Các loại chuột ở đây

Hiệu ứng phóng to ảnh khi rê chuột vào Ảnh

Code: Chọn tất cả dán Thêm đoạn Code dưới đây trước thẻ </head>

<style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; } </style>

Khi viết bài có hình ảnh vào cửa sổ HTML và dán code sau:

<div class="hovergallery"> <img src="Link ảnh" /> <img src="Link ảnh" /> </div>

Xem mã nguồn

Nhập địa chỉ đầy đủ đường dẫn tới trang Web cần xem mã nguồn theo http://caobang83.violet.vn