Bõm.vn: NÂNG CAO

TẠO SLIDESHOW (Kiểu 6)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz_ivQrJqcRA6xBAHkXBJMvNnuwLahT9cST5wQ8rqOD1XuYOJu7shOb5IqWRXWe_xq8OYaoG3z_LafAS6cp8EXxOiMVsYaj6D9iJPh3TCVltx9VeQ1rlN_G_-ohfh8EtO0lHyAJLOa0E/s1600/slideshow.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqz_ivQrJqcRA6xBAHkXBJMvNnuwLahT9cST5wQ8rqOD1XuYOJu7shOb5IqWRXWe_xq8OYaoG3z_LafAS6cp8EXxOiMVsYaj6D9iJPh3TCVltx9VeQ1rlN_G_-ohfh8EtO0lHyAJLOa0E/s1600/slideshow.gif" /></a></div>Ở kiểu 6 này, dưới slideshow ảnh có các thẻ bấm bao gồm: XEM TIẾP, QUAY LẠI và XEM LẠI TỪ ĐÂU...</div><div style="text-align: justify;">Trên đầu slideshow có dòng chữ chạy để các bạn giới thiệu mô tả vài nét về slideshow, ngoài ra các bạn có thể điều chỉnh kích thước ảnh mà mình mong muốn (không lệ thuộc vào ảnh gốc) và tốc độ load ảnh rất nhanh. Slideshow này có thể add các định dạng ảnh (ảnh động hoặc ảnh tĩnh đều được). </div><div style="text-align: justify;">Mời các bạn xem thử slideshow phía dưới nha. </div><div style="text-align: justify;"> <a name="more"></a> </div><div style="text-align: justify;"></div><center><table border="0" cellpadding="0"><caption><marquee behavior="scroll" bgcolor="#151B8D" direction="left" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="3"> Các hình ảnh động dưới đây được lấy từ trang <a href="http://anhdepblog.blogspot.com/">anhdepblog.blogspot.com.</a> Cám ơn các bạn đã ghé tham quan và ủng hộ dunghennessy. Chúc các bạn luôn vui khoẻ và hạnh phúc </marquee> </caption> <tbody><tr> <td width="100%"><img height="400" name="photoslider" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJhk2HW4r05cVnHCbFlZurm0fJEkiaxjTAToklNQLMqAvC4sv8h2n1UqCvVir8doPa9BCPWRVq2RU-uUw4Ls0gy2sB59Y1ON0PRcoyDBOILCkSk5kcVC6r5GekZw6m4YYtadIYmonjcT1/s1600/0014.gif" width="300" /></td> </tr><tr> <td width="100%"><form method="POST" name="rotater"><div align="center"><center><script language="JavaScript1.1">var photos=new Array() var which=0 /*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/ photos[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJhk2HW4r05cVnHCbFlZurm0fJEkiaxjTAToklNQLMqAvC4sv8h2n1UqCvVir8doPa9BCPWRVq2RU-uUw4Ls0gy2sB59Y1ON0PRcoyDBOILCkSk5kcVC6r5GekZw6m4YYtadIYmonjcT1/s1600/0014.gif" photos[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEO5_OZmK4x_aSawuyEPyp9xt7t9Bwp-Z1qo3ZPURP-qxyXKb7kL06X3A7UIpIuysS-A6jR7T_CYMA1Y6pRxNbqKmI79s_MBWDYlKRlUnKwUpKyrP1wcg300Q3b5f35Cg9diD_pd63cM/s1600/0355.gif" photos[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDKqMecPEZKsVM7trpuIoh6Fuo13lUCuYn3NQMPkO9yis-H7fWGc1n0INPAyuNOb4fBxVrqhcK_50PPLLyZaqShNX6FT8KMUi__YpCKyQEsFIc9oro1ByPiKj7_iR8-DrosFGtAfkUy96/s1600/0039.gif" photos[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSMEnp6yI25j-nA_laGQDbGV-YpU9_uxEeh2bY94e5mzVqkzsLCFWfRL1kAa9Wd6z-pVIw24VAdQf-mUCWqN_c14Z-EXCPJxeA6ODX6vSDV-B8FVrZ_JoVd-8g8xWiibO8ubx4ztOD_DY/s1600/0210.gif" photos[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDGrj5xW9IjO6jJtc0zTelUdBNZF9gpqtiTPh6ubj8RdeS0u5ZOKN_wt4V4BkoXqjBQMNYIA0FWR7I9pZeSOVMR40miAzd7I0PEGd_8xb5PRFi4HjYk0yUvHS4Pbgag-jvgABtJsZWTM3/s1600/0073.gif" photos[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhirxZmBz2hk00JwWBgIiIOtrend17_bS7JhJpXNilt3yQcU9ggpciOB9jddVUZgfLJcylDswDdc1VlULPC7S6ZNjkcf6XCvVFs2dm6XKuWdwDWsdC7d2k_-JniJq1Pss8lTv4ELKMVuSx9/s1600/0231.gif" photos[6]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4YN3O2X0Y_hiKN6SlBvqz_eQf0yCZEWFwy9hQlZTI6bTW4fMrAZlbYz70ruREj42-D23j8llWyoroS59r-6Ae8cuJy7QzVHqi8L1XyVnea5mZCiwedBG83R9Kd1nYTNew2PhGcsHPpt0/s1600/0071.gif" photos[7]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrsgiJdYjR5pLA8QqqlZXJA-7aaYX0LU4AK8koBpzyOIZlt9naZgxDPKTIsNwSe8SfzZTtOJ1XDwMh1kvqREOosIsZUICGJD29sVLbO4OJxpjxrSfgqHeJKroE0sbCZdRDmh0JaMTfWwc/s1600/0174.gif" photos[8]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHMmdXvl4zQxUZ6OAgCD-f_lH9v7kxEWhrM6BmA64vYjeHnO40FtM2O0TFUlqo5IwNBx4wjD-edo52pfUNXG70ajR4tAuJuWz0aY5CXerTWfq89kx2XXGoteLbe8NFUjUE8Tav2WOsZUE/s1600/0116.gif" photos[9]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghGR0olctYPwCZ089T0ZgNQDYATV6kibgiDlj3Q1T4WqcFuWZnUaOsgs49AnVtk6knZ-lxQgVEe7ImeYlSDNxixuCMEGme_RaGVi8iHPN-rlUee_PI8YxhByHiMT0IzxkRjEUZLKexZ2g/s1600/0620.gif" photos[10]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6IKgNTs9BqJ4LFKT6pfqrXvLJg7Hzl3XaEqQcsaZNBgsjZhnAOFUVQzCl2jwZWOBhirwQ8kgc8lLd0jIwY1icFJSHciX7uFfnGO-devnWc3uYAbogm9jViw4nW_rfg_yeiAR4RVJ9Zc/s1600/0652.gif" function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] } else window.status='End of gallery' } </script><input name="B2" onclick="backward()" type="button" value="<<Xem lại" /> <input name="B1" onclick="forward()" type="button" value="Xem tiếp>>" /><a href="http://www.blogger.com/blogger.g?blogID=540010645683667993#" onclick="which=1;backward();return false">Trở lại từ đâu</a></center></div></form></td> </tr></tbody></table></center><div style="text-align: justify;"> Để làm được như vậy, các bạn đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm tiện ích HTML mời các bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">TẠI ĐÂY</a>), sau đó copy đoạn code phía dưới dán vào.</div><div style="text-align: justify;"></div><div style="border: 1px solid orange; color: cyan; margin: 10px 0; padding: 10px; text-align: left;"><center><table border="0" cellpadding="0">   <caption><marquee onmouseover="this.stop();" onmouseout="this.start();" behavior="scroll" direction="left" bgcolor="#FFE87C" scrollamount=3> Lời giới thiệu về slideshow ghi tại đây </marquee> </caption>   <tr>     <td width="100%"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJhk2HW4r05cVnHCbFlZurm0fJEkiaxjTAToklNQLMqAvC4sv8h2n1UqCvVir8doPa9BCPWRVq2RU-uUw4Ls0gy2sB59Y1ON0PRcoyDBOILCkSk5kcVC6r5GekZw6m4YYtadIYmonjcT1/s1600/0014.gif" width="300" height="400" name="photoslider" /></td>   </tr>   <tr>     <td width="100%"><form method="POST" name="rotater">       <div align="center"><center><script language="JavaScript1.1"> var photos=new Array() var which=0 /*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/ photos[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoJhk2HW4r05cVnHCbFlZurm0fJEkiaxjTAToklNQLMqAvC4sv8h2n1UqCvVir8doPa9BCPWRVq2RU-uUw4Ls0gy2sB59Y1ON0PRcoyDBOILCkSk5kcVC6r5GekZw6m4YYtadIYmonjcT1/s1600/0014.gif" photos[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEO5_OZmK4x_aSawuyEPyp9xt7t9Bwp-Z1qo3ZPURP-qxyXKb7kL06X3A7UIpIuysS-A6jR7T_CYMA1Y6pRxNbqKmI79s_MBWDYlKRlUnKwUpKyrP1wcg300Q3b5f35Cg9diD_pd63cM/s1600/0355.gif" photos[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieDKqMecPEZKsVM7trpuIoh6Fuo13lUCuYn3NQMPkO9yis-H7fWGc1n0INPAyuNOb4fBxVrqhcK_50PPLLyZaqShNX6FT8KMUi__YpCKyQEsFIc9oro1ByPiKj7_iR8-DrosFGtAfkUy96/s1600/0039.gif" photos[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSMEnp6yI25j-nA_laGQDbGV-YpU9_uxEeh2bY94e5mzVqkzsLCFWfRL1kAa9Wd6z-pVIw24VAdQf-mUCWqN_c14Z-EXCPJxeA6ODX6vSDV-B8FVrZ_JoVd-8g8xWiibO8ubx4ztOD_DY/s1600/0210.gif" photos[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDGrj5xW9IjO6jJtc0zTelUdBNZF9gpqtiTPh6ubj8RdeS0u5ZOKN_wt4V4BkoXqjBQMNYIA0FWR7I9pZeSOVMR40miAzd7I0PEGd_8xb5PRFi4HjYk0yUvHS4Pbgag-jvgABtJsZWTM3/s1600/0073.gif" photos[5]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhirxZmBz2hk00JwWBgIiIOtrend17_bS7JhJpXNilt3yQcU9ggpciOB9jddVUZgfLJcylDswDdc1VlULPC7S6ZNjkcf6XCvVFs2dm6XKuWdwDWsdC7d2k_-JniJq1Pss8lTv4ELKMVuSx9/s1600/0231.gif" photos[6]="link ảnh" photos[7]="link ảnh" photos[8]="link ảnh" photos[9]="link ảnh" photos[10]="link ảnh" function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] } else window.status='End of gallery' } </script><input type="button" value="&lt;&lt;Xem lại" name="B2"  onclick="backward()" /> <input type="button" value="Xem tiếp&gt;&gt;" name="B1"  onclick="forward()" />       <a href="#" onclick="which=1;backward();return false">Trở lại từ đâu</a>       </center></div>     </form>     </td>   </tr> </table> </center></div><div style="text-align: justify;">Bây giờ các bạn có thể thay đổi các dòng lệnh màu đỏ (lời mô tả giới thiệu cho slideshow), dòng lệnh màu trắng (kích thước của ảnh) và dòng lệnh màu vàng (các link ảnh). Cuối cùng bấm Lưu lại và trở lại blog xem kết quả nha.</div><div style="text-align: justify;"></div><div style="text-align: justify;">* Mở rộng thêm: muốn thêm ảnh vào slideshow, các bạn chỉ việc thêm đoạn code sau:</div><div style="text-align: justify;">photos[n+1]="link ảnh" </div><div style="text-align: justify;"></div><div style="text-align: justify;">dán tiếp theo sau dòng lệnh photos [10] cuối cùng, trong đó n là số thứ tự cuối cùng của ảnh (ở code trên số thứ tự cuối cùng của ảnh là số 10). Ví dụ bạn muốn thêm một ảnh nữa thì code là: </div><div style="text-align: justify;">photos[11]="link ảnh" </div><div style="text-align: justify;"></div><div style="text-align: justify;">Chúc các bạn thành công. </div><div style="text-align: justify;"></div><div style="text-align: justify;"></div>

TẠO SLIDESHOW (Kiểu 6)

Ở kiểu 6 này, dưới slideshow ảnh có các thẻ bấm bao gồm: XEM TIẾP, QUAY LẠI và XEM LẠI TỪ ĐÂU... Trên đầu slideshow có dòng chữ chạy để các ...

Đọc thêm »

TẠO HỘP ẨN BÌNH LUẬN MỚI NHẤT (NEW COMMENTS)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG4MBCYgAiORgoTH83qS6ZVIY_xptVAlE1g-8p1rwR3l2cvlWjIdh40qw6HA9xMxG9apobO9VSfzhcOxCJOgNPbTXH1PzPEN2dXDFn-K4CwtMo1-nJhucK1cUfvqOKBekgAlx6nUPP_3o/s1600/picture3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG4MBCYgAiORgoTH83qS6ZVIY_xptVAlE1g-8p1rwR3l2cvlWjIdh40qw6HA9xMxG9apobO9VSfzhcOxCJOgNPbTXH1PzPEN2dXDFn-K4CwtMo1-nJhucK1cUfvqOKBekgAlx6nUPP_3o/s320/picture3.png" width="198" /></a></div>Trước đây, dunghennesy tôi có chia sẻ với các bạn tiện ích TẠO HỘP BÌNH LUẬN MỚI NHẤT trên Blogspot (các bạn có thể xem <a href="http://dunghennessy.blogspot.com/2013/01/tao-hop-binh-luan-moi-nhat-recent.html" target="_blank">TẠI ĐÂY</a>). </div><div style="text-align: justify;">Hôm nay, mình tiếp tục chia sẻ với các bạn thêm một tiện ích khác về các Bình luận mới nhất trên Blog của mình.</div><div style="text-align: justify;">Tương tự ở thủ thuật này, các lời bình luận (comments) của khách tham quan sẽ được nằm gọn gàng trong một hộp chữ nhật và hộp này được ẩn vào bên phải của trang Blog, khi muốn xem bạn bấm vào thẻ BÌNH LUẬN MỚI thì hộp này mới xuất hiện với hiệu ứng "chạy ra" rất mướt. Các lời bình luận được sắp xếp theo thứ tự thời gian (bình luận mới nhất sẽ nằm ở dòng đầu tiên) đi kèm với Avatar của khách được thể hiện bằng hình vuông và vài dòng bình luận ngắn gọn, khi không muốn xem nữa bạn bấm lại thẻ BÌNH LUẬN MỚI lần nữa hoặc bấm thẻ "Đóng lại" phía dưới của hộp thì hộp này sẽ ẩn vào bên phải như trước...Hộp bình luận này luôn luôn xuất hiện trên blog cho dù bạn có kéo thanh trượt xuống giữa trang hay cuối trang blog...Rất tiện lợi không chiếm không gian của blog.</div><div style="text-align: justify;">Mời các bạn bấm vào thẻ XEM THỬ để trải nghiệm trước thủ thuật này nha.</div><div style="text-align: justify;"></div><a name="more"></a> <center><a class="bttoolz" href="http://www.blogger.com/blogger.g?blogID=540010645683667993#" onclick="expandingWindow('http://dunghennessythunghiem.blogspot.com/2013/08/gbpositionfixedtop20pxz.html');return false">Xem thử</a></center> <div style="text-align: justify;">Để làm được tiện ích này, đầu tiên bạn đăng nhập vào Blog chọn MẪU > CHỈNH SỬA HTML.</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixcsu3jzVx2BrByxFtraQ4uoP_BIqHVYq26nsghhWP-8ie9XpPURwnbR8c2mEX4V6y_sfE9yn0pT2nVQlzE0IEUcC3OLIqhmuqfupb1aRsLi4hDF_k2ijPtUYhtE2UuQ7HSNp3B-B3cH0/s1600/picture1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixcsu3jzVx2BrByxFtraQ4uoP_BIqHVYq26nsghhWP-8ie9XpPURwnbR8c2mEX4V6y_sfE9yn0pT2nVQlzE0IEUcC3OLIqhmuqfupb1aRsLi4hDF_k2ijPtUYhtE2UuQ7HSNp3B-B3cH0/s640/picture1.png" width="640" /></a></div> <div style="text-align: justify;">Một bảng mã nguồn HTML của Blog xuất hiện, tiếp tục bạn bấm cặp phím Ctrl +F để mở hộp tìm kiếm, bây giờ bạn gõ vào đó dòng lệnh <head> và Enter, bạn sẽ thấy dòng lệnh <head> này sẽ được đánh dấu highlight ở bảng mã nguồn HTML.</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk2tTDvTqbLdpEpPEpNPriUbsnvZAYWfZbJIfhDnv0VZk90lwXxMw_LYf9mk5TyKJUCGijeSdlgvNFwtDIN4NTP4tpPBUyz4AmUtbuDzdQ2MwV_RZ-ib92Fub0Fhj23n9NN31E1XCjai4/s1600/picture2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk2tTDvTqbLdpEpPEpNPriUbsnvZAYWfZbJIfhDnv0VZk90lwXxMw_LYf9mk5TyKJUCGijeSdlgvNFwtDIN4NTP4tpPBUyz4AmUtbuDzdQ2MwV_RZ-ib92Fub0Fhj23n9NN31E1XCjai4/s640/picture2.png" width="640" /></a></div> <div style="text-align: justify;">Bây giờ bạn copy tất cả các code dưới đây dán vào sau (dưới) dòng lệnh <head> này.</div> <div style="border: 10px solid orange; color: cyan; height: 400px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><style type='text/css'> #gb{ position:fixed; top:20px; 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/AVvXsEj5hY30x-vQyc9SGT809X-rOLNQk8CsyOnalIYOZOg1fkOH5YjiaWqPjeFJu4tVdOmdB_McD5EMoT1TWyqejtQdRwSWBFso3TRtPP-I4rN9IKo3PogKzaAubHoFxuuy5du0gPpBiVZ-l5s/s1600/picture4.jpg) no-repeat; } .gbcontent{ float:left; border:3px solid #FFFFFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheztyrHsD6qUU-Dowm5jpsOe5dz4Tv2Dd90uoS6AZPVEP182OW0eSEihkCo2d___afYg56hauBSkTaZRIAk8iXR5qNBaRqUbrGRlqtei_HRXMNVu4olhNAarw8uretUeHQ2k9M4sA-uzo/s1600/picture5.jpg); padding:5px 15px 3px 15px; line-height:1.3em;} </style> <script type='text/javascript'> function showHideGB(){ var gb = document.getElementById(&quot;gb&quot;); 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(&quot;gb&quot;); var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1; var dir = xf&gt;x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + &quot;px&quot;; if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);} } </script></div> <div style="text-align: justify;">Tiếp tục bạn bấm LƯU MẪU để lưu lại các sửa đổi.</div><div style="text-align: justify;">Sau khi LƯU MẪU, bạn bấm vào thẻ BỐ CỤC ở bên trái và thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">TẠI ĐÂY</a>).</div><div style="text-align: justify;">Tiếp đến, bạn copy tất cả các đoạn code dưới đây dán vào tiện ích HTML/Javacript</div>  <div style="border: 10px solid orange; color: cyan; height: 400px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <center> <center><div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;">Bình luận mới nhất của các bạn</div> <div style="border: 5px solid orange; color: cyan; height: 650px; margin: 5px 0; overflow: auto; padding: 15px; text-align: left; width: 300px;"> <style type="text/css">     ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}     .w2b_recent_comments li{background:#ffffff!important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}     .w2b_recent_comments li .avatarImage{padding:3px;background:none;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}     .avatarRound{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}     .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}     .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[     // Recent Comments Settings     var  numComments  = 200,  showAvatar  = true,  avatarSize  = 60,  roundAvatar = true,  characters  = 60,  defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",  hideCredits = true; //]]> </script> <script src="https://sites.google.com/site/dunghennessyjs/comment2.js" type="text/javascript"></script> <script src="http://www.dunghennessy.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=200" type="text/javascript"></script> </div> </center> </center> <div style="text-align: right;">Widget by dunghennessy <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></div> <div style="text-align: justify;">Bạn có thể thay đồi dòng lệnh màu vàng theo ý muốn của mình và thay đổi dòng lệnh màu đỏ là tên blog của bạn, cuối cùng bấm LƯU và quay trở lại blog xem thành quả nha.</div><div style="text-align: justify;">Chúc bạn thành công!!!</div> <div style="text-align: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></div>

TẠO HỘP ẨN BÌNH LUẬN MỚI NHẤT (NEW COMMENTS)

Trước đây, dunghennesy tôi có chia sẻ với các bạn tiện ích TẠO HỘP BÌNH LUẬN MỚI NHẤT trên Blogspot (các bạn có thể xem TẠI ĐÂY ). Hôm nay...

Đọc thêm »

ĐÓNG KHUNG VÀ TẠO THANH TRƯỢT CHO BÀI VIẾT

<div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgpkuvrDkFFFTjjljc20q8DL10R5MOcZ1lsOlUiRcv5xY35mjt_xvfvmvnuIidBNqmTQjlAuQtP0es-aY1FAYAncLXlpvhS1dSUcoAP7j0yRGhpXyPQsHUp2dgk1UXeAJVVQRL3E1XGQc/s1600/dongkhung.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWsXAYG_W9hrCivgd2mqUWi2F4Y08ECiIniOJvtGX25n8qU_gRo0ubTUv_niFmTGVXfWGfwNHlUxRDK1XSmltn3T8QtceAT-yFz3sXzB_r5CKiIShAfbmZNuBNN2NAKRsMWA9Wcs7ZaUk/s1600/dongkhung.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWsXAYG_W9hrCivgd2mqUWi2F4Y08ECiIniOJvtGX25n8qU_gRo0ubTUv_niFmTGVXfWGfwNHlUxRDK1XSmltn3T8QtceAT-yFz3sXzB_r5CKiIShAfbmZNuBNN2NAKRsMWA9Wcs7ZaUk/s1600/dongkhung.png" /></a></div>Đôi khi bài viết của bạn quá dài chiếm nhiều không gian trên Blog, bạn có thể đóng khung và tạo thêm thanh trượt cho "nó".</div><div style="text-align: justify;">Thủ thuật này giúp bài viết của bạn nằm trọn trong một khung viền màu khá đẹp mắt, bên phải là thanh trượt kéo lên xuống để khách tham quan có thể đọc hết cả bài viết mà vẫn không chiếm hết không gian của blog mình.</div><div style="text-align: justify;">Bạn có thể xem thí dụ bài thơ phía dưới.</div><div style="text-align: justify;"></div><a name="more"></a> <div style="border: 10px solid orange; color: red; height: 400px; margin: 10px 0; overflow: auto; padding: 10px; text-align: left; width: 620px;"><div style="text-align: center;">BÀI THƠ QUỐC KHÁNH 2/9</div>   Vương triều Thái Tổ tụ Thăng Long Đại lễ ngàn năm thỏa tấm lòng Bài hịch - trang thơ yên xã tắc Tuyên ngôn độc lập, vẹn non sông Ba Đình huyền thoại trời "chim lạc" Hà Nội hùng thiêng đất "lửa rồng" "Thành phố hòa bình" nâng vị thế Thủ đô lộng lẫy dáng Thăng Long  <div class="MsoNormal">Trưa buồn thêm vắng, nắng hắt hiu Gió đưa khói biếc trả về chiều Mừng ngày lập nước ta đưa bút Ghi mấy vần thơ viết đôi điều Tháng Chín năm xưa, nay còn đó Dẫu rằng Người cũ đã xa rồi Một đôi dòng chữ cho nỗi nhớ Tháng ngày hào hùng, chớ có quên./ </div> <div class="MsoNormal">Tổ quốc Việt nam đẹp vô cùng Núi cao đồng rộng biển mênh mông Tương lai trao tay đàn em nhỏ Gắng xây đất nước vững thành đồng.</div> </div> Thủ thuật này khá đơn giản, khi đăng bài mới bạn để chế độ HTML và copy đoạn code phía dưới dán vào phía dưới khung soạn bài viết (xem hình) <div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbcZAVoFhMXrWEejsSOlDUwSkF-Z8d3R_i0oKhprH4jawspA6lXuqkRXQNYzkV4rPyOT316BeX3Xu7QlvHmeLIBwUhvzTeIUa_LlW-d6YzMdZmM6laqzNFWZTeIktcvZxEN6KC6dHMC9M/s1600/HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbcZAVoFhMXrWEejsSOlDUwSkF-Z8d3R_i0oKhprH4jawspA6lXuqkRXQNYzkV4rPyOT316BeX3Xu7QlvHmeLIBwUhvzTeIUa_LlW-d6YzMdZmM6laqzNFWZTeIktcvZxEN6KC6dHMC9M/s1600/HTML.png" /></a></div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3eWV56crDfzToMz7mohuiwwsCXAT6rHk3rqySqJBp7OwEjj9qhi-NqdquTHI3t75vrplul_h7MetEH1VCjheUAn7VcMAG9_6cqwnCG6GduEkDAooQi1o-nY-IGsI1ifpMVI_mnOqtvAs/s1600/HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> </a></div> Đoạn code đây:   <div class="MsoNormal"><div style="border: 10px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px; width: 620px; overflow:auto;"> Nội dung bài viết của bạn ở đây </div></div><div class="MsoNormal"> </div><div class="MsoNormal">Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:</div><div class="MsoNormal">border 10px: độ rộng của khung</div><div class="MsoNormal">solid orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)</div><div class="MsoNormal">color aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)</div><div class="MsoNormal">height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)</div><div class="MsoNormal">Width: độ rộng của khung</div><div class="MsoNormal">Tiếp sau đó, bạn bấm vào thẻ VIẾT (cạnh thẻ HTML phía trên lúc nãy) để quay về viết bài như bình thường, cuối cùng bấm xuất bản và chiêm ngưỡng bài viết của mình nha.</div><div class="MsoNormal">Chúc bạn thành công </div><div class="MsoNormal"></div>  <div style="text-align: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></div>

ĐÓNG KHUNG VÀ TẠO THANH TRƯỢT CHO BÀI VIẾT

Đôi khi bài viết của bạn quá dài chiếm nhiều không gian trên Blog, bạn có thể đóng khung và tạo thêm thanh trượt cho "nó". Thủ th...

Đọc thêm »

TẠO HỘP BÌNH LUẬN MỚI NHẤT (RECENT COMMENTS)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMn7Lj0LlFeC2ale_HFVTIc_QR9_KkDSZMZTpngEyUk_8fo5z0uzUJ7RJZ2u7ojGJR3DAdXoe8_Kbm8GSZtG0fkXkx4Ge3ARGoWOKfV0R4tHRiadR4CQ7YA0TSjsjWui4YMmKVLw_Bqo/s1600/003.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWMn7Lj0LlFeC2ale_HFVTIc_QR9_KkDSZMZTpngEyUk_8fo5z0uzUJ7RJZ2u7ojGJR3DAdXoe8_Kbm8GSZtG0fkXkx4Ge3ARGoWOKfV0R4tHRiadR4CQ7YA0TSjsjWui4YMmKVLw_Bqo/s320/003.png" width="208" /></a></div> Là người "quản trị" Blog chắc hẳn các bạn đều muốn các khách tham quan khi ghé thăm đều để lại những lời nhắn động viên, trao đổi chia sẻ, tâm sự kết bạn tại hộp comment....???</div><div style="text-align: justify;">Với thủ thuật này, các commet của khách tham quan được xếp theo thứ tự mới nhất nằm trên hàng đầu tiên kèm theo ảnh avatar của khách (số lượng comments được hiển thị do bạn tuỳ chọn tối đa là 200 comment) và được chứa đựng trong một hộp gọn gàng có thanh trượt để bạn có thể kéo xuống phía dưới để đọc hết các comments mà không chiếm khoảng không gian của Blog.</div><div style="text-align: justify;">Mời bạn bấm vào thẻ "Xem thử" phía dưới để trải nghiệm trước thủ thuật này.</div><a name="more"></a> <div style="text-align: justify;"><center><a class="bttoolz" href="http://www.blogger.com/blogger.g?blogID=540010645683667993#" onclick="expandingWindow('http://dunghennessydemo1.blogspot.com/2013/01/tao-hop-binh-luan-moi-nhat-recent.html');return false">Xem thử</a></center></div> <div style="text-align: justify;">Thủ thuật này cũng khá đơn giản, bạn đăng nhập vào Blog > Chọn Bố cục > Chọn thêm tiện ích HTML/Javacript (nếu chưa biết cách thêm tiện ích HTMl/Javacript thì mời bạn xem <a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">T</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ẠI </a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">Đ</a><a href="http://dunghennessy.blogspot.com/2012/06/cach-them-tien-ich-htmljavacript.html" target="_blank">ÂY</a>). Sau đó copy tất cả đoạn code phía dưới dán vào.</div>  <center><div style="font-weight:bold; border: 2px #30a1db solid; padding:5px; text-align:center; background:#FFF380;">red; font-size: large;">Bình luận mới nhất của các bạn</div> <div style="border: 5px solid orange; color: cyan; height: 450px; margin: 5px 0; overflow: auto; padding: 10px; text-align: left; width: 280px;"> <style type="text/css">     ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}     .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}     .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}     .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}     .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}     .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[     // Recent Comments Settings     var  numComments  = 200,  showAvatar  = true,  avatarSize  = 60,  roundAvatar = true,  characters  = 60,  defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",  hideCredits = true; //]]> </script> <script src="https://sites.google.com/site/dunghennessyjs/comment2.js" type="text/javascript"></script> <script src="http://www.dunghennessy.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=200" type="text/javascript"></script> </div> </center> <div style="text-align: justify;">Bây giờ bạn thay đổi các dòng lệnh màu đỏ, trong đó:</div><div style="text-align: justify;">* Background: màu nền của tiêu đề phía trên</div><div style="text-align: justify;">* Color: màu chữ tiêu đề.</div><div style="text-align: justify;">* Bình luận mới nhất của các bạn: bạn có thể thay đổi chữ nào mà bạn muốn.</div><div style="text-align: justify;">* Orange: màu của khung hộp, có thể thay red (đỏ), black (đen), white (trắng), Pink (hồng), yellow (vàng), green (xanh)....</div><div style="text-align: justify;">* height: chiều cao của hộp.</div><div style="text-align: justify;">* Width: chiều rộng của hộp    </div><div style="text-align: justify;">Thay đổi dòng lệnh màu xanh, trong đó:</div><div style="text-align: justify;">* Color: Mã màu của comment</div><div style="text-align: justify;">* Font-size: kích thước chữ comment</div><div style="text-align: justify;">* AvatarSize: kích thước của Avatar</div><div style="text-align: justify;">* Characters: số lượng từ của comment</div><div style="text-align: justify;">* http://www.dunghennessy.blogspot.com bằng địa chỉ trang Blog của bạn   </div>Thay đổi dòng lệnh màu vàng đây là số comments được hiển thị trong hộp (2 số này phải bằng nhau). Cuối cùng bấm Lưu lại rồi trở lại blog xem kết quả nha. Bạn có thể tham khảo cách làm KIỂU 2 <a href="http://dunghennessy.blogspot.com/2013/08/tao-hop-binh-luan-moi-nhat-new-comments.html" target="_blank">TẠI ĐÂY</a>. Chúc các bạn thành công!!!        <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJg4ruI2UWs35_L0LxEKoTaSyvhZVnR_2Ne1ugdkYaWGQGyW7NAFnwltJaIKPHzEteWXFMA4R2KJtg6ia8r7hGx2RecO80Kvs-gY5PyhA6oWJzNUxOV85Ta6pLEI2um7MQUNRNOEdAY4/s1600/syG7jB1344809653.gif" /></a></div>

TẠO HỘP BÌNH LUẬN MỚI NHẤT (RECENT COMMENTS)

L à ng ư ời "qu ản tr ị" B log ch ắc h ẳn c ác b ạn đ ều mu ốn c ác kh ách tham quan khi gh é th ăm đ ều đ ể l ại nh ững l ời nh ...

Đọc thêm »

TRANG TRÍ Ô NHẬN XÉT (COMMENT)

<div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdZKs-2F6zmTitKi7wR9jg_4mN4cMfpVO5hHiuFGbmY2g7SPmhyXzCQtyAKoLyUlkAPHSbnWpzCcCwa4J4zVnsZzPpb5JqVkfX82Qp7O7hZYUXej7algQ3IAUbFyjuuY5-_gFdTKznPM/s1600/picture.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdZKs-2F6zmTitKi7wR9jg_4mN4cMfpVO5hHiuFGbmY2g7SPmhyXzCQtyAKoLyUlkAPHSbnWpzCcCwa4J4zVnsZzPpb5JqVkfX82Qp7O7hZYUXej7algQ3IAUbFyjuuY5-_gFdTKznPM/s320/picture.jpg" width="320" /></a></div> Ở dưới mỗi bài viết đều có một ô comment để khách tham quan gởi lại những thắc mắc, những lời góp ý, những lời tâm sự...</div><div style="text-align: justify;">Mặc định các ô comment này rất đơn điệu và để thu hút hơn sự chú ý của khách tham quan các bạn có thể trang trí ô này thêm sinh động hơn, đẹp hơn... (Thủ thuật này chỉ thích hợp với các giao diện được tải trên mạng về, còn đối với giao diện sẳn có của Blogspot thì không được như ý lắm...là khi comment thì "nó" mới xuất hiện) </div><div style="text-align: justify;">Hôm nay dunghennessy chia sẻ với các bạn thủ thuật này.</div><a name="more"></a>Mời các bạn xem hình minh hoạ phía dưới <div style="text-align: justify;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzTRjlB-T4b1udXQY4QVaQTvdhsJihirmkx-K65mIUYQJwv2Uk8_6XFnHow5kSdZ5v8CCj9QGJl96YKCa2Ngps9QCETXnef_kQvtwQnHnJe_BfT2AvYfG-St8At2P3XxbL8pNGBVaV89I/s1600/003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzTRjlB-T4b1udXQY4QVaQTvdhsJihirmkx-K65mIUYQJwv2Uk8_6XFnHow5kSdZ5v8CCj9QGJl96YKCa2Ngps9QCETXnef_kQvtwQnHnJe_BfT2AvYfG-St8At2P3XxbL8pNGBVaV89I/s1600/003.jpg" /> </a></div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;">VÀ</div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJIhxLXp5n-Fti3UEWqi3f-QGZwDTPizVytuaxUV8BDmn_dxrsjMHMPkvumN9jrDhUlpS3I80_pNTIBxxCxKLElIQiiZJunOJfBTS9WDDuQnPkT7mhM9wzCP5vfnm3GZm0aUvjnETajm4/s1600/banner1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJIhxLXp5n-Fti3UEWqi3f-QGZwDTPizVytuaxUV8BDmn_dxrsjMHMPkvumN9jrDhUlpS3I80_pNTIBxxCxKLElIQiiZJunOJfBTS9WDDuQnPkT7mhM9wzCP5vfnm3GZm0aUvjnETajm4/s1600/banner1.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"> </div><div style="text-align: justify;"> Thủ thuật này cũng khá đơn giản, đầu tiên bạn đăng nhập vào Blog > Chọn Mẫu > Chọn Chỉnh sửa HTML.</div><div style="text-align: justify;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6egX9K3lkfnCSrE9FVVstDuDbWgNnnydWXvuUwRJsWEwVY7ZMaI6uyuoeZ3mXJ-K5LegzCeP2ALXwFx0ncfLBc9h4eSXMGEAtmm0h8bZ9bcnSDEd4olljklfapysERsB-wM0XQ2YiRQ/s1600/003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6egX9K3lkfnCSrE9FVVstDuDbWgNnnydWXvuUwRJsWEwVY7ZMaI6uyuoeZ3mXJ-K5LegzCeP2ALXwFx0ncfLBc9h4eSXMGEAtmm0h8bZ9bcnSDEd4olljklfapysERsB-wM0XQ2YiRQ/s640/003.png" width="640" /></a></div><div style="text-align: justify;"> </div><div style="text-align: justify;">Một bảng mã nguồn HTML hiện ra, bạn đánh dấu chọn vào ô MỞ RỘNG MẪU TIỆN ÍCH nằm phía trên góc trái của bảng mã nguồn, tiếp tục bạn bấm cặp phím Ctrl+F để mở hộp tìm kiếm ở phía dưới (nếu bạn dùng trình duyệt Google Chrome thì hộp tìm kiếm này sẽ nằm phía trên) và gõ vào hộp này dòng lệnh ]]></b:skin> và Enter thì bạn sẽ thấy dòng lệnh này xuất hiện ở bảng mã nguồn và được đánh dấu highlight</div><div style="text-align: justify;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHzGPO5dQAopwbqiM3MoCeeCmj1YcJgw5tQhZQqQNlslL0cvvWBQFdNWYRyywOlFxgvqkagmg1ua9MOqzKpW8usCLmvcaPmSCu792P7zuCKDPZl2IlQ3i5TqxwOZInhlkAK0T0y94e6m0/s1600/004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHzGPO5dQAopwbqiM3MoCeeCmj1YcJgw5tQhZQqQNlslL0cvvWBQFdNWYRyywOlFxgvqkagmg1ua9MOqzKpW8usCLmvcaPmSCu792P7zuCKDPZl2IlQ3i5TqxwOZInhlkAK0T0y94e6m0/s640/004.png" width="640" /></a></div><div style="text-align: justify;"> </div><div style="text-align: justify;">Bây giờ bạn copy đoạn code phía dưới và dán trên dòng lệnh ]]></b:skin></div><div style="text-align: justify;"> </div><div style="text-align: justify;"><div style="text-align: left;">#mbt-form iframe{</div><div style="text-align: left;">background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXE_LpiqOKVtmvXIFOI7gkXMOdyJ6iPKnut-L9IEBha9jdHiV3HXDqNh5NtAGrWpw4eDCtZ832JtUeberhn36jpMbe7mtzohCyVSWFMSm0rsZxeWCZlIDS6D4WmcO0xGvgsClZBMd4XgCB/s1600/picture.jpg) repeat-x;</div><div style="text-align: left;">border:1px solid #ddd;</div><div style="text-align: left;">-moz-border-radius:2px;</div><div style="text-align: left;">-webkit-border-radius:2px;</div><div style="text-align: left;">box-shadow: 2px 2px 2px #CCCCCC;</div><div style="text-align: left;">padding:2px;</div><div style="text-align: left;">font:normal 12pt &quot;ms sans serif&quot;, Arial;</div><div style="text-align: left;">color:#2F97FF;</div><div style="text-align: left;">width:636px; height:250px !important;</div><div style="text-align: left;">}</div>#mbt-form a{ color:#2F97FF; } </div><div style="text-align: justify;">  </div><div style="text-align: justify;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilJXf_TrM5z9s2YwfFN0WOW_QnkhraH2Uyzi3pbpcp70GeqrsXh4Ji0Ri83x32rgTrNobwws6YS_RD9YWsyKAQJitn4j5W1qTL19qanf0u9_8L3C2cbtPzRr3LolbVh86ynfpIepbaaB4/s1600/005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilJXf_TrM5z9s2YwfFN0WOW_QnkhraH2Uyzi3pbpcp70GeqrsXh4Ji0Ri83x32rgTrNobwws6YS_RD9YWsyKAQJitn4j5W1qTL19qanf0u9_8L3C2cbtPzRr3LolbVh86ynfpIepbaaB4/s640/005.png" width="640" /></a></div><div style="text-align: justify;"> </div><div style="text-align: justify;"> Bạn thay đổi các dòng màu đỏ (link ảnh nền) và các dòng màu xanh, trong đó color là màu chữ của ô comments, width (chiều rộng) và height (chiều cao) của ô comment.   Tiếp tục bạn gõ vào hộp tìm kiếm dòng lệnh <div class='comment-form'> và enter, bạn sẽ thấy dòng lệnh này xuất hiện ở bảng mã nguồn và được đánh dấu highlight</div><div style="text-align: justify;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiezKIp2UqFkWxsbQ_TfhAyDqpUv_Yhrhgc06dqaExFAv5xGydvCbRmELmWDLWKRb9xmehi0ZCtLNDGp1G_TpI2t2mWkX4UYtIf5gjJWG9bMoDGb3YNf05uvj1PTdYVsjCEiubZGyMvJ_A/s1600/006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiezKIp2UqFkWxsbQ_TfhAyDqpUv_Yhrhgc06dqaExFAv5xGydvCbRmELmWDLWKRb9xmehi0ZCtLNDGp1G_TpI2t2mWkX4UYtIf5gjJWG9bMoDGb3YNf05uvj1PTdYVsjCEiubZGyMvJ_A/s640/006.png" width="640" /></a></div><div style="text-align: justify;"> Bạn thay thế dòng lệnh <div class='comment-form'> bằng dòng lệnh <div id='mbt-form'> Đối với giao diện sẳn có của Blogspot (không phải giao diện tải trên mạng về thì sẽ có 2 dòng lệnh <div class='comment-form'>, vì vậy bạn phải thay 2 lần cho dòng lệnh này và khi xong bạn comment thử nó sẽ xuất hiện).   Cuối cùng bấm Lưu mẫu để hoàn tất. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijG7TR4kF1xC6FEdjVCH1hReCFBbIiWvbf2rT0tjxOiqLXWdmW0AjK8SN8AJOjFUsaMrBMoWtGnOJUzTAJiaXaL-qe9bQXg6GlkiR6Ghnv8W7YTRNkCdq9A6k9hP8wmQ1Kxk7o_DVop3w/s1600/007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="456" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijG7TR4kF1xC6FEdjVCH1hReCFBbIiWvbf2rT0tjxOiqLXWdmW0AjK8SN8AJOjFUsaMrBMoWtGnOJUzTAJiaXaL-qe9bQXg6GlkiR6Ghnv8W7YTRNkCdq9A6k9hP8wmQ1Kxk7o_DVop3w/s640/007.png" width="640" /></a></div> Bạn trở lại vào Blog xem thành quả nha. * Mở rộng thêm: Bạn nên Resize ảnh nền cho đúng kích thước của ô comments ở code phía trên (Width và height màu xanh) thì sẽ đẹp hơn. Chúc các bạn vui!!!  <div style="text-align: right;">Nguồn: trollvl  <code></code></div></div>

TRANG TRÍ Ô NHẬN XÉT (COMMENT)

Ở d ư ới m ỗi b ài vi ết đ ều c ó m ột ô comment đ ể kh ách tham quan g ởi l ại nh ững th ắc m ắc , nh ững l ời g óp ý, nh ững l ời t âm s...

Đọc thêm »