Thủ thuật tạo code widget thông báo chữ chạy cho blog

[ Ji Nguyễn ] Bài viết này sẽ hướng dẫn các bạn cách tạo code thông báo các bài viết chủ đề nổi bật (chỉ tiêu đề bài viết và link liên kết kèm theo) để giúp blog của bạn trông pro hơn và "dễ xương" hơn một chút.

Ở thủ thuật này ta sẽ sử dụng đơn thuần là tạo các thẻ table kết hợp mã html mà thôi, cũng dễ dàng cho những ai không biết gì về CSS hoặc Javascipt.

Để thực hiện thủ thuật này bạn cần đăng nhập vào blog, chọn Bố cục, kế đến bạn chọn tạo Tiện ích HTML/Javascipt rồi paste đoạn code bên dưới vào

&lt;/span&gt;&lt;p&gt;&lt;/p&gt;&lt;tbody&gt; &lt;tr&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;font style="font-size: 10pt;"&gt;&lt;/font&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class="MsoNormal"&gt;&lt;p&gt;&lt;code&gt;&lt;font style="font-size: 10pt;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/font&gt;&lt;/code&gt;&lt;/p&gt;&lt;/div&gt;&lt;p&gt;   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;&lt;meta name="ProgId" content="Word.Document"&gt;&lt;meta name="Generator" content="Microsoft Word 11"&gt;&lt;meta name="Originator" content="Microsoft Word 11"&gt;&lt;link rel="File-List" href="file:///C:%5CDOCUME%7E1%5Cminhhieu%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:WordDocument&gt;   &lt;w:View&gt;Normal&lt;/w:View&gt;   &lt;w:Zoom&gt;0&lt;/w:Zoom&gt;   &lt;w:PunctuationKerning/&gt;   &lt;w:ValidateAgainstSchemas/&gt;   &lt;w:SaveIfXMLInvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;   &lt;w:IgnoreMixedContent&gt;false&lt;/w:IgnoreMixedContent&gt;   &lt;w:AlwaysShowPlaceholderText&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;   &lt;w:Compatibility&gt;    &lt;w:BreakWrappedTables/&gt;    &lt;w:SnapToGridInCell/&gt;    &lt;w:WrapTextWithPunct/&gt;    &lt;w:UseAsianBreakRules/&gt;    &lt;w:DontGrowAutofit/&gt;   &lt;/w:Compatibility&gt;   &lt;w:BrowserLevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;  &lt;/w:WordDocument&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;  &lt;w:LatentStyles DefLockedState="false" LatentStyleCount="156"&gt;  &lt;/w:LatentStyles&gt; &lt;/xml&gt;&lt;![endif]--&gt;&lt;style&gt; &lt;!--  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:14.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} code 	{font-family:"Courier New"; 	mso-ascii-font-family:"Courier New"; 	mso-fareast-font-family:"Times New Roman"; 	mso-hansi-font-family:"Courier New"; 	mso-bidi-font-family:"Courier New";} @page Section1 	{size:8.5in 11.0in; 	margin:.25in 45.0pt .25in 45.0pt; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --&gt; &lt;/style&gt;&lt;!--[if gte mso 10]&gt; &lt;style&gt;  /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} &lt;/style&gt; &lt;![endif]--&gt;  &lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;a title="Đặt Trang Web Này Làm Trang Chủ" href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://ektmoney.blogspot.com');"&gt;&lt;img src="http://img1.nhaccuatui.com/Images/sethome_over.gif" align="absmiddle" border="0" /&gt;&lt;br /&gt;&lt;table background="http://img196.imageshack.us/img196/382/thongbao.gif" width="755px" height="40px" /&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;tr&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;td valign="top" &gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;div style="width:550px;height:25px;font-size:16px;font-family:Arial;float:right;padding-top:5px;padding-right:25px;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;marquee onmouseover=this.stop() onmouseout=this.start() scrolldelay="50" scrollamount="5"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;strong&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;a href="http://ektmoney.blogspot.com/2010/03/huong-dan-chi-tiet-cach-tao-va-verify.html" style="color:#FF0000"&gt; ● Hướng dẫn tạo tài khoản Paypal&lt;/a&gt;   &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;a href="http://ektmoney.blogspot.com/2010/03/nhung-code-upload-anh-truc-tuyen-vao.html" style="color:#0000FF"&gt; ● Nhúng code upload hình ảnh trực tuyến vào blogspot&lt;/a&gt;  &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;a href="http://ektmoney.blogspot.com/2010/03/tao-trang-loading-on-gian-cho-blog.html" style="color:#FF00FF"&gt; ● Tạo trang loading đơn giản cho blog ●&lt;/a&gt;  &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;o:p&gt; &lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;a href="http://ektmoney.blogspot.com/2009/12/kiem-tien-online-ban-inh-huong-cho-minh.html" style="color:#FF00FF"&gt; ● Kiếm tiền online, bạn đã định hướng cho mình? ●&lt;/a&gt;  &lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;/strong&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;/marquee&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;/div&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;/table&gt;&lt;br /&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;span style=""&gt;   &lt;/span&gt;&lt;table class="tablebg" width="100%" cellspacing="1" cellpadding="0" style="margin-top: 7px;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;p class="MsoNormal"&gt;&lt;code&gt;&lt;span style="font-size: 10pt;"&gt;&lt;span style=""&gt;   &lt;/span&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/a&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;  &lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"&gt;&lt;meta content="Word.Document" name="ProgId"&gt;&lt;meta content="Microsoft Word 11" name="Generator"&gt;&lt;meta content="Microsoft Word 11" name="Originator"&gt;&lt;link href="file:///C:%5CDOCUME%7E1%5Cminhhieu%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml" rel="File-List"&gt;&lt;style&gt; &lt;!--  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:14.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --&gt; &lt;/style&gt;&lt;font style="font-size: 12pt;" face=""Times New Roman""&gt;&lt;/font&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;

Việc cuối cùng là Save lại bố cục và thưởng thức kết quả của bạn. Lưu ý: trong code các dòng màu đỏ là những chỗ bạn nên thay thế bằng link của mình.

Tags: Thủ thuật Blog

Tin liên quan

Comments[ 0 ]

Đăng nhận xét

- Nghiêm cấm nói tục, chửi thề trong blog. Mọi hành vi vô văn hóa không được chấp nhận trong blog này.
- Không sex, quảng bá trang web cấm tại đây.
- Các bài viết phải tuân thủ yêu cầu tiếng việt, đầy đủ dấu.
- Bạn có thể sử dụng các thẻ html cơ bản cho comment của mình

Đăng ký đọc bài viết

Advertise

Bài viết hot

Thủ thuật tạo code widget thông báo chữ chạy cho blog

Comments[ 0 ]

Đăng nhận xét