Slide ảnh chạy ngang

      

Slide ảnh

Tiện ích Slide đầu bài

*** Xem Tốt nhất trên trình duyệt Google Chrome ***   ***Tìm thông tin về Liệt sĩ Nguyễn Hữu Tuyến và Đồng đội đơn vị: Đại đội 616 thông tin, Đoàn 671 năm 1974, ở Cămpuchia ***

TRUYỀN THỐNG BỘ ĐỘI CÔNG BINH: "MỞ ĐƯỜNG THẮNG LỢI"

Slide ảnh chạy ngang

1 2 3 4 5 6 7 8

<style type="text/css"> .container1 { width: 560px;padding: 0;margin: 0 auto; } .folio_block { position: absolute;left: 50%; top: 50%;margin: -140px 0 0 -395px;} .main_view {float: left;position: relative;} /*--Window/Masking Styles--*/ .window {-moz-box-shadow: 0px 0px 5px #303030; -webkit-box-shadow: 0px 0px 5px #303030; box-shadow: 0px 0px 5px #303030;border:5px solid green;height:240px; width: 560px; margin-top:15px;overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute;top: 0; left: 0; } .image_reel img {float: left;} .paging_btrix { position: absolute;bottom: 10px; right: -7px;width: 178px; height:47px;z-index: 100; /*--Assures the paging stays on the top layer--*/text-align: center; line-height: 40px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP9ufaiPPfdIZKuTvCBe2Swtu_MikrVb_SS5Lq-Jw7_kn9d_PAICvijWeh3lyrF8EyOTn0xoOE7CVQMbwzmXsLE-hAXz9Ijoa60r3Ac1_3IMMAMkPu7DTY9uJTmI_opd0SPM-LI17TEo4/s1600/paging_btrix_bg2.png) no-repeat; display: none; } .paging_btrix a { padding: 5px;text-decoration: none;color: #fff; } .paging_btrix a.active { font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .paging_btrix a:hover {font-weight: bold;} </style> <div class="container1"> <div class="main_view"> <div class="window"> <div class="image_reel"> <a href="http://nguyenhuuuyen.blogspot.com/"><img src="http://infonet.vn/Uploaded/vietkhanh/2013_05_08/1-2.jpg" alt="TÊN ẢNH" width='560' /></a> <a href="http://nguyenhuuuyen.blogspot.com/"><img src="http://infonet.vn/Uploaded/vietkhanh/2013_05_08/1-2.jpg" width='660' alt="anh bia facebook tinh yeu dep buon" width='560' /></a> <a href="http://nguyenhuuuyen.blogspot.com/"><img src="http://nld.vcmedia.vn/BJ072xyCtEPHtnnWS0mbQaWHs01BP3/Image/2013/05/Thu-tuong-cuoi-trong-tau-ngam_08538.jpg" alt="Tên ảnh" width='560' /></a> <a href="http://nguyenhuuuyen.blogspot.com/"><img src="http://static.kienthuc.net.vn:81/Images/Contents/lenam/20130504/philtauSG_Kienthuc_4702.jpg" alt="Tên ảnh" width='560' /></a> <a href="http://nguyenhuuuyen.blogspot.com/"><img src="http://infonet.vn/Uploaded/vietkhanh/2013_05_08/1-2.jpg" alt="Tên ảnh" width='560' /></a> <a href="http://nguyenhuuuyen.blogspot.com/"><img src="http://infonet.vn/Uploaded/vietkhanh/2013_05_08/1-2.jpg" alt="Tên ảnh" width='560' /></a> <a href="http://nguyenhuuuyen.blogspot.com/"><img src="http://nld.vcmedia.vn/BJ072xyCtEPHtnnWS0mbQaWHs01BP3/Image/2013/05/Thu-tuong-cuoi-trong-tau-ngam_08538.jpg" alt="Tên ảnh" width='560' /></a> <a href="Linnk liên kết"><img src="Link ảnh.jpg" alt="Tên ảnh" width='560' /></a> </div> </div> <div class="paging_btrix"> <a href="#" rel="1">1</a> <a href="#" rel="2">2</a> <a href="#" rel="3">3</a> <a href="#" rel="4">4</a> <a href="#" rel="5">5</a> <a href="#" rel="6">6</a> <a href="#" rel="7">7</a> <a href="#" rel="8">8</a> </div> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { //Set Default State of each portfolio piece $(".paging_btrix").show(); $(".paging_btrix a:first").addClass("active"); //Get size of images, how many there are, then determin the size of the image reel. var imageWidth = $(".window").width(); var imageSum = $(".image_reel img").size(); var imageReelWidth = imageWidth * imageSum; //Adjust the image reel to its new size $(".image_reel").css({'width' : imageReelWidth}); //paging_btrix + Slider Function rotate = function(){ var triggerID = $active.attr("rel") - 1; //Get number of times to slide var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide $(".paging_btrix a").removeClass('active'); //Remove all active class $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function) //Slider Animation $(".image_reel").animate({ left: -image_reelPosition }, 500 ); }; //Rotation + Timing Event rotateSwitch = function(){ play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds $active = $('.paging_btrix a.active').next(); if ( $active.length === 0) { //If paging_btrix reaches the end... $active = $('.paging_btrix a:first'); //go back to first } rotate(); //Trigger the paging_btrix and slider function }, 3000); //Timer speed in milliseconds (3 seconds) }; rotateSwitch(); //Run function on launch //On Hover $(".image_reel a").hover(function() { clearInterval(play); //Stop the rotation }, function() { rotateSwitch(); //Resume rotation }); //On Click $(".paging_btrix a").click(function() { $active = $(this); //Activate the clicked paging_btrix //Reset Timer clearInterval(play); //Stop the rotation rotate(); //Trigger rotation immediately rotateSwitch(); // Resume rotation return false; //Prevent browser jump to link anchor }); }); </script>

Tìm kiếm bài viết nhanh hiển thị trong bài viết

Tìm kiếm bài viết nhanh hiển thị trong bài viết

<script> (function() { var cx = '011091297559615803413:edrpwe8h7eo'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <gcse:search></gcse:search>

Book Flip Slideshow ảnh

Tên Album ghi vào đây

<div dir="ltr" style="text-align: left;" trbidi="on"> <body background="#B2A4FF" bgcolor="#FFFFFF" leftmargin="0" marginwidth="0" onload="ImageBook()"> <table border="0" cellpadding="0" cellspacing="0" style="width: 600px;"> <tr> <td align="left" valign="middle" width="300"> <div align="left"> Tên Album ghi vào đây </div> </td></tr> </table> </body><script type="text/javascript">/*(c) Ger Versluis 2003*/ /******************************************************** Create a div with transparent place holder in your html <div id="Book" style="position:relative"> <img src="Dynamic Drive DHTML Scripts- Book Flip Slideshow\placeholder.gif" width="144" height="227"> </div> width = 2*book image width +4 height = book image height+2 Insert onload in body tag <body onload="ImageBook()"> *********************************************************/ // 7 variables to control behavior var Book_Image_Width=275; // Chiều rộng Album // var Book_Image_Height=350; // Chiều cao Album // var Book_Border=true; var Book_Border_Color="gray"; var Book_Speed=15; var Book_NextPage_Delay=1500; var Book_Vertical_Turn=0; // array to specify images and optional links. At least 4 // If Link is not needed keep it "" Book_Image_Sources=new Array( "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmssjPI1AztXYBS34aYXlLfIdVt1D6-mt1b71nOpSRr23ma6jeS5E5RUJ0jLsdiu-JqYEl5fhuw6D7t4WocryR3ejT5VxZ8e_gUUTwDCbQLuTuPT2tuSsjhyITP37DvezdABfTkZL7Jwo/s240/Bom%2520min.jpg","http://nguyenhuuuyen.blogspot.com/", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5aU4kOtSJhk_0BAvFhaa0588VJsa9gVeQw9idTNTio-KE8xC4i8U-k1wBqXTRsnma4U82FpP2E8Mss5d1L1Q6uNAUNPkDWUmmseOYw4X-QYY3LnUb9aJhfg1mAoOsbav6BKE45ISJepQ/s240/Cong%2520binh.jpg","http://nguyenhuuuyen.blogspot.com/", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgis1ICFI2QCKthZ-gk94bvV-4bDoLYaT0Yfyh357LNFDeoM7LUoIsuZoZ7a_T6wZ23taYWjoruUub1H-x5N5jXqhBMKlPtcV8cB-xZRoyJ3Oc9XQl1i_1PLpdJQQ9Z_5Zkqkiu-2bl7JhF/s240/Hoa.jpg","http://nguyenhuuuyen.blogspot.com/", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpOH4M-mr0p824JEuutBdkaQQv8bGJTypbqAWGkgT1w7HY46yVFj3MmyrfE3IEG4XlVTZxt5OZcdAO5KfK_vkqYBD9HB2V0FOE44Eaio138dxN6Tgp5NLHYdUxWtwyKjjWbP4k2yprY3o/s240/Quang%2520Tri.jpg","http://nguyenhuuuyen.blogspot.com/" // NOTE No comma after last line ); /***************** DO NOT EDIT BELOW **********************************/ var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1; var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length); function ImageBook(){ if(document.getElementById){ for(i=0;i<Book_Image_Sources.length;i+=2){ B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]} Book_Div=document.getElementById("Book"); B_LI=document.createElement("img");Book_Div.appendChild(B_LI); B_RI=document.createElement("img");Book_Div.appendChild(B_RI); B_MI=document.createElement("img");Book_Div.appendChild(B_MI); B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute"; B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1; B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px"; B_LI.style.left=0+"px"; B_MI.style.top=0+"px"; B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px"; B_RI.style.top=0+"px"; B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px"; B_LI.style.height=Book_Image_Height+"px"; B_MI.style.height=Book_Image_Height+"px"; B_RI.style.height=Book_Image_Height+"px"; B_LI.style.width=Book_Image_Width+"px"; B_MI.style.width=Book_Image_Width+"px"; B_RI.style.width=Book_Image_Width+"px"; if(Book_Border){ B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid"; B_LI.style.borderWidth=1+"px"; B_MI.style.borderWidth=1+"px"; B_RI.style.borderWidth=1+"px"; B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color} B_LI.src=B_Pre_Img[0].src; B_LI.lnk=Book_Image_Sources[1]; B_MI.src=B_Pre_Img[2].src; B_MI.lnk=Book_Image_Sources[3]; B_RI.src=B_Pre_Img[4].src; B_RI.lnk=Book_Image_Sources[5]; B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk; B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp; B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt; BookImages()}} function BookImages(){ if(!B_Stppd){ if(Book_Vertical_Turn){ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height)); MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz; B_MI.style.top=MidOffset+"px"; B_MI.style.height=B_MSz+"px"} else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width)); MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz; B_MI.style.left=MidOffset+"px"; B_MI.style.width=B_MSz+"px"} B_Angle+=Book_Speed/720*Math.PI; if(B_Angle>=Math.PI/2&&B_Direction){ B_Direction=0; if(B_CrImg==Book_Image_Sources.length)B_CrImg=0; B_MI.src=B_Pre_Img[B_CrImg].src; B_MI.lnk=Book_Image_Sources[B_CrImg+1]; B_CrImg+=2} if(B_Angle>=Math.PI){ B_Direction=1; B_TI=B_LI; B_LI=B_MI; B_MI=B_TI; if(Book_Vertical_Turn)B_MI.style.top=0+"px"; else B_MI.style.left=Book_Image_Width+1+"px"; B_MI.src=B_RI.src; B_MI.lnk=B_RI.lnk; setTimeout("Book_Next_Delay()",Book_NextPage_Delay)} else setTimeout("BookImages()",50)} else setTimeout("BookImages()",50)} function Book_Next_Delay(){ if(B_CrImg==Book_Image_Sources.length)B_CrImg=0; B_RI.src=B_Pre_Img[B_CrImg].src; B_RI.lnk=Book_Image_Sources[B_CrImg+1]; B_MI.style.zIndex=2; B_LI.style.zIndex=1; B_Angle=0; B_CrImg+=2; setTimeout("BookImages()",50)} function B_LdLnk(){if(this.lnk)window.location.href=this.lnk} function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"} function B_Rstrt(){B_Stppd=false} </script> <br /> <div id="Book" style="position: relative;"> <div style="text-align: center;"> <div style="text-align: left;"> <img height="350" src="Dynamic Drive DHTML Scripts- Book Flip Slideshow\placeholder.gif" width="275" /><br /> <br /> <br /></div> </div> </div> </div>

XEM WEBSITE KHÁC TRÊN BLOG CỦA MÌNH

XEM WEBSITE KHÁC TRÊN BLOG CỦA MÌNH
BLOGSPOT (Click chuột vào đây)

THUMBAI (Click chuột vào đây)

<div dir="ltr" style="text-align: left;" trbidi="on"> <span style="color: red;"><b>XEM WEBSITE KHÁC TRÊN BLOG CỦA MÌNH</b></span><br /> <table style="border: 0px solid #2266AA;"><tbody> <tr><td style="width: 540px;"><span id="script_source"> <script type="text/javascript"> // Moves the box object to be directly beneath an object. function move_box(an, box) { var cleft = 0; var ctop = 0; var obj = an; while (obj.offsetParent) { cleft += obj.offsetLeft; ctop += obj.offsetTop; obj = obj.offsetParent; } box.style.left = cleft + 'px'; ctop += an.offsetHeight + 8; // Handle Internet Explorer body margins, // which affect normal document, but not // absolute-positioned stuff. if (document.body.currentStyle && document.body.currentStyle['marginTop']) { ctop += parseInt( document.body.currentStyle['marginTop']); } box.style.top = ctop + 'px'; } // Shows a box if it wasn't shown yet or is hidden // or hides it if it is currently shown function show_hide_box(an, width, height, borderStyle) { var href = an.href; var boxdiv = document.getElementById(href); if (boxdiv != null) { if (boxdiv.style.display=='none') { // Show existing box, move it // if document changed layout move_box(an, boxdiv); boxdiv.style.display='block'; bringToFront(boxdiv); // Workaround for Konqueror/Safari if (!boxdiv.contents.contentWindow) boxdiv.contents.src = href; } else // Hide currently shown box. boxdiv.style.display='none'; return false; } // Create box object through DOM boxdiv = document.createElement('div'); // Assign id equalling to the document it will show boxdiv.setAttribute('id', href); boxdiv.style.display = 'block'; boxdiv.style.position = 'absolute'; boxdiv.style.width = width + 'px'; boxdiv.style.height = height + 'px'; boxdiv.style.border = borderStyle; boxdiv.style.textAlign = 'right'; boxdiv.style.padding = '4px'; boxdiv.style.background = '#FFFFFF'; document.body.appendChild(boxdiv); var offset = 0; // Remove the following code if 'Close' hyperlink // is not needed. var close_href = document.createElement('a'); close_href.href = 'javascript:void(0);'; close_href.onclick = function() { show_hide_box(an, width, height, borderStyle); } close_href.appendChild(document.createTextNode('Close')); boxdiv.appendChild(close_href); offset = close_href.offsetHeight; // End of 'Close' hyperlink code. var contents = document.createElement('iframe'); //contents.scrolling = 'no'; contents.overflowX = 'hidden'; contents.overflowY = 'scroll'; contents.frameBorder = '0'; contents.style.width = width + 'px'; contents.style.height = (height - offset) + 'px'; boxdiv.contents = contents; boxdiv.appendChild(contents); move_box(an, boxdiv); if (contents.contentWindow) contents.contentWindow.document.location.replace( href); else contents.src = href; // The script has successfully shown the box, // prevent hyperlink navigation. return false; } function getAbsoluteDivs() { var arr = new Array(); var all_divs = document.body.getElementsByTagName("DIV"); var j = 0; for (i = 0; i < all_divs.length; i++) if (all_divs.item(i).style.position=='absolute') { arr[j] = all_divs.item(i); j++; } return arr; } function bringToFront(obj) { if (!document.getElementsByTagName) return; var divs = getAbsoluteDivs(); var max_index = 0; var cur_index; // Compute the maximal z-index of // other absolute-positioned divs for (i = 0; i < divs.length; i++) { var item = divs[i]; if (item == obj || item.style.zIndex == '') continue; cur_index = parseInt(item.style.zIndex); if (max_index < cur_index) { max_index = cur_index; } } obj.style.zIndex = max_index + 1; } //</script></span></td></tr> </tbody></table> <a href="http://nguyenhuuuyen.blogspot.com/" onclick="return show_hide_box(this, 1000, 700, '2px solid #999999')" rel="nofollow" target="_blank">BLOGSPOT</a><br /> <br /> <a href="https://picasaweb.google.com/103028015654904252639/THUMBAI02" onclick="return show_hide_box(this, 1000, 700, '2px solid #2266AA')" rel="nofollow" target="_blank">THUMBAI </a> </div>

Bài viết chuyển động Ngang

Code Album ảnh rất hay

Xem đẹp quá

Tạo trang riêng chứa tiện ích phân trang cho blogger

Bài Mới Dạng SlideShow Kiểu 5

<div dir="ltr" style="text-align: left;" trbidi="on"> <style type="text/css"> .mod{ background:transparent; /*màu nền của tiện ích*/ border:2px solid #005595; /*đường viền của tiện ích*/ margin-bottom:0px; width:560px; /*độ rộng của tiện ích*/ padding:0px;} .glv{height:260px; /*chiều cao của tiện ích*/ overflow:hidden;} .bd{position:relative;padding:4px 4px 4px 6px;} .gl2-ct .ct{margin-left:0px;position:relative;} .vpv{padding:0px;width:220px; /*độ rộng của phần bên trái của tiện ích*/ display:none; position:absolute; color:#005595; border-right:1px solid #005595; } .gl-title a {color:#005595 /*màu text của tiêu đề bài viết bên trái*/ font-size: 20px; font-weight: bold;} .gl-title a:hover {color:#9932CC;} .glv .on{display:block;} .vimg{width:210px; /*độ rộng của ảnh bên trái*/ height:150px; /*chiều cao của ảnh bên trái*/ border:1px solid #005595;padding:2px;} .glv ul.vpv-ft li{ list-style-type:none;} .vpv-ft{ width:59%; /*độ rộng phần bên phải*/ position:absolute; top:0px; right:0px; margin-top:5px; text-align:left;} .vpv-ft a{ color:#005595; /*màu tiêu đề bên phải*/ font-size:18px; font-family:Times New Roman; text-decoration: none;} .vpv-ft a:hover{color:#0000FF;} .vpv-ft li{ list-style-type:none; min-height:40px; cursor:pointer; border-bottom:1px solid #005595; position:relative; text-align:left;} .vpv-ft li.last{ border-bottom:0; padding-bottom:5px;} .vpv-ft li.first{ border-top:1px solid #005595; padding-bottom:5px;} .vpv-ft li.on{ background:transparent; } .vpv-ft img{ float:left; width:50px; /*độ rộng của ảnh bên phải*/ height:40px; /*chiều cao của ảnh bên phải*/ margin:3px 4px 0px 2px; padding:0px;} .vpv-ft a{font-family:Time New Roman;} .glv .vpv-ft .on .imgpointer{display:block;} .glv .vpv-ft .imgpointer{ display:none; height:14px; width:6px; position:absolute; left:-10px; top:7px;} </style> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsdA2e2QwSPtQjQfK73vrb9oUWryajuMtNpUJzm1HwxVGZiKcdizJR8eUUtv1546dRwF_AYFztCpILkFYrsUrnWwhfYcAahq9-EtixnKgxovNF-qynOpJmSpUAcTyga8t2Z6Ofe9GvnbQ/s220/Uyen40.jpg"; showRandomImg = false; fntsize = 12; acolor = ""; aBold = false; text = "comments"; showPostDate = true; summaryPost = 111; //Số ký tự phần trích dẫn bên trái summaryFontsize = 12; summaryColor = ""; numposts =5; /* Số bài hiển thị*/ label = "Advanced blogger"; //Nhãn bài viết nếu là toàn blog thì không quan tâm. home_page = "http://nguyenhuuuyen.blogspot.com/";//Thay URL Blog của bạn </script> <br /> <div class="mod glv" id="gl2"> <div class="bd"> <div id="gl2-vd"> </div> <div class="gl2-ct"> <div class="ct on" id="gl2-ct1"> <script src="http://nguyenhuuuyen.googlecode.com/files/dtc-1-post.js" type="text/javascript"> </script><script src="http://nguyenhuuuyen.googlecode.com/files/dtc-2-post.js" type="text/javascript"> </script> </div> </div> </div> </div> <script src="http://nguyenhuuuyen.googlecode.com/files/dtc-jq-03.js" type="text/javascript"> </script> <script src="http://nguyenhuuuyen.googlecode.com/files/dtc-jq-min.js" type="text/javascript"> </script> <script src="http://nguyenhuuuyen.googlecode.com/files/dtc-jq-02.js" type="text/javascript"> </script> <script src="https://nguyenhuuuyen.googlecode.com/files/dtc-jq-01.js" type="text/javascript"> </script> <script type="text/javascript"> (function() { new YAHOO.sea.fp.TodayVSet('gl2-ct1', true); })(); (function(){YAHOO.util.Event.addListener(window,'load',function(){window.setTimeout(function(){ },500);});})(); </script></div>

Tạo nền trong suốt cho ảnh trong PowerPoint

Trong PowerPoint, khi chèn 1 bức ảnh vào slide để minh họa. Có khi cần ảnh có nền trong suốt. Cách làm như sau: 

- Chọn ảnh chèn phải là ảnh jpg.

- Insert > Picture > From File. Tìm ảnh muốn chèn rồi nhấn Insert.
- Trong slide, chọn hình vừa được chèn vào.
- Chọn thanh công cụ Picture > Set transparent Color.

- Sau đó nhấp lên vùng màu nền của ảnh, nền sẽ trong suốt.

- Nếu cần lưu ảnh: chọn ảnh và Click chuột phải, Save as Picture...

Bài liên quan

Tạo nền ảnh trong suốt từ picture có sẵn trực tuyến

1. Vào trang: http://www.iaza.com/

2. Nhấn vào nút: Load Image => Một hộp thoại sẽ xuất hiện

3. Nhấn vào nút "Browse", chọn file ảnh từ PC cần làm nền trong suốt, sau đó nhấn vào "Load"

4. Chờ ảnh hiện thị màn hình, nhấn vào chữ "Transparent" nằm bên phải.

5. Nhấn chuột vào ảnh và chọn nút "Convert"

6. Xem ảnh đã trở nên trong suốt. 

7. Nhấn chuột phải vào ảnh chọn "save picture as" về PC.
Ngoài ra còn Tạo được rất nhiều Hiệu ứng ảnh khác.

MỞ CỬA SỔ LỚN

NHANH HƠN: Tạo nền ảnh trong suốt từ ảnh JPG trong PowerPoint

Bài liên quan

Tạo chữ kí động (.gif) online

Mở cửa sổ lớn

Bài liên quan

Tạo SiteMap

1- Đăng nhập vào Blog
2- Vào thiết kế
3- Chọn Chỉnh sửa HTML
4- Thêm đoạn code dưới đây vào trước thẻ:     ]]></b:skin>

.judul-label{ text-transform:uppercase; background: #8DEEEE url(https://www.dropbox.com/lightbox/home/Blog/SITEMAP) no-repeat right -51px; padding: 5px 27px 5px 8px; margin: 0px; font: bold 12px Arial, Helvetica, sans-serif; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; color:Blue1; } .data-list a{color:#333;} .data-list a:hover{color:#7a1d18;} .data-list{ line-height:1.5em; margin-left:5px; margin-right:5px; padding-left:2px; padding-right:5px; white-space:nowrap; text-align:left; font-family:"Arial",sans-serif; font-size:12px; } .headactive{ border-bottom:solid 1px #c4c4c4; background-position: right 5px; background-color: #CFCFCF; color:#000; }

5. Save template lại và trở về phần tử trang (Page Elements)
6. Thêm 1 HTML/Javascript và thêm vào code bên dưới

<script src="http://dl-web.dropbox.com/get/BLOG/SITEMAP/accordion_sitemap2.js?w=AADncp3uSqRyOcYnRhRmOUdNQV1A8qf7R-Djd0V-IvBXPQ"></script> <script src="http://nguyenhuuuyen.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script src="http://dl-web.dropbox.com/get/BLOG/SITEMAP/accordion_sitemap.js?w=AACUTOyuAna0u4lNsFZoXJjNfuxBllbwZtev9Pa_3VCK3Q" type="text/javascript"></script>
7- Sau đó bấm Lưu Mẫu lại

Xem bài tại đây

Tạo hiệu ứng Ảnh đẹp

Xem màn hình lớn Tại đây

Tạo ghép ảnh bóng qua mặt nước

Cửa sổ lớn tại đây

Tạo bóng đổ ẢNH qua mặt nước

Liên kết phóng to

Có gợn sóng

CÁC TRANG TRỰC TUYẾN VỀ ẢNH KHÁC

Water Effect

Tự tạo đồng hồ kim flash

 Tạo một đồng hồ flash tùy chỉnh từ năm đồng hồ khác nhau, điều chỉnh kích thước, và thay đổi màu sắc với tiện ích.
- Nhấn nút Copy HTML Code để chép Code dán vào bài viết trên blog của bạn.

Nguồn: magicwidgets.com

Tạo Lịch nền phong cảnh đẹp

Tự tạo Lịch với nền là các phong cảnh đẹp:

- Chọn ảnh nền, Kích thước, Ánh sáng tương phản...

- Nhấn nút Copy để chép Code dán vào bài viết trên blog. 

Nguồn: magicwidgets.com