TỰ DO THẬT: BLOGSPOT

Hiệu ứng tuyết rơi trên Blogger cho mùa giáng sinh

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGS-5n3I4JQ6bG86uDSuNJqC0yuR_jXNPKdcKMwXRAYToG-Ow5yrZNkgzj4xzppHhJUUs__VwxQElRta1Y9ORT72i3vfAqqw-p3P_0yINa-bxvwP5DRSBO0A14w_oVSWsPN2dIIHP6xLI/s400/18.gif" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #666666; font-family: Georgia, Times New Roman, serif; font-size: small;"><i>ảnh minh họa</i></span></td></tr>
</tbody></table>
<div id="anc_pl">
</div>
<div id="anc_tp">
</div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /><div style="text-align: justify;">
Bạn muốn tạo hiệu ứng tuyết rơi thật đẹp mắt trên blog của mình để chào đón Giáng sinh sắp đến  giống một số trang web mà bạn tìm thấy. Bạn chưa tìm ra thủ thuật tối ưu cho mình?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Thật đơn giản. Bạn chỉ cần 2 thao tấc Copy và paste là đã có cho mình một hiệu ứng thật đẹp và đầy ý nghĩa.</div>
</span><div>
<div style="text-align: justify;">
<span style="font-family: Georgia, 'Times New Roman', serif; font-size: large;"><br /></span></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><div style="text-align: justify;">
<b><span style="color: purple;">Bước 1. Đăng nhập Blogger</span></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Chỉ cần đăng nhập vào bảng điều khiển Blogger, sau đó vào Thiết kế (Design) và Thêm tiện ích (Add a Widget), chọn HTML/JavaScript rồi dán đoạn code dưới đây vào đó</div>
<div style="text-align: justify;">
<br /></div>
</span><div>
<div style="text-align: justify;">
<b style="font-family: Georgia, 'Times New Roman', serif; font-size: x-large;"><span style="color: purple;">Bước 2. Code HTML/Javascript.</span></b></div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br />Đây là đoạn code:</span></div>
</div>
<div>
<span style="font-family: Georgia, Times New Roman, serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Georgia, Times New Roman, serif;"><blockquote>
<span style="color: #783f04;"><script type='text/javascript'><br />//<![CDATA[<br />var snowmax=100<br />var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")<br />var snowtype=new Array("Times","Arial","Times","Verdana")<br />var snowletter="*"<br />var sinkspeed=0.6<br />var snowmaxsize=30<br />var snowminsize=10<br />// Set 1 for all-over-snowing, set 2 for left-side-snowing<br />// Set 3 for center-snowing, set 4 for right-side-snowing<br />var snowingzone=1<br />// Do not edit below this line<br />var snow=new Array()<br />var marginbottom<br />var marginright<br />var timer<br />var i_snow=0<br />var x_mv=new Array();<br />var crds=new Array();<br />var lftrght=new Array();<br />var browserinfos=navigator.userAgent<br />var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)<br />var ns6=document.getElementById&&!document.all<br />var opera=browserinfos.match(/Opera/)<br />var browserok=ie5||ns6||opera<br />function randommaker(range) {<br />        rand=Math.floor(range*Math.random())<br />    return rand<br />}<br />function initsnow() {<br />        if (ie5 || opera) {<br />                marginbottom = document.body.scrollHeight<br />                marginright = document.body.clientWidth-15<br />        }<br />        else if (ns6) {<br />                marginbottom = document.body.scrollHeight<br />                marginright = window.innerWidth-15<br />        }<br />        var snowsizerange=snowmaxsize-snowminsize<br />        for (i=0;i<=snowmax;i++) {<br />                crds[i] = 0;<br />            lftrght[i] = Math.random()*15;<br />            x_mv[i] = 0.03 + Math.random()/10;<br />                snow[i]=document.getElementById("s"+i)<br />                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]<br />                snow[i].size=randommaker(snowsizerange)+snowminsize<br />                snow[i].style.fontSize=snow[i].size+'px';<br />                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]<br />                snow[i].style.zIndex=1000<br />                snow[i].sink=sinkspeed*snow[i].size/5<br />                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}<br />                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}<br />                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}<br />                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}<br />                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)<br />                snow[i].style.left=snow[i].posx+'px';<br />                snow[i].style.top=snow[i].posy+'px';<br />        }<br />        movesnow()<br />}<br />function movesnow() {<br />        for (i=0;i<=snowmax;i++) {<br />                crds[i] += x_mv[i];<br />                snow[i].posy+=snow[i].sink<br />                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';<br />                snow[i].style.top=snow[i].posy+'px';<br />                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){<br />                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}<br />                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}<br />                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}<br />                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}<br />                        snow[i].posy=0<br />                }<br />        }<br />        var timer=setTimeout("movesnow()",50)<br />}<br />for (i=0;i<=snowmax;i++) {<br />        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")<br />}<br />if (browserok) {<br />        window.onload=initsnow<br />}<br />//]]><br /></script></span></blockquote>
<span style="font-size: large;"><br /><div style="text-align: justify;">
Mở trang nhà của bạn và bạn sẽ thấy kết quả như mong đợi. Chú ý tuyết có màu trắng nên nền blog của bạn có màu tối thì sẽ rất đẹp.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nếu hết mùa giáng sinh bạn chỉ cần xóa Tiện ích trên đi là ok.</div>
</span><div style="font-size: x-large;">
<br /></div>
</span></div>

Hiệu ứng tuyết rơi trên Blogger cho mùa giáng sinh

ảnh minh họa Bạn muốn tạo hiệu ứng tuyết rơi thật đẹp mắt trên blog của mình để chào đón Giáng sinh sắp đến giống một số trang web...

Tạo Auto Readmore cho Blogger với Cutter.js

<div id="anc_pl">
</div>
<div id="anc_tp">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX_G65lmLqyIWnjE8beKSDQeSY-XYs_EVf_998ugIQiNLsYNkr8gTs5XN_gudOqiaVvLcp7CO1u5-hsFmxZrWFXAyMQnr_NL2WI42btFmODzApd_eO_AnRVD9aBy2BEHkSF3MnqscwOAdU/s200/index.jpeg" width="200" /></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Khác với các thủ thuật </span><b style="font-family: Arial, Helvetica, sans-serif;">auto readmore</b><span style="font-family: Arial, Helvetica, sans-serif;"> từ trước đến nay, Cutter.js giúp ta giữ lại được các thẻ </span><b style="font-family: Arial, Helvetica, sans-serif;">HTML</b><span style="font-family: Arial, Helvetica, sans-serif;"> như in đậm, in nghiêng, màu chữ...</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Đầu tiên, bạn vào phần chỉnh sửa <b>HTML</b> của template, chọn <b><span style="color: red;">mở rộng</span></b> mẫu rồi chèn đoạn sau phía trên <b></head></b> :</span></div>
<blockquote class="tr_bq">
<span style="color: #b45f06;"><span style="font-family: Arial, Helvetica, sans-serif;"><b:if cond='data:blog.pageType == &quot;index&quot;'></span><span style="font-family: Arial, Helvetica, sans-serif;"><style type='text/css'></span><span style="font-family: Arial, Helvetica, sans-serif;">.post-body img { display:block; float:left; margin-right: 10px; width:100px; height:100px }</span><span style="font-family: Arial, Helvetica, sans-serif;"></style></span><span style="font-family: Arial, Helvetica, sans-serif;"><script src='http://noctsvn.googlecode.com/svn/trunk/cutter.js'/></span><span style="font-family: Arial, Helvetica, sans-serif;"></b:if></span></span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Tiếp tục tìm đến đoạn<b> <data:post.body/></b> và thay thế nó bằng đoạn sau:</span></div>
<blockquote class="tr_bq">
<span style="color: #b45f06;"><span style="font-family: Arial, Helvetica, sans-serif;"><div class='post-body'></span><span style="font-family: Arial, Helvetica, sans-serif;"><b:if cond='data:blog.pageType == &quot;index&quot;'></span><span style="font-family: Arial, Helvetica, sans-serif;"><span expr:id='data:post.id'><data:post.body/></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><script type='text/javascript'></span><span style="font-family: Arial, Helvetica, sans-serif;">var snippet = document.getElementById(&quot;<data:post.id/>&quot;);</span><span style="font-family: Arial, Helvetica, sans-serif;">Cutter.run(snippet, snippet, 40);</span><span style="font-family: Arial, Helvetica, sans-serif;"></script></span><span style="font-family: Arial, Helvetica, sans-serif;"><b:else/><data:post.body/></b:if></span><span style="font-family: Arial, Helvetica, sans-serif;"><div class='clear'/></span><span style="font-family: Arial, Helvetica, sans-serif;"><b:if cond='data:post.hasJumpLink'></span><span style="font-family: Arial, Helvetica, sans-serif;"><a class='jump-link' expr:href='data:post.url + &quot;#more&quot;'>Read More</a><b:else/></span><span style="font-family: Arial, Helvetica, sans-serif;"><b:if cond='data:blog.pageType == &quot;index&quot;'></span><span style="font-family: Arial, Helvetica, sans-serif;"><a class='jump-link' expr:href='data:post.url' rel='nofollow'>Read More</a></span><span style="font-family: Arial, Helvetica, sans-serif;"></b:if></b:if></span><span style="font-family: Arial, Helvetica, sans-serif;"></div></span></span></blockquote>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Lưu lại và kiểm tra kết quả</b>, bạn có thể thay đổi các giá trị như số kí tự (40) hoặc kích thước ảnh đại diện (100x100). Theo cơ chế hoạt động của Cutter.js thì nó sẽ cắt 40 kí tự đầu tiên trong bài đăng để hiển thị ra trang chủ và dĩ nhiên là giữ nguyên định dạng HTML. Cũng vì vậy nên nếu không có ảnh nào được chèn giữa 40 kí tự này thì sẽ không có ảnh thumbnail, bạn cần lưu ý điều này và nên đặt một tấm ảnh lên trên cùng của bài đăng để làm ảnh đại diện ở trang chủ.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Tệp Cutter.js trong bài này đã được lược bỏ một số thứ không cần thiết cho gọn bớt (4kb), bạn có thể upload sang host khác hoặc chèn thẳng vào template.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #666666; font-family: Georgia, Times New Roman, serif;"><i>Trích nguồn: noct-land</i></span></div>

Tạo Auto Readmore cho Blogger với Cutter.js

Khác với các thủ thuật auto readmore từ trước đến nay, Cutter.js giúp ta giữ lại được các thẻ HTML như in đậm, in nghiêng, màu chữ...

Giải pháp VNPT chặn blogger ngày 09/06/2012

<div id="anc_pl"></div><div id="anc_tp"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbsaDvdwjiT32JHp4Y6qVi1ypob5rALSaVN5u0-7NT8fSYY0tgrRlLCgNx5LvG4iDY6kdJwkqzj-gtaTj31UYYGVcjzK1yTJdHpM-uuKiC2zmFMzR1pay1xaMXxpUJ-UJOTPack1v_MaP/s1600/Blog-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkbsaDvdwjiT32JHp4Y6qVi1ypob5rALSaVN5u0-7NT8fSYY0tgrRlLCgNx5LvG4iDY6kdJwkqzj-gtaTj31UYYGVcjzK1yTJdHpM-uuKiC2zmFMzR1pay1xaMXxpUJ-UJOTPack1v_MaP/s320/Blog-3.jpg" width="320" /></a></div><span style="background-color: white;"><b style="color: red; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><br />
</b></span><br />
<span style="background-color: white;"><b style="color: red; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">Chú ý </b><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">:  Nhiều bạn DNS sai do chưa DNS được www </span><span style="color: blue; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"></span><span style="color: blue; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><span style="color: black; margin: 0px; padding: 0px;">nên vẫn chưa được. </span></span><b style="color: blue; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><span style="color: black; margin: 0px; padding: 0px;"><br style="margin: 0px; padding: 0px;" /></span></b><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><b style="color: blue; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><span style="color: black; margin: 0px; padding: 0px;">  - Xóa bỏ DNS tới</span> ghs.google.com</b><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> trước khi DNS tới 4 IP. </b><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">  - DNS cả <span style="color: blue; margin: 0px; padding: 0px;">root</span> và <span style="color: blue; margin: 0px; padding: 0px;">www</span> tới IP . Trong đó<span style="color: red; margin: 0px; padding: 0px;"></span> phải DNS <span style="color: blue; margin: 0px; padding: 0px;">www</span> tới 4 IP là<span style="margin: 0px; padding: 0px;"></span> quan trọng nhất . vì blogger chỉ nhận <span style="color: blue; margin: 0px; padding: 0px;">www</span>  , <span style="color: blue; margin: 0px; padding: 0px;">root </span>chỉ có tác dụng </b><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">chuyển hướng</b><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> tới <span style="color: blue; margin: 0px; padding: 0px;">www</span>khi vào Blogger chọn -> cài đặt -> Xuất bản -> Đánh dấu ô chuyển hướng <span style="color: blue; margin: 0px; padding: 0px;">hoặc</span></b><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">chuyển hướng</b><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> ở CP Domain </b><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">Manager</b><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">  - Để kiểm tra -> Ở PC chọn Start -> Run... -> hiện ra cửa sổ nhập vào :  <span style="color: blue; margin: 0px; padding: 0px;">ping www.domain.com -t  <span style="color: black; margin: 0px; padding: 0px;">-> Enter để xem đã DNS về 1 trong 4 IP chưa . ( nhớ là phải có www nha )</span></span></b><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> ---------------------------------------------------------------------------</b><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;"> </span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Đang buồn on Y!M thì thấy mấy bạn PM blogger ko vào được do mạng VNPT chặn. </span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Nay mình sẽ hướng dẫn giải pháp tạm thời để mọi người có thể truy cập được blog của bạn dù là mạng gì mà không cần sử dụng đến phần mềm hỗ trợ.</span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Thực chất hiện tại VNPT đang chặn IP liên quan đến DNS </span><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">ghs.google.com.</b><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">  chứ không chỉ chặn riêng đuôi </span><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">.blogspot.com</b><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;"> như trước.</span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Nguyên nhân chặn mình nghĩ  vì VN sử dụng facebook, blogspot ... (đường truyền quốc tế) nhiều mà chưa thu được lại lợi nhuận do giá thành cao hơn đường truyền trong nước nên nhà mạng tạm khóa IP để ko bị thua lỗ.</span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: x-small; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;">Demo test </b></span><span style="font-family: Verdana, Arial, Sans; font-size: x-small; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;">thử </b></span><span style="font-family: Verdana, Arial, Sans; font-size: x-small; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;">site mình ok :  http://www.topphimtuan.com</b></span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Vì vậy ta có thể sử 4 IP blogger của google để DNS sử dụng cho ổn định</span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Các bạn truy cập</span><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <span class="l" style="margin: 0px; padding: 0px;"><i style="margin: 0px; padding: 0px;">Domain</i> Manager</span></b><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;"> để DNS cấu hình tới 4 địa chỉ IP lần lượt như sau </span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><b style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">216.239.32.21<br style="margin: 0px; padding: 0px;" />216.239.34.21<br style="margin: 0px; padding: 0px;" />216.239.36.21<br style="margin: 0px; padding: 0px;" />216.239.38.21</b><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Hình ảnh ví dụ domain DNS tại sitelutions.com , với </span><b style="color: red; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">root </b><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">và </span><b style="color: red; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">www</b><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;"> đều add = IP cho ổn định ( kể cả sub )</span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="color: blue; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">1. Chọn <b style="margin: 0px; padding: 0px;"><span style="font-size: small; margin: 0px; padding: 0px;"><small style="color: #9f8c77; font-size: 0.9em; margin: 0px; padding: 0px;"><small style="font-size: 0.9em; margin: 0px; padding: 0px;">[Advanced Config & DDNS]</small></small></span></b>  để DNS</span></span><br />
<span style="background-color: white;"><span style="color: blue;"><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /></span></span><br />
<div style="text-align: center;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE0yc73UNvTQy_H5QcvMInK105wMn5qNxQVS3TTAJVTgK1pnL4szBRmcpOQMXnvaDi9g70-dWsYwYXDld-H5AArUpMOB0POeucqmPsd3linC2M9qkoHkPSmpcKtFgQ7eEaJ4HPZXeGaok/s1600/chondns-helloximo.JPG" style="border: 1px solid rgb(221, 221, 221); font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; max-width: 580px; padding: 1px; text-align: justify;" /></div><span style="color: blue; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><span style="background-color: white;"><span style="color: blue; font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><br />
</span></span><br />
2. Chọn <b style="margin: 0px; padding: 0px;">[Add Record]</b> DNS tới 4 IP trên</span><br />
<span style="background-color: white;"><span style="color: blue;"><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /></span></span><br />
<div style="text-align: center;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibJLSQIu8Hbr9FTAOgDCZOxXNnLlth7eZ4KKrDqERPZv69tVG-bl0K874kI6YCoL8cc76EC4dGcDM3DdoCm9aFa8L0eNnP-G87sPO77iE13jjPe9P1xWy9hPg-l7rNQuZbQ3rGtc-qzNw/s1600/add+dns-helloximo.JPG" style="border: 1px solid rgb(221, 221, 221); font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; max-width: 580px; padding: 1px; text-align: justify;" /></div><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><span style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; text-align: justify;">Với các Domain Manager khác cũng DNS tương tự</span><br style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;" /><i style="font-family: Verdana, Arial, Sans; font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;">Chúc các bạn thành công</i> <br />
<span style="background-color: white;"><i style="font-size: 14px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><span style="color: #999999; font-family: Georgia, 'Times New Roman', serif;">Nguồn: Thuthuatblog.info</span></i></span>

Giải pháp VNPT chặn blogger ngày 09/06/2012

Chú ý : Nhiều bạn DNS sai do chưa DNS được www nên vẫn chưa được. - Xóa bỏ DNS tới ghs.google.com trước khi DNS tới 4 IP. - DNS...

Dùng Blockquote làm chú thích và khung code cho blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZWjk_F-QEfiLeCuZs_jS2VSnvRzzbdFYgy9uL8FmbhrjyNe762p47_HHWOtpRgPgR3tjGMWWDe7qcT9Y-jp_OgEUR1r43R39_jJTAQ0XkVb9vTndUooAGhFTe3IkoUHhWWRO8FrSaT2K/s1600/blockquote_dwn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZWjk_F-QEfiLeCuZs_jS2VSnvRzzbdFYgy9uL8FmbhrjyNe762p47_HHWOtpRgPgR3tjGMWWDe7qcT9Y-jp_OgEUR1r43R39_jJTAQ0XkVb9vTndUooAGhFTe3IkoUHhWWRO8FrSaT2K/s400/blockquote_dwn.jpg" width="400" /></a></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Khi tạo một bài viết với blockquote , văn bản trích dẫn đó sẽ được thụt vào bên trong và làm cho nó nổi bật. Tuy nhiên,style mặc đinh của blogspot rất đơn điệu, nếu bạn muốn thay đổi nó thì bạn có thể chỉnh sửa nó bằng lệnh <b><span style="color: red;">blockquote{ lệnh css }.</span></b> </span></div><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: justify;">Blockquotes là cách để làm nổi bật ý tưởng chính của bạn giữa các nội dung khác. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Các bạn có thể xem Demo <b><span style="color: blue;"><a href="http://www.phuchungca.info/2012/05/chua-cua-dan-toc-con-hoan-quan.html" target="_blank">TẠI ĐÂY</a></span></b> </div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPc275Kwe5nsj842BhlC7Ci6kkRvSWVJxoFtH2u0-Bp1NHEbKt8aPtOE-EqYv7Bio-xr-EkGX2IDdHitXwEiEPPUqDRl38Nvwgk5SzE6cDMhhrxRJ8btYyhrceN4CcxmJFmwFm7CHrJsV4/s1600/dvn.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPc275Kwe5nsj842BhlC7Ci6kkRvSWVJxoFtH2u0-Bp1NHEbKt8aPtOE-EqYv7Bio-xr-EkGX2IDdHitXwEiEPPUqDRl38Nvwgk5SzE6cDMhhrxRJ8btYyhrceN4CcxmJFmwFm7CHrJsV4/s400/dvn.jpg" width="400" /></a></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><b><span style="color: red;">☼ Bây giờ ta bắt đầu thủ thuật :</span></b></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">1. Đăng nhập blog</div><div style="text-align: justify;">2. Vào bố cục (layout)</div><div style="text-align: justify;">3. Vào chỉnh sửa code HTML (edit code HMTL).Ctrl + F : tìm bỏ các đoạn : </div></span><blockquote style="background-attachment: scroll; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXwMmjGfyBvZMZKie0SES6mo7Qjr-bdOvXDp2cHnoIGkVv5vukkcX_exsthMbZ-6xXGWM-sr1wZAkv9WvJM2YA9eku4OO3UrDnkP1_ry2W03txhlT_Am5NbQrLrO3LfxITQshyphenhyphenVmNsi6E/s1600/quote.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(150, 215, 226); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(208, 212, 216); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(150, 215, 226); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(150, 215, 226); border-top-style: solid; border-top-width: 1px; color: #616161; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; font-style: italic; line-height: 1.5em; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; margin-top: 20px; padding-bottom: 10px; padding-left: 25px; padding-right: 10px; padding-top: 10px; text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">blockquote {......}</span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">.post blockquote {....}</span><br />
<span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">.post blockquote p {.....}</span></blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: justify;">Tại vì mỗi template có một mẫu blockqoute khác nhau. Nên các bạn tìm đoạn code tương tự mà xóa nhé. Nhưng đừng bỏ cái blockquote trong phần reset css nhé :D </div></span><span class="Apple-style-span" style="background-color: #f4f4f4;"><span class="Apple-style-span" style="color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;"><br />
</span><br />
<div style="text-align: justify;"><span style="background-color: transparent;"><span style="font-family: Arial, Helvetica, sans-serif;">- Sau khi xóa bỏ xong,bạn thêm đoạn code sau vào ngay chỗ blockquote xóa đó. Hoặc thêm ở  trước thẻ <b><span style="color: red;">]]></b:skin> </span></b></span></span></div><div style="text-align: justify;"><span style="background-color: transparent;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: red;"><br />
</span></b></span></span></div></span><span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: justify;">- Bạn nên sử dụng firefox để test mã blockqoute nào hợp với template của bạn trước rồi hãy quyết định mang vào template. </div><div style="text-align: justify;">Chúc bạn hài lòng. </div><div style="text-align: justify;"><br />
</div><span style="color: purple; font-size: large;"><b>Style 1 </b></span></span><br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0joMMgiNFsKiljreqrPhwOzk5wl-B-7nowWQjrI951ZAfUbXbm3jynivF2sefbqrHkvxKrxiCRvBnH023Aquw51OZXfTyfAurZPwT91monhK8WtJ6ved2vKEekbnYCvCuOZr9_pRMibAV/s400/Blockquotes-1.gif" /></div><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Code:</b></span><br />
<blockquote class="tr_bq">blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }</blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; color: red; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;"><b><br />
</b></span><br />
<span style="color: purple; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Style 2</b></span><br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0G1Vg-TVZgBYagLQE5NA-PShB-lzGFabk5BENa5CYwDtROJnZMJKTeRWizCKLk6mrN4fA-6FIab6yHokW45rDG1aH5x5nDSf01bTMaAKB39TGJIsRekvoQA26Xsg46xeWFVDZgqw4i2S/s400/Blockquotes-2.gif" /></div><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Code:</span><span style="color: red; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><b><br style="background-color: #f4f4f4; text-align: left;" /></b></span></span><blockquote class="tr_bq" style="text-align: center;">blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; } </blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; color: red; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;"><b><br />
</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 3</b></span><br />
<br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMXssxLjvFPQpgbxLKZrvBIP4OpioLJ7SjE80O4K8fYIBzjDe7MNcN0eZkCe_xW9fCS4mno3YsPdL9Wh2uclcG11F9TxD6Ji1nV48WpK_94VFsNytLbnSER9XQ-yNRMtc0DPPq7BYYeg_/s400/Blockquotes-3.gif" /></span></div><span style="font-family: Arial, Helvetica, sans-serif;"><br />
Code:</span><span style="color: red; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><b><br style="background-color: #f4f4f4; text-align: left;" /></b></span></span><blockquote class="tr_bq">blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; } </blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 4</b></span><br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzkMfmdkSlRfGvFvn14XKq-gI6aVW8Lv7pa0L1hXYeN43R75FJDE0wxp7Tqp7R4IMsGbKDK8emdjaD3ZydmhyjwcNJKefe5XuLEWsq1tslpXKBoRFVk2KlqxwAmMFJCGZ_qbMYB1-yyRcA/s400/Blockquotes-4.gif" /></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Code:</span></div><br />
<br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><b><br style="background-color: #f4f4f4; text-align: left;" /></b></span></span><br />
<blockquote class="tr_bq">blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }  </blockquote><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 5</b></span><br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX5WuMQn_hgaeKPipph-fS3Crxc0GK98f1_amRfWCDlw6x69dC0nm-sBOZQ7_MR4d3H_iEbzAx_9eFJS_mM4BRnn0MQsO5oHDmKVDLy2AkTzZKV_S1WRNTHPS_l50_9NGxLzBu8VTlVuve/s400/Blockquotes-5.gif" /></div><div style="text-align: left;">Code:</div></span><br />
<br />
<br />
<blockquote class="tr_bq">blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; } </blockquote><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
Style 6<br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVO2GIyksBimJA_UP_LRxN2wCGMl0RB0XznwbIXlPp11QKr5BKm3fnMeM5-qLSUxEVfY97DTf3A4h9oSbG2ZMOQx6jIhCBUDAlRIlpaPl1dAXbxTHzq1xBMAJqywxSNP3gfH3Mp93qzKo5/s400/Blockquotes-6.gif" /></div><div style="text-align: left;"><br />
</div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC13Bl-_9FmUwY2ydofKuYP7rd9oX6usVNo3AZcFNhOzGL3UyKLMsSlpyte0HucH9vim3vltXLlW2toLd_PJaF-8F06BVCnFEUp0LMNb2iDob4JfjY-OXTgxBN003GSH-9B3WPLDMwaAk/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; } </blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 7</b></span><br />
<br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglF3ypy1jyfKZdmD16xf97iKJX1R-w4ldsfd8AqbuBITlZTcqTDjF3NCFBauJAG2KR7aFdgRrexADaB5iLdIIa0vD6xKidvMaqfYYmxr2YLjGZ0zlOm3rSygVqu1CzFWw-hVOYzTf7rcC-/s400/Blockquotes-7.gif" /></span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Code:</span></div><blockquote class="tr_bq">.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsIrMvSmkQ5ijgPdcgku_Tig0kWiOT101v5V6DWrZDm6AbS_LG_-3mfwgYibgo8HxEDf1dEEyzU07Gy0xuF9m3cLOd2nfxZWCN78_SHzRXswHKddqq8qt4uuVGRdDLK7McTkEVD6Un7pg/s400/angular-purple.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDa58aS3HEPljh3mO1dPIJX1801cHm08V7J10kv35qmGZTkWfJjmnTQmw4f5JDsc2cf8Yb6U6CDa1L-Mmcdw080R6ZVylq2p_6kq4fvoj4Myw7SHzJTcn-kj1IgGdWDHf9AHqTIbsfu2k/h120/angular-purple-namkna-blogspot-com.gif</a>) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }</blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><br />
<br />
<span style="color: purple; font-size: large;"><b>Style 8</b></span><br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifQWcnNbssul_yN35bD9Nk65Jt1xYzeYGSoS-9iIrmcPK-VLQzxzlEjEA_qbK5QcQ7BVimIzshGxXVpv9jw0hikEHcVGjpK0avpXcF3-3P69CaWuuR1nbHCg8XCl4UFwE3N4H-aO-o_r1C/s400/Blockquotes-8.gif" /></div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFD-AOlJfqn_-ZJFk_TaEQky29v3PgF_HYRenSjcRJM7jpi3KWSzvKF19Se1WnRlJeojBSN58cxUjDIcWLjVM7hetYgpAHBXHFG9TvVE3qdLvpNcXMwbHkHrR9IXXOd63EM0nuQjcPOE/s400/block22.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ewxeekex72Y0Cm5CwsswT3-Kgrc0VZFRvHjZpKxdoIeRqAwPH9eW092k9O61qM1S6DjuRyonucj5H0x_oEsTnJaSgpTf2BFArn6C2NZlxplooOXIm095i3kWVzHwPr8giirmSzhrq-8/h120/block22-namkna-blogspot-com.gif</a>) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; } </blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; color: red; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;"><b><br />
</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 9</b></span><br />
<br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQVEYCMQGPEFbb_ZZ2ZnGZMiwKjFXoKoOSHGgvFHfJZzWOsoAgjkQHunXRHxSrBFnG4ahmQirF1H3-5UATfvNqJXofpYyBNLhaBy_HeSLmZsOHJMLyEIpfgWP3WwJKBGmt55fdXJZzHxAY/s400/Blockquotes-9.gif" /></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Code:</span></div><blockquote class="tr_bq">.post blockquote { background: #F3F3F1 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnBoc11VanOL5YRQgV9CEzbL5iy5v3qOfHSqwR-YbjJszGfRLBhDtxKHoJfX3MXp3aNHlGlKunUOq0NBrUHExdUw7PEu04GgxdXZTMsiTb09zr0j4JycpvN5DXD-mSKlIyT7XkriLnYw/s1600/comma-side-orange1.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapZ-m8QtTc-SStOfswlZiszIgE8ffcoNWLY0YUXC7q6-Vvys1nsvX0gTu0CoOOYbR7i2nzaKRgY4hlxvzb_wUYaTXtPZtN0hJHHcmsxYVR2v-rqjcdUs2FUieREBCoxq6YWxcx7-uTk8/s1600/comma-side-namkna-blogspot-com.gif</a>) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; } </blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Style 10<br />
<br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBF5sLnyN5o2YktqvGQ-SBV6ikFO_RfLZ5jXq6rBnU3D2IlPiUOZZm_cdcxJDAveotMte2BhO8J74Dg_BsB7iq18Afyi1XsYTOZi1RKEqrw4c5MV6Uutux1ubfFIjHPkQHRrrbN3SexQd6/s400/Blockquotes-10.gif" /></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Code:</span></div><blockquote class="tr_bq">blockquote { background: #484B52 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2vL5aXlGrdG2pn1YCCx0KfuJ1cyX3ace_D4gPGv0ZtgGC8Jgv9CvrbjT6yTYCREKTryGNPSe1i0kEx1idj7ST2kDijjsuWgsEYGm2_ILyDaCrA6wg5EXzA7qUMLwdMXJn2fVOP66tbGE/s1600/green-black-side.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCus0oi06tpp-6DjxmQ2eawaYwyfJmXowNG5gvG_r291i1pkKrgKHXtosQEUBnfB26TMirfhsn9HtP-h1Xi8a20PAe3RFndIpJ2X1GkoBKgWE5AAv64rQtyFHqNNnKpKsINv1q21oogp8/s1600/green-black-side-namkna-blogspot-com.gif</a>) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; } </blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; color: #616161; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><b><span class="Apple-style-span" style="color: red; font-family: Arial, Helvetica, sans-serif;"><br />
</span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 11</b></span><br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMUXlAjEPTROTvgJ-xjkxgzvmurx92xgI_RjG3ZGvt62QXUYy3GjI9teemV8xk6MWBS2WCbsi9bJ4YZDc6jY7UEpTr22DbOTKJfKZMZHDcDEl3a9d3hykqHR8oxvJdESxKy7naByyfSzCi/s400/Blockquotes-11.gif" /> </span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Code:</span></div><blockquote class="tr_bq">.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutvUXIt35H6o7yuVbQPAFnYJXuWr3Z-vZbkWn1178yTRkJ-hA9_zgdAqH7LM007addWdBGAi522qwHzAtXIc9rt6u2IicveyCT6zeQvPSdBWLYJK4J710om0CEpm88RC-VHjcm8tj-14/s400/angular-right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdv-jzXa1E3gyw74tuFfa_Dp0dW93ZZNOutTyJrno7m1bBFxfmCMVGK4vDdCy2OFQWnkObPXxtyoO8xkVr99ux4EEZ3mATvRwTrjUSdy6PXIEShwVwhUONE4IeWt6Buww7iKsVNcFC94s/s1600/angular-right-namkna-blogspot-com.gif</a>) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhutvUXIt35H6o7yuVbQPAFnYJXuWr3Z-vZbkWn1178yTRkJ-hA9_zgdAqH7LM007addWdBGAi522qwHzAtXIc9rt6u2IicveyCT6zeQvPSdBWLYJK4J710om0CEpm88RC-VHjcm8tj-14/s400/angular-right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAyNObqyM92L2iSXwg85fFZ1_3t09-jNSVgX-hqVpmVP1yePJJt5RIOxvXGZd3_ANAXWHUVVDKz4mqCqHfYCV1s9YUdiE_kXlndTEJjZZ8ys-_zpmrLjL-wpH0RLeGT-qW5g4VclxPE8/h120/angular-right-namkna-blogspot-com-1.gif</a>) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; } </blockquote><br />
<span class="Apple-style-span" style="background-color: #f4f4f4; color: red; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;"><b><br />
</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 12</b></span><br />
</span><br />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8lsifkjI7e54X00iy9HmSWOTPoaVUi9G7cOEp6U48gbjIzy1mCsEAOh9xH8Pn5ThuGnVRx5LqV1YKBqrV9mp1VOWA5N1VDB7OCnEDHduyy8Z4gMgPVIPblq2LdppKXP17CDpDoSKtXYBt/s400/Blockquotes-12.gif" /></span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: left;"><span style="font-family: Arial, Helvetica, sans-serif;">Code:</span></div><blockquote class="tr_bq">.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTr0HJUDFPx5WvPH3NTffOe_F8wapN4ePw5NqCOL0XAdfecpGn3w1fJPrna1NxKJWPKrJdVIm3YqnlX0A9dMNgR_HImmuyRxPc-qxTNuFrMxvrzNE7fqE3x6RE4rPap0fjbad3WNpu8Ew/s400/comma-left.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYddwstkL9gStea0sX80H0ZRcOxGvcDbXG_BW16d_dtdZurkJlne1MtOCtHekRiIAM2egW4QSHfJGrWOsnHiA9V4HUWh6f-6GiuDdDjRN7q4wt1wMVdWZm9iEiVaR5Jj0bLIGF0cZnR68/h120/comma-left-namkna-blogspot-com.gif</a>) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdEwDDKE3bxi0X8cAEfvUy4g9C94HPRxW7edeff18H0S6H4sAnxIyHfpAP7wekG9KZKPKwFvFv_m8iqYIGkahi9ZTOvXPjn6O4WVhbT0Ex17BB-MBmcieVJRUm5W3XM4ZDd13tNHQhH4Q/s400/comma-right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrXSeULJFCQquyFDdMTt3kRAL5rNj_rEXBnDTg_luMMkKGBS5vGqdeXDXTo4fU7MAZK8vXW-kel-OZ3I7WoX-82bZ1-bUhM5tTR-HXYedfaiFgrAxrakBLyC6qKyOg1DigAK0m1Vdl52I/h120/comma-right-namkna-blogspot-com-1.gif</a>) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }  </blockquote><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 13</b></span><br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW-4p6D8TSehXVuMjNcg24K9Mfo9fwogQnwR2u8ghWueQZmALc2AK3qfie5OT8IrGgfUYiwltjP1MjHeqr6r4WiD1RcJSEnIeuYoAqffEajP0NEwLrldnm0wZiM89rtr3-FDNEIcIphdXF/s400/Blockquotes-13.gif" /> </div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikHGny96FeNE_gNuJ4LY0PnVXZCcTm1DL86auDL323VNl4y-OyCQaHPqwBBdY2dUKzahyphenhyphenPLR8hiADmm4z6DUPEUMW6mpSU3XVR-1WXfV3Jj3jyQYaDtOLfCn1ekn-AdDgBmJFsiG4vVgA/s400/comma1-left.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdU9k9abDQ59eJEj__oZdR-zuu_8e1bIXzMI5b3h7yP4nxMI_MA-3awADDm7pF0_aiIfsWCSvYEjlBQ7P22LVQ5LA-EJwKGkcXEi5RIS_hOSD_R8iUHnID4SWtt6uDkaZv7dMTH-fRnMo/h120/comma1-left-namkna-blogspot-com.gif</a>) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnTaP54dvXCstnjUaviPLiFumCRwoL0Ig8MEbIAeItSaU5pRjH7M56OSVJnCDaTY0D5nPt211SMb8k-7eEjYBDMewIilIbHjnKGRiwHqVO03fB-fUIvw1tURcZzLXtC6wll-aO2MiEc_A/s400/comma1-right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK1rERE_QV9kKKUyyt3zEQyNO_Teh_xhecrIvIOt7PHJIRRKLZ99CuGdAJ-cNXMQmcJQe23JlVNErQH6MUWNxW-bKsg70qBjCYfHyoSUhTLdy8-Zaldhw9ndAj79I_hRV766H3ehcDKmw/h120/comma1-right-namkna-blogspot-com-1.gif</a>) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }</blockquote><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: left;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span></span></b></span></span><span style="color: purple; font-size: large;"><b>Style 14</b></span><br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbVegLX5hlX9n1dsosYuFV7LZLTVBLnWr9XCW-xTJMiAcwCrBX3oG8kWwupHFDNh4gq0JUdrASIHyJ-J15fluw25bgzcRI33W84nIwshTfTMOmjn1Owm4Alqoj7bS-CupJkrcBVjq-7cgN/s400/Blockquotes-14.gif" /></div>Code :<br />
<br />
<blockquote class="tr_bq">.post blockquote { font:bold italic .9em "comic sans ms", Tahoma, sans-serif; padding-top: 25px; margin: 5px; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtH0nirjj7uRG29joqRP3ioNdisOQCkdzJmOD1qtmoTnd8RDHKI8sUvm64xRnv781uxswgn3r5kpc-G81B5gEyVcSK80dQvo6TL-72ltvcH2REjSNNcQF6se2vel7wqaeTvX8BJFAMXuw/s400/left.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2iJ8AHUaoZuEzM16RHDq8SevReaGHuCBDkuhPqgspDOmEHaE9ukN-XXIcu9eBQP2PRhK5y6eqLuroUjWId-VQ_kBMsxTSxz96QcDKs9zkq3XgzNlFZL02sbitCDmaeMfEbwN0F7YhZyM/h120/left-namkna-blogspot-com.gif</a>) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFaFomDnWv4A2dcWZarOqyucv6fykOV19jiHOAOGtCLFU-C5OzkWNDEEMx0-KgSGXnlfBNopVvnLfvRlaJjdjmkFv5O_Kiq5FUHfFI720KMeMvkw_gBu1nLTqcak4R215I3ytzyQ4URFk/s400/right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZF8GV2bNLjQRaZiA9CbORXvZRUl2dMD1szINVZ2bTW2-o-7B3mwJ7rG-xSw-GYYwma_Kf-BbYDHPc7JxSwwSnqSYyiWUKar_A_cVdN0Ycq88M1fE92qn-q-0ta_KmuoeGBONlrPI62sA/h120/right-namkna-blogspot-com-1.gif</a>) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; } </blockquote><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: left;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span></span></b></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 15</b></span><br />
<br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj60yJW7gJEtCNRJ83Pq1Tcsz2rTBLCe9YhB1jzrSk5aGuWZBQVJ0ueB0G5G8BwQk79Nnv9zwOukxBP5zHzN6FPAOmn5I1Zhii3Wcoq8LZcY3ez3iTWIIkKU4cpAvnVvRLlRtBEkXfbdyJ3/s400/Blockquotes-15.gif" /> </div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div></span><br style="background-color: #f4f4f4; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 19px; text-align: left;" /><blockquote class="tr_bq">.post blockquote { font: italic 1em "comic sans ms", Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Dwa4I7dvAo5xgB7KS1AhQE8wog8kuRwPplHXZ63VBv2N_sh7jlfHvWMy32Mqd8VdP6SH4rAyI9K1NY4Qm7a3Ab0O5fm_hPOm1BvV6luwcAyC02Fzq0d76nnLJkT8KLcNxp6Sx4UOUNg/s400/comma2-left.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZPK2o39GltTdAlIotdDbfyYz_eH4svioeN9c1zruvgXYDzRui9SjshlbxMmkNCVIgGM3LahKzO-1x6gZArS_5HwaCuwtVSoENOm59uYXryyX3TjPhrT5MuxbsUj9Udqw8hJLKyuG-YA/h120/comma2-left-namkna-blogspot.gif</a>) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIcQMX64tlF3qeweJTAAs4XX0EK48TrHjz0jSM11JS72I2uimGWKxLyJNFmyOGkXg0GHDxck8iNwHEQ2LiQmaUqB5cCANuu-MTyhj7zFJbSzRjsXASTGEhJJIhLql66ORs18LQbvW2QE/s400/comma2-right.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcwEt_-IV2jAC2JCADtTGJdifPB7AbywEWfkJm22IrYc1rgSUYCNfM4pW55M9SrNiBno0WIymmBsTUTtKhPW32o7U4AWF09cmdKm1pyNXz36Gwc3McNkgGmttV5go2fsImghv7zEvRq2o/h120/comma2-right-namkna-blogspot-com.gif</a>) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; } </blockquote><span class="Apple-style-span" style="background-color: #f4f4f4; color: red; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px;"><b><span class="Apple-style-span" style="background-color: #f4f4f4; color: red; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><b><br />
</b></span></b></span><b><span style="color: purple; font-size: large;">Style 16</span></b><br />
<br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kLc3HpfjHz9B1YRdpMmXSoJFVureBj6V_P1jubOEqyV_jBMBUzkIr5ZBrHG1Q4iP2JcO7FQJXRc5tYhyRyB4gjVl-omTMZlYY9zlxIYXOHt3sYRFyDDUmjDSHcrW_X5XvarsRYRBVPyr/s400/Blockquotes-16.gif" /></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div><blockquote class="tr_bq">.post blockquote { margin : 0 20px; padding: 70px 20px 20px 20px; background : #E7E5DC url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3vhJfdXrhUoN57jfVMMC6uNzIv01a-kItqg-hu4-FJ7umwlQEmRZDJmhtdyYX_W_J6BPQ0-avgUbs9X64fqQfXQeBF-Dtdn9GvHJPsBMDEshIn-Er7D6hiCzjRI-l4fXq-aiTAu9AvIQ/s1600/block333.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdsY9b5l63hpO0Ul05ck-eae-6qiMwiqg0ViELYAnjZcViCgVixD_po9LAUTv3EHJ8itaBTHPGr8RZ2WqChRO57JbSGszoJ3gVhFFdeP0ItKWE-ff2pUgSEqKW4BbKcRk8eFze9schkis/h120/block333-namkna-blogspot-com.gif</a>) no-repeat top; font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif; color : #000000; border-bottom : 7px solid #FF0000; } .post blockquote p { margin: 0; padding-top:10px; } </blockquote><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: left;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span></span></b></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 17</b></span><br />
<br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8fXvbg6agzZtahgDlkcaI8QsbIkacGAc6nr6BNKLT6e8LTWuW_IjcSa4zstYhDLCdMmU4ntAXzuwm2vnxkhKQqtn7o-o4J6clIxEI-G2D3HagrngGM8MpfpbOD0MRrNe-lXhj_YSOUWag/s400/Blockquotes-17.gif" /></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmmQVASappOpwK1ike2xdWIxUneDI0tVtf3lkMhJoQ0YnMPhbgxKQ6UwsdeNi_TjNnMz45GWFSYMHlfdpRAW9DMhqr69Z_wMfc0i5PSxbBKNUe_YHnn9jRPHkMrg0c6ZEb_zERd0eoc-M/s1600/BLOCK1-TOP.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbQZ0scWHa9SJF4hlM-EUZQb6igBbC239sJn35Q2IaCRWk00OMPVn_5ZpfXc7lyIq0fj6n7wYBlQXnBJEsEoQ_Wcstn4C143y146Jxpo7k5WBdH8_fSoAfYqVkiINlsgCx32B-W_8-K8Q/h120/BLOCK1-TOP-namkna-blogspot-com.gif</a>) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsl0oL8NrOuzpkJqE-T9RgJgbAKJxecDY9zraXtgfR5s-9tGheHaQ6AxkTcBqSXKN-lFrGXxvcoeD9kd2-MXulmE2jNogp65P4XfGKOq0I3MB7FWKjsehCsR9rOHhpyCAuRyV2JPXQtLg/s1600/BLOCK1-BOTTOM.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgga-Kyf_FO6vJlqDJK55jgITqeOAUBEm8C2KQIisqtzU69x4A1dPkfNQ3toj6a25Y67JHYMsMS16cSW86N3JFrq6NwuXUrWMEVCQSFpTSU9Ve78evYA9EzqSea-kIJFxN3y03jBEMEtv8/h120/BLOCK1-BOTTOM-namkna-blogspot-com.gif</a>) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }</blockquote><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: left;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span></span></b></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 18</b></span><br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLd9yc05TyMItUJmEk99lYmoxH9nGygFFVObBK_JNbqCQ1P4i2jCNrfbiY7yLi573gD__CWyWKmFPkz2lnt6a49QF7hEIDmdgOjmyqjG0w5qBTrpRwUDp1kcTDu1Qf8F04yjSyOlVCGTW/s400/Blockquotes-18.gif" /></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHrSDz2QNGNVkJw7lwvfuyuC2-ozRyqpNPkfiiyqxHynlBCqBi7aW84BgUX1UscQQ7_nk9gG61-l_ASwtLHN_GKlBt_u9Q2K6u9dePG_PDdyFdkIoeflFRRwShw6nzJxmPeoNj_8LVWeY/s400/block3331.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4z2EcqkePo8aAzG_SBzqBLEy6j1UIaVVGZwc7LNpkFe3-OjJWGAWewxN78Vfd0bJBXW7a-Z0eFxdrwTQj0u-QnHbTMKcRIz1gmqJ5KFPudrMaFTgjl2PEYSF6G2mnBOUdWL01MEseq1A/h120/block3331-namkna-blogspot-com.png</a>) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }  </blockquote><br />
<br />
<br />
<span style="color: purple; font-size: large;"><b>Style 19</b></span><br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiomNULJDYa_TdtIYOZAlPFbN41BAZgYNUOn6lfd4Ytzmwdw4VsAqU2PHZCJsDVrZhfcblM_3ERuLt2z7IsikuZCMlEHwXz4VTB4HRPdrmqLqZ8NduA5BkfiKABP0jEqHEfjVi3luv2QlFX/s400/Blockquotes-19.gif" /></div>Code:<br />
<br />
<blockquote class="tr_bq">.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRThAUjlvlJcTPXZBivp3vVJrzNRAxSuNQ7YW8PFkVofBiLSZYGBfo6xYpJiMYJbqkQRlQwCYxN3V-98ZzqrvDwBSMq-WAwz-YMyDciwhYB7BvAN4p-MnFfWu6Q1QNv8w_UIpQL_kfN4/s400/head2.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqNkOvyZawJnAzfk8YAbgRBwcoRDB7lBE7rmSZJnXV7by90wGUSYlQ7hxLMpsbyYtgNrEB7Nahwd5VCIlwO574CScIDdM4iRbuQjo1F-XWg_w_0HZaRdsB-reqaChWKEm6Po6pF6RmXhI/h120/head2-namkna-blogspot-com.png</a>) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvlYaRtQO3sDBANC_GpmByB8BlWD_pXlANsu29oCofgRWe6aazcUAbAOpvMN02y_KqzAyXGBui5eEc2JDvLip_mhGi3A7BV6T1xwVLUQM1Jixs55zgg5RqmcjgHZ-muFZfW6D0U-J-FRs/s400/head-bottom3.gif">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOubaO81vzJPnjXrbZ6qbB7ivxwK1dmJeIj_4OZ2A3Dx-P8uxsRbVHgrBb9pp5FJfhUQ25e4oDZ55JxoMJ7-ST4M1n9mfTvQ584AZmX9Gm2rxaUtiuwwldBfCLWyjNF3xYCKvdbcR63Z0/h120/head-bottom3-namkna-blogspot-com.png</a>) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; } </blockquote><br />
<br />
<span style="color: purple; font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Style 20</b></span><br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgSbYe9OS5LnKj9S0zzp2Koa012URHXPYWy4xmzbwC31PuT_z4nrgNTOGXkczwkeUIHsMEPtOvPZLRjDFhu8DY6qaJDGrN4T9snWNSwLwirPs3q61XpfGXfHqbnAQpzw-fC0HrxsN4HT7D/s400/Blockquotes-20.gif" /></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div><blockquote class="tr_bq">.post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } blockquote { background:#EFEFF7; }<br />
</blockquote><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 21 </b></span><br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRzAyPwWlT0Cku1w0vYJsGgGXWv4WuHqEYwYL7rvBS1UAshaATDPWZgWjJlF136Hmh9CKelnXtzsu2T7T7m0AP77t6h7YgtPgECMUsJi353P-ToKeI5F0PriRZDQJd9kkqW2r_RcEjqmLh/s400/Blockquotes-21.gif" /></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uHjCdsqIpXjk_lALjv-HqOSxAul8875H9Pb0s6UADNiXmSxkU9mN2cp8zCdyyW2F8NaVFnaTvTZ1rpkzutFwnuKtzRr28nTCLQwiWtQIBqqvzajEBBMD1x7hiw-n37nj-7kzIoHavOvN/s1600/quote.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRHiVZI1YOzaGOU1fFjvpBDTONumqqnhcEeP2YQirlKa6rr-HCpyPayTGw6FGqCGOYEngvMLmY5udiz7gKcHtxgCNxx21LDaCg_NDO0xdOH5d8ag1-AuIm4FdnWJagd0tJAzwl3spk0Us/h120/quote-namkna-blogspot-com.png</a>") 5% no-repeat #FFF8DD; }</blockquote><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><span class="Apple-style-span" style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: left;"><span class="Apple-style-span" style="color: #616161; line-height: 20px;"><b><span class="Apple-style-span" style="color: red;"><br />
</span></b></span></span></span></b></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 22</b></span><br />
<br />
<br />
<div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitqpPuKthI9WolFTND7yMKCOHfRgPQG-Hwq2s76oSUik3tAwJsAxyvudwRYhNFLKg8NCC9ID5MwSwZiHaKqfyjY394FNPMVOTH-MGUfwCDZXh_IV9MxXKh7byJf5TK7ZBxUg-adRfeb9FT/s400/Blockquotes-22.gif" /></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">blockquote{ background-color: transparent; border-top: 3px double#DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }</blockquote><span class="Apple-style-span" style="background-color: #f4f4f4; color: #616161; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><b><span class="Apple-style-span" style="color: red; font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="background-color: #f4f4f4; color: #616161; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><b><span class="Apple-style-span" style="color: red; font-family: Arial, Helvetica, sans-serif;"><br />
</span></b></span></span></b></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: purple; font-size: large;"><b>Style 23</b></span><br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbvSCYLLDlEh52kXVorXpZoJxpYXyntiRCtWS2veLr04oKZDctxsp8K5ws7stHaeAtVmTqUqBZw3ggzxX8SjENLip3fUITtBuCft1ZRIAgvo1x_xhzxFf2rM7xIVECxY8BbcN0Ld_bUNf/s1600/code-mau.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbvSCYLLDlEh52kXVorXpZoJxpYXyntiRCtWS2veLr04oKZDctxsp8K5ws7stHaeAtVmTqUqBZw3ggzxX8SjENLip3fUITtBuCft1ZRIAgvo1x_xhzxFf2rM7xIVECxY8BbcN0Ld_bUNf/s400/code-mau.png" /></a></div><div style="text-align: center;"><br />
</div><div style="text-align: left;">Code:</div></span><blockquote class="tr_bq">blockquote{color: black;font-family:Courier New;font-size:9pt;width:90%px;overflow:auto;repeat-y;max-height:200px;margin:5px 10px;padding: 4px 10px 0px 40px;background:url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1DRAj3EefculF2uOZbmDP1B2htkZQcUlycyCkWCM2SpZJawLPmHRspAgNPhZBtDpnLwcXEcBB3rlh4PtR7bhgeJj6dFn3U9S0rwVs_khMgVXYmmAtXormhAA3YSgJj_l-ugHmXQ2EU2Bv/">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz2OBBWUpwP2nImh15eSdB1JyfhriWIoBqiyedeMrNQzLTLkWF-uH0pFbqVE7rZZWDv6Mcrabe7qKXCipFwKUeNiWN_fr8c5ixAshzeOFtEamfZuEcCjxaH46z4V0MqK5rdnv7tdtVhjw/h120/pre_code_bg-namkna-blogspot-com.png</a>) repeat-y left top;white-space: no-wrap;display: block;}</blockquote><blockquote style="background-attachment: initial; background-clip: initial; background-color: #f0fdff; background-image: initial; background-origin: initial; border-bottom-color: rgb(150, 215, 226); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(150, 215, 226); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(150, 215, 226); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(150, 215, 226); border-top-style: solid; border-top-width: 1px; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 1.3em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><b>Các mẫu trên chỉ là tham khảo.</b></span><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><b>Bạn có thể chỉnh sửa hình ảnh và code css lại cho phù hợp với cá tính của bạn.</b></span></blockquote><b style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: left;"><b style="background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: left;"><br />
</b></b><span style="font-family: Arial, Helvetica, sans-serif;">Chúc thành công!</span>

Dùng Blockquote làm chú thích và khung code cho blogspot

Khi tạo một bài viết với blockquote , văn bản trích dẫn đó sẽ được thụt vào bên trong và làm cho nó nổi bật. Tuy nhiên,style mặc đinh của b...

Blogspot : một số vấn đề thường gặp

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g08-L9t2U0l74JudI2oGL33b0PLRFhVKh-a9lZuboTV3V2QK8py895Vy7pc3k13LJZI6oUyyoIRLq_xzESjT7DWZPrsRxMy1hzn2PYEtBYo1_4EDzY9cSq0t3s8M5OF8AAOMCho0r7hn/s1600/fix.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3g08-L9t2U0l74JudI2oGL33b0PLRFhVKh-a9lZuboTV3V2QK8py895Vy7pc3k13LJZI6oUyyoIRLq_xzESjT7DWZPrsRxMy1hzn2PYEtBYo1_4EDzY9cSq0t3s8M5OF8AAOMCho0r7hn/s1600/fix.jpg" /></a></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Trong quá trình chỉnh sửa tùy biến Bloggerhẳn không ít lần bạn mắc phải sai lầm khiến phát sinh lỗi ngoài ý muốn. Bạn không biết nên làm lại từ đâu và sửa chữa như thế nào ? Bài viết này có thể sẽ giúp được bạn, đây là tổng hợp một số vấn đề mà rất nhiều người dùng Blogger thường mắc phải, kèm theo cách giải quyết.</span></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Điều quan trọng nhất trước khi chỉnh sửa template là <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNvOImE7J6QPRC5llVWpszGZhFkJXVLOdHb13e4QGvMozG3EeQvZ6QflxHTAjjSR9LhcO5etB4d6M6_HdR30rXW3LaqcRSYMi1KYpwXoDMmv-zPwPuQK0KioCD-F2rnXogK5ytzsl6VY/">sao lưu</a> một bản gốc để có thể phục hồi lại khi cần thiết. Nếu sau khi tùy biến mà bạn nhận ra template của mình bị mất một số thành phần (avatar, label, .v.v...) thì có thể <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnVugSaobj-QSi0pfGH3iCj90oXaTqtpXFsDQBF2BFCSc2_t1T8yDsCsTf4r-f-SAZF7rN4ExGR9c6I7FHgI82-_FdYQbkZNffqLTSV3QFBDFwpEjy1HRSQ3U3reCUiZzzHhdOO4lcSw8/">hoàn nguyên mẫu tiện ích về mặc định</a> để "lấy lại những gì đã mất".</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">1/ Bị mất bài ở trang chủ </div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Đây là vấn đề mà rất nhiều người mắc phải, nguyên nhân là do tính năng auto-paginationcủa Blogger tự động cắt bớt số bài đăng để blog của bạn load nhanh hơn. Đặc biệt nếu ở trang chủ có các bài đăng chứa nhiều hình ảnh thì khả năng mất bài là khá cao.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Cách giải quyết: dùng tính năng <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGCXAaXcRKoAs0qlOR6b6hwQEydWElbtpLB82EYKsO2axDCdp11HvCOWmQHsRhTBwWaIItCl21E6FyU-1v2J3RspCe7sTasWRu6J-CElPTC2_KZdMkYio8HBKQ-O8FXD0m5QhcYJEBpY/">read more</a> (đọc thêm) của Blogger để thu gọn nội dung các bài đăng ở trang chủ (đừng nhầm lẫn với auto-readmore, nó chắc chắn không giúp bạn giải quyết được vấn đề này). Nếu không thấy tính năng này thì bạn vào phần cài đặt củaBlogger rồi chọn cập nhật trình chỉnh sửa bài đăng.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">2/ Số bài đăng của mỗi nhãn hiển thị không chính xác</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Cách giải quyết : tìm trong template dòng sau</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><blockquote class="tr_bq" style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #b45f06;"><a expr:href='data:label.url' rel='tag'></span></blockquote><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Sửa nó thành:</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><blockquote class="tr_bq" style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #b45f06;"><a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'></span></blockquote><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">10 là số bài đăng tối đa mà bạn muốn hiển thị trên từng nhãn.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">3/ Mục bài đăng cũ hơn, bài đăng mới hơn không hiển thị</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Lỗi này do nhiều nguyên nhân, cách giải quyết thường là <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnVugSaobj-QSi0pfGH3iCj90oXaTqtpXFsDQBF2BFCSc2_t1T8yDsCsTf4r-f-SAZF7rN4ExGR9c6I7FHgI82-_FdYQbkZNffqLTSV3QFBDFwpEjy1HRSQ3U3reCUiZzzHhdOO4lcSw8/">hoàn nguyên mẫu tiện ích về mặc định</a>, nếu vẫn không được thì bạn kiểm tra trong template xem đã có dòng này hay chưa :</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">#blog-pager { clear : both; }</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">4/ Tiện ích phân trang không hoạt động</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Blog của bạn phải có một số lượng bài đăng nhất định thì tiện ích phân trang mới hoạt động. Ngoài ra nếu bạn cài đặt blog ở trạng thái chỉ có tác giả xem được thì cũng sẽ không thấy phân trang.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">5/ Tiện ích Popular Posts không hiển thị ảnh thumbnail </div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Mặc dù tất cả các bài đăng phổ biến của bạn đều chứa hình ảnh nhưng tiện ích Popular Posts của Blogger vẫn không hiển thị ảnh đại diện. Khi bạn đăng bài và dùng tính năng chèn hình ảnh của Blogger thì chúng được tự động upload lên Picasa, và tiện ích Popular Posts chỉ lấy các ảnh này làm ảnh đại diện thu nhỏ. Do vậy nếu bạn copy link ảnh từ các trang web khác (không phải từ Picasa) thì sẽ không thấy ảnh thumbnail. Đây cũng là cách mà Blogger khuyến khích người dùng tự viết bài và không nên đi sao chép của người khác.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">6/ Ảnh trong bài đăng quá to và lấn sang sidebar</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Bạn có thể điều chỉnh kích thước tối đa của ảnh chứa trong bài đăng bằng đoạn CSSsau:</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">.post img { max-width: 600px; }</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Đoạn code trên có nghĩa là nếu bài nào chứa ảnh mà có kích thước quá lớn thì sẽ tự động thu nhỏ (resize) bề rộng còn 600px. Các ảnh nhỏ hơn 600px vẫn giữ nguyên kích thước.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">7/ Blog load quá chậm</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Có rất nhiều nguyên nhân gây chậm, thường là do bạn không dùng tính năng đọc thêm (read-more) của Blogger mà lại dùng auto-readmore script. Việc phải tải toàn bộ nội dung của tất cả bài đăng ở trang chủ khiến tốc độ blog giảm rất nhiều. Ngoài ra, việc lạm dụng quá nhiều tiện ích bên ngoài như Bài đăng mới, Bài đăng theo nhãn, bài đăng ngẫu nhiên (có ảnh đại diện)... cũng gây chậm đáng kể. Sử dụng các tiện ích do chính Blogger cung cấp là tốt nhất. Bạn có thể tham khảo <a href="http://noct-land.blogspot.com/2011/01/mot-so-cach-tang-toc-blogspot.html">bài viết này</a> để cải thiện tốc độ cho blog của mình.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">8/ Các tiện ích có dùng js không hoạt động</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Các link .js trong template của bạn đã die, bạn cần upload chúng lên một host khác (Dropbox, Google Code...). Hoặc bạn có thể chèn trực tiếp đoạn mã trong file js vào thẳng trong template. Cách này có ưu điểm là nhanh, không phụ thuộc vào host nhưng nhược điểm là dễ khiến bọ của Google nhầm lẫn giữa nội dung bài với đoạn mã mà bạn đã chèn, ảnh hưởng tới SEO.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">9/ Chuyển toàn bộ Blog sang một tài khoản khác, làm thế nào ? </div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Đăng nhập vào Blogger -> Cài đặt -> Quyền , ở mục Tác giả blog bạn nhập địa chỉ tài khoản mới (email). Cấp quyền quản trị (Admin) cho tài khoản đó, đăng nhập vào hộp thư tài khoản mới để xác nhận, cuối cùng bạn gỡ bỏ quyền quản trị của tài khoản cũ và remove nó đi. Khi bạn muốn xóa một blog nào đó mà không muốn phải đợi đến 90 ngày thì cũng có thể dùng cách này.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;">Trên đây là các vấn đề thường gặp của Blogger, cách giải quyết có thể chưa phải là tối ưu. Nếu bạn có ý kiến khác thì có thể bổ sung ở dưới đây, chắc chắn nó sẽ có ích cho nhiều người.</div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: #999999; font-family: Georgia, 'Times New Roman', serif;"><i>Trích nguồn: noct-land.blogspot</i></span></div>

Blogspot : một số vấn đề thường gặp

Trong quá trình chỉnh sửa tùy biến Bloggerhẳn không ít lần bạn mắc phải sai lầm khiến phát sinh lỗi ngoài ý muốn. Bạn không biết nên làm lại...

5 bí quyết khiến blog bạn tỏa sáng

<div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"></div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRtkmVP-ZhE6P6_UDgVvY8QsyCM0CEB7GjD1bdH2Yr4hi9JgzHkgM2Edfd01JCgXfB4i8PhcZ5fZYvw9hBGw4KnvFTJiWvVQcSm12gnS0ABwEU-1BIJ03Z0ffuW4dQiWu2fLTgT75sWCHj/s1600/tuyet-chieu-thiet-ket-blog%5B5%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRtkmVP-ZhE6P6_UDgVvY8QsyCM0CEB7GjD1bdH2Yr4hi9JgzHkgM2Edfd01JCgXfB4i8PhcZ5fZYvw9hBGw4KnvFTJiWvVQcSm12gnS0ABwEU-1BIJ03Z0ffuW4dQiWu2fLTgT75sWCHj/s1600/tuyet-chieu-thiet-ket-blog%5B5%5D.png" /></a></div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;"><br />
</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Là blogger ai cũng muốn blog mình “tỏa sáng” trong mắt mọi người. Mỗi ngày có hàng ngàn blog ra đời, hàng triệu bài viết được xuất bản, trăn trở của giới blogger là làm sao để độc giả nhớ đến. Nội dung tất nhiên phải hay và hữu ích nhưng giao diện cũng phải được đẹp. Là chiếc áo không làm nên người tu sĩ nhưng đã là tu sĩ không thể nào thiếu chiếc áo cà sa. Giao diện đẹp luôn là vũ khí sắc bén để chinh phục cảm tình của độc giả. Ai lại nỡ từ chối một cô gái vừa đẹp người lại nết na thùy mị cơ chứ?</div><a href="" name="more" style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"></a><span style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"></span><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">5 bí quyết sau đây chính là tuyệt chiêu dao kéo các webmaster thường dùng để mông má lại sắc đẹp giúp blog/website của họ tỏa sáng trong mắt mọi người.</div><h2 style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; line-height: 22px; text-align: justify;">1. Bố cục và màu sắc</h2><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Nếu bạn là một nghệ sĩ thiết kế có triết lý và gu thẩm mỹ riêng với đầy ắp những ý tưởng thì không có gì để nói. Nhưng nếu phải lựa chọn một giao diện blog trong hàng ngàn giao diện thì bạn nên chọn những giao diện với bố cục thật<strong> rõ ràng, đơn giản, quen thuộc và dễ dùng</strong>.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Việc lựa chọn này có 2 điểm lợi. Một là sẽ giúp độc giả dễ dàng làm quen và nhanh chóng định vị khi tiếp xúc với blog của bạn. Hai là nó cũng giúp bạn dễ dàng tinh chỉnh giao diện, thêm bớt các widget mà không phải mất quá nhiều công sức để tìm hiểu về code.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;"><span style="background-color: #dd8484; color: white;"><strong>Về màu sắc của blog</strong></span> tùy thuộc vào nội dung và gu thẩm mỹ của mỗi người. Tuy nhiên bạn nên tuân thủ các <a href="http://blog.nguoiaolam.net/p/f.html#!topic/vnblogger/VzPyYKYSVq0/discussion" style="color: #0060a6; text-decoration: none;">nguyên tắc phối hợp màu sắc</a>; đặc biệt <strong>không nên lòe loẹt hoặc đơn điệu</strong>. Lòe loẹt sẽ khiến giá trị blog bị giảm đi. Đơn điệu sẽ làm độc giả mau chán.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Bạn có thể  đến trang <a href="http://kuler.adobe.com/" rel="nofollow" style="color: #0060a6; text-decoration: none;"><strong>Kuler</strong></a> để lựa chọn một set 5 màu thật đẹp và phù hợp cho blog của mình. Đây là nơi các nhà thiết kế chia sẻ bộ sưu tập các bảng phối màu của mình. Hoặc đơn giản hơn nếu bạn thích tông màu sắc của trang web nào hãy chụp hình nó lại và copy tông màu đó một cách thông minh cho blog của mình. Phương pháp này mặc dù “hơi thiếu sáng tạo” nhưng lại rất hiệu quả.</div><h2 style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; line-height: 22px; text-align: justify;">2. Font chữ</h2><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Font chữ là một thành tố rất quan trọng của trang web hoặc blog. Font chữ sẽ gây ảnh hưởng rất mạnh lên độc giả và tạo phong vị riêng cho blog. Nó thể hiện tính cách của người thiết kế. Vì vậy hãy chọn lựa font chữ thật cẩn thận.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"><img alt="lua-chon-font-chu-thiet-ket" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3rIGuZfNZ5biUzSG4fcgsCknzJF3Zec3r37fY5GA83S4f19KBIxTPYqDMSELTf05uLmYxAY_TpMFhKEKkA107oYlvEbhtVi4cLg2LuayHQqfM6E8WOUi7SoV7anWwb4K49CupR_Pptso/?imgmax=800" style="display: block; float: none; height: auto; margin-left: auto; margin-right: auto; max-width: 600px; text-align: justify;" title="lua-chon-font-chu-thiet-ket" /></div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Trước đây chúng ta không có nhiều lựa chọn ngoài một số font unicode thông dụng tuy nhiên ngày nay đã có rất nhiều font đẹp hỗ trợ unicode như: Segoe UI, Calibri, Cambria, Lucida Grand… đều là những font đẹp, hiện đại và được giới thiết kế ưu chuộng. Trong trường hợp cầu kỳ hơn bạn có thể sử dụng Cúfon hiển thị nhiều loại font đặc biệt trên trình duyệt mà tại máy khách không cần phải có font đó. Có thể tham khảo hướng dẫn sử dụng Cúfon <a href="http://vietcoding.com/huong-dan-su-dung-cufon-toan-tap-1/" rel="nofollow" style="color: #0060a6; text-decoration: none;">ở đây</a>, <a href="http://vietcoding.com/huong-dan-su-dung-cufon-toan-tap-2/" rel="nofollow" style="color: #0060a6; text-decoration: none;">ở đây</a> và <a href="http://vietcoding.com/huong-dan-su-dung-cufon-toan-tap-phan-3/" rel="nofollow" style="color: #0060a6; text-decoration: none;">ở đây</a>.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Điều cuối cùng nên nhớ là dù bạn có lựa chọn font chữ như thế nào đi nữa thì nó cũng để đọc. Đừng thử thách lòng kiên nhẫn và sự tưởng tượng của độc giả bằng những “crazy font”.</div><h2 style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; line-height: 22px; text-align: justify;">3. Hình ảnh</h2><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;"><strong><em>Một tấm ảnh thì giá trị hơn ngàn lời nói</em></strong> là câu cửa miệng của giới thiết kế. Nhiều blogger chú trọng đến nội dung bài viết mà bỏ qua hoặc chỉ minh họa bằng hình ảnh sơ sài. Đây là một thiếu sót rất lớn. Một bài viết hay sẽ trở thành tuyệt vời nếu có một tấm ảnh minh họa thật <strong>“<strike>đắc</strike> đắt”.</strong></div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"><img alt="hinh-anh-am-anh-doi-mat" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPXFpUb5AUs_Cc7qaFSKhSycB5cY29VgGvLi-PjL-wTToY2iiTKOj197kV1xBgi4nAB-5oAkjNzJRFC8K-QGEPtWcCndbOIBulQhfVZs2oXUyZfBg3ciVBpsLn6H2Y7zZbh0OzXLdkyTI/?imgmax=800" style="display: block; float: none; height: auto; margin-left: auto; margin-right: auto; max-width: 600px; text-align: justify;" title="hinh-anh-am-anh-doi-mat" /></div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Đây là mấy điểm lưu ý khi sử dụng hình ảnh trong bài viết.</div><ul style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"><li style="text-align: justify;">Hình ảnh nên có độ phân giải cao và rõ nét. Tuy nhiên dung lượng lớn sẽ làm chậm quá trình tải trang. Bạn cần cân nhắc một tỷ lệ hợp lý</li>
<li style="text-align: justify;">Hình ảnh kihông nên có kích thước quá lớn lấp đầy cả màn hình</li>
<li style="text-align: justify;">Hình ảnh phải có liên quan đến nội dung bài viết</li>
<li style="text-align: justify;">Hình ảnh nên có chú thích bằng văn bản, thẻ <code style="background-attachment: initial; background-clip: initial; background-color: #f6f1ba; background-image: initial; background-origin: initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-family: 'Courier New', monospace; font-size: 15px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px;">alt</code> và thẻ <code style="background-attachment: initial; background-clip: initial; background-color: #f6f1ba; background-image: initial; background-origin: initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-family: 'Courier New', monospace; font-size: 15px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px;">title</code></li>
<li style="text-align: justify;">Bạn nên đặt <code style="background-attachment: initial; background-clip: initial; background-color: #f6f1ba; background-image: initial; background-origin: initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-family: 'Courier New', monospace; font-size: 15px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px;">max-width</code> cho hình ảnh để tránh ảnh bị tràn lề.</li>
</ul><h2 style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; line-height: 22px; text-align: justify;">4. Trình bày bài viết</h2><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Đối với nhiều blogger việc trình bày bài viết quả thực là một cơn ác mộng. Làm sao để hình ảnh được canh giữa, text được canh đều, hoặc bạn muốn highlight một đoạn văn bản. Tất cả đều dùng code và tất cả đều phải tỉ mỉ. Nếu là blogger chuyên nghiệp bạn nên sử dụng một <a href="http://blog.nguoiaolam.net/2012/03/viet-blog-voi-windows-live-writer.html" style="color: #0060a6; text-decoration: none;">công cụ viết blog như Windows Live Writer</a> để công việc đạt hiệu quả cao.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"><img alt="trinh-bay-bai-viet-can-than" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6WRRr5bjw2LUdd52INlEgnUKRHoCe4zP3G4MXHIlMxxn18hyOk8eTAJofFHHp5Nb3DWGQ1ynqqDGkOq1n4RU5cqJ0hbTP0ZrcYpceMXdNvezf7SlWJQUqgIv_0iW6Gsf_SUHXkkXFPe4/?imgmax=800" style="display: block; float: none; height: auto; margin-left: auto; margin-right: auto; max-width: 600px; text-align: justify;" title="trinh-bay-bai-viet-can-than" /></div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Nguyên tắc để có một bài viết tốt là <strong>rõ ràng và mạch lạc. </strong>Để đạt được điều này bạn nên chú ý những điểm sau</div><ul style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"><li style="text-align: justify;">Viết đúng chính tả.</li>
<li style="text-align: justify;">Viết đúng ngữ pháp</li>
<li style="text-align: justify;">Viết đúng quy tắc trình bày ngôn ngữ. Có thể tham khảo 10 điểm cần nhớ được liệt kê <a href="http://blog.nguoiaolam.net/2012/03/10-iem-can-nho-khi-viet-blog.html" style="color: #0060a6; text-decoration: none;">ở đây</a></li>
<li style="text-align: justify;">Dùng nhiều câu đơn và hãy viết thật đơn giản.</li>
<li style="text-align: justify;">Sử dụng các thẻ <code style="background-attachment: initial; background-clip: initial; background-color: #f6f1ba; background-image: initial; background-origin: initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-family: 'Courier New', monospace; font-size: 15px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px;"><h2> <h3> <h4> <h5>….</code> để làm nổi bật các ý chính</li>
</ul><h2 style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; line-height: 22px; text-align: justify;">5. Chi tiết, chi tiết và chi tiết…</h2><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Đây là điều cuối cùng và cũng điều mà một blogger phải chú ý trong tất cả công việc của mình nếu muốn blog/website của mình thật đẹp trong mắt mọi người.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: left;"><img alt="hay-that-chi-tiet" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJE9sdNtvc41wTUkzSBFKs3R3SZJHGe_a4MgPTmc1GwCHCr6oeFUCErbUy6FGnLiYj5LWUf7JXuEFY6ijjej1XeCaDlylIf8h0u0t9CeetVXDD_bo74BP9lZikK-WvSk39FNHX3S8RaXw/?imgmax=800" style="display: block; float: none; height: auto; margin-left: auto; margin-right: auto; max-width: 600px; text-align: justify;" title="hay-that-chi-tiet" /></div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Thận trọng khi chọn bố cục màu sắc, font chữ cho blog. Cẩn thận trong việc sử dụng hình ảnh và trình bày bài viết. Những việc này đỏi hỏi cái nhìn thật tỉ mỉ vào những chi tiết.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Có bao giờ bạn tự hỏi là đối với phần text của bài viết canh đều (justify) đẹp hơn hay canh trái  đẹp hơn? Đâu là sự khác biệt giữ bo góc và không bo góc? Nếu font chữ lớn hơn hoặc nhỏ hơn một chút thì sẽ ra sao?…</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;"><strong>Không có một website đẹp toàn diện chỉ có những website đẹp đến từng chi tiết.</strong> Cẩn thận chú ý đến từng nhát kéo vạch phấn, chăm chút từng đường kim mũi chỉ và chắc chắn bạn sẽ có một chiếc áo đẹp…</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;">Hy vọng những bí quyết ở trên thực sự giúp blog bạn tỏa sáng. Nếu cảm thấy không đồng ý hoặc cần trao đổi thêm đừng ngần ngại để lại một comments để chia sẻ với mọi người.</div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;"><strong>Hồng Hòa Vi</strong></div><div style="background-color: white; color: #222222; font-family: 'Segoe UI', Arial; font-size: 14px; line-height: 22px; text-align: justify;"><strong>Nguồn: </strong><a href="http://blog.nguoiaolam.net/2012/04/bo-anh-nen-may-tinh-tuyet-ep-trang-tri.html" style="background-color: transparent;">http://blog.nguoiaolam.net/2012/04/bo-anh-nen-may-tinh-tuyet-ep-trang-tri.html</a></div>

5 bí quyết khiến blog bạn tỏa sáng

Là blogger ai cũng muốn blog mình “tỏa sáng” trong mắt mọi người. Mỗi ngày có hàng ngàn blog ra đời, hàng triệu bài viết được xuất bản, tră...

5 PHẦN MỀM THIẾT YẾU DÀNH CHO DÂN CHƠI BLOGGER

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXpzlpKP8SYfrjx0PZMNUrnmveXDNVlITbkIGNflEpYxZWd3j_dDLhIgOblxawK0Pn1j47CEQGCNtIY5gGD2cFeC86Sb5Qxq07DwPoSBFryt4r2ATUZNnL-9kXX1ZewfOqPJqNT3dfD_n5/s1600/Android-Blogger-App.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXpzlpKP8SYfrjx0PZMNUrnmveXDNVlITbkIGNflEpYxZWd3j_dDLhIgOblxawK0Pn1j47CEQGCNtIY5gGD2cFeC86Sb5Qxq07DwPoSBFryt4r2ATUZNnL-9kXX1ZewfOqPJqNT3dfD_n5/s640/Android-Blogger-App.png" width="640" /></a></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Một người thợ tồi với trang thiết bị đầy đủ vẫn làm việc có năng suất hơn là một người thợ giỏi mà chẳng trang bị gì cả. Không có công cụ hoặc không biết xài công cụ thì dân gian ta thường nói mỉa là: “Đánh giặc bằng tay”. Theo cái nghiệp viết blog mà không biết dùng phần mềm thì đúng là “đi buôn không vốn”.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Bài viết này Hồng Hòa Vi xin giới thiệu với anh em 5 phần mềm thiết yếu mà một blogger nền tìm hiểu và sử dụng. Có rất nhiều phần mềm nhưng sở dĩ giới thiệu 5 phần mềm này vì nó đạt 3 tiêu chí: hữu ích, dễ sử dụng và miễn phí.</span></div><h3><span style="color: purple;">1. CODE BẰNG NOTEPAD ++</span></h3><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Là blogger việc chỉnh sửa code là việc thường xuyên phải làm nhất là đối với anh em nào khoái vọc template. Đừng nói là mọi người sử dụng trình soạn thảo của HTML mặc định của Blogger nha. Hãy dùng Notepad++ vì nó miễn phí, hỗ trợ đầy đủ các ngôn ngữ lập trình hiện đại.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Nó có cộng đồng người dùng lớn và nhiều plugin hữu ích đi kèm. Nói dông dài vậy thôi chứ thật ra mình chỉ dùng vài ba tính năng lợi hại nhất của nó thôi như hightlight và đánh dấu những thẻ đóng mở, thu gọn và mở rộng code linh hoạt…</span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiE4xI3xQPpNA_QmwkL1cQUrDpsVLd2ey0VtZQ0FgpYxSS3_pihC3mcD1ggAC9RqRVUTkMiRPdQrGWDQFR7lrU0UnbyYeMZ-6sGEe-QbNjIrjrQ6m1dcGmdzx0UwFs2stvBve3yEHXu48E/s1600/image2993%5B5%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiE4xI3xQPpNA_QmwkL1cQUrDpsVLd2ey0VtZQ0FgpYxSS3_pihC3mcD1ggAC9RqRVUTkMiRPdQrGWDQFR7lrU0UnbyYeMZ-6sGEe-QbNjIrjrQ6m1dcGmdzx0UwFs2stvBve3yEHXu48E/s640/image2993%5B5%5D.png" width="640" /></a></div><br />
<br />
<span style="color: #990000;">Hiện đã có bản 5.9.8, theo link sau tải về</span> <b><span style="color: #38761d;"><a href="http://notepad-plus-plus.org/download/v5.9.8.html" target="_blank">NOTEPAD++</a></span></b><br />
<h3><span style="color: purple;">2. CHỈNH SỬA ẢNH BẰNG PHOTOSCAPE</span></h3><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Photoscape là phần mềm duyệt và chỉnh sửa ảnh miễn phí. Nó cho phép anh em cắt ảnh, theo tỷ lệ, chỉnh độ sáng tối, màu ảnh, đóng dấu bản quyền hoặc chỉnh sửa cả ảnh gif. Điểm quan trọng là nó rất dễ dùng nhưng cũng bảo đảm đầy đủ những tính năng cơ bản. So sánh Photoscape với Photoshop cũng giống như so Toyota Innova với Lamboghini… Nhưng nếu không phải là dân chơi xe chuyên nghiệp và chỉ muốn đi loanh quanh trong thành phố uống cà phê thì Innova là hợp nhất. </span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbD-IJ2Wq9L7wECg7-z3KUybWX3KWCHut1yxnzWkSpYKWWUTOTu5XQl8xp1usJ09H1VTZUIBAiXrJd2LF0UDon_EBiq8iKU1Dg663pCrPVCo_cmeJZVZOAALAKQAbjPfWO2QR1EzZkjP2b/s1600/image3780%5B5%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbD-IJ2Wq9L7wECg7-z3KUybWX3KWCHut1yxnzWkSpYKWWUTOTu5XQl8xp1usJ09H1VTZUIBAiXrJd2LF0UDon_EBiq8iKU1Dg663pCrPVCo_cmeJZVZOAALAKQAbjPfWO2QR1EzZkjP2b/s640/image3780%5B5%5D.png" width="640" /></a></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Tải về <b><span style="color: #38761d;"><a href="http://www.photoscape.org/ps/main/download.php" target="_blank">Photoscape bản 3.6.1</a></span></b> ở đây</span></div><h3><span style="color: purple;">3. THIẾT KẾ BANNER VỚI INKSCAPE</span></h3><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Inkscape là phần mềm mã nguồn mở có tính năng tương tự Corel nhưng nhẹ nhàng hơn rất nhiều. Hiện tại Inkscape đã có hướng dẫn bằng tiếng Việt để giúp anh em từ mày mò. Hồng Hòa Vi (HHV) xin bảo đảm học khoảng vài tiếng là có thể sử dụng thành thạo. Trong trường hợp còn hồ nghi thì cứ xêm mấy cái banner mà một người tay ngang như HHV thiết kế dưới đây </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7EVsVg7UF9MgPyvI7SZvC4MtR61AiiwYFoKgXyISxZ6qJLYtu4cZRQIEGgUYtzdfEMXitqEhMjioY5ao7LQsBhApd-SahfxlvSmA2ywdScZHb4PR2XLd0kOKkfsc0x7t_qYejP-9NMGwt/s1600/g3851%5B5%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7EVsVg7UF9MgPyvI7SZvC4MtR61AiiwYFoKgXyISxZ6qJLYtu4cZRQIEGgUYtzdfEMXitqEhMjioY5ao7LQsBhApd-SahfxlvSmA2ywdScZHb4PR2XLd0kOKkfsc0x7t_qYejP-9NMGwt/s640/g3851%5B5%5D.png" width="640" /></a></div><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Tải về Inkscape<b><span style="color: #38761d;"><a href="http://inkscape.org/download/?lang=en" target="_blank"> phiên bản mới nhất</a></span></b> và phần<b><a href="http://inkscape.org/doc/index.php?lang=en" target="_blank"> tài liệu hướng dẫn</a></b> bằng tiếng Việt</span><br />
<h3><span style="color: purple;">4. LÀM PHIM VỚI WINDOWS MOVIE MAKER.</span></h3><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Viết blog không chóng thì chầy trước sau cũng phải đụng tới món khó gặm là video. Tuy nhiên nếu biết cách thì một clip trên youtube cũng đem lại nguồn traffic cực lớn. Lang thang trên youtube anh em sẽ thấy có những clip rất trời ơi với lượng view lên vài triệu và nó chỉ làm mỗi một nhiệm vụ giúp mình nhớ đến địa chỉ trang web cần quảng bá. Mình có thể ghét, tức nhưng không thể nào quên nó được và trong vài triệu views chỉ cần có 10% số đó muốn tìm hiểu thêm chuyện gì phía sau cũng đã rất tuyệt vời rồi. </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQXzpajrzC0gJlCMzamfjxESfikR1TzgIrmQrcgEdeuLdMz17Y5rWTKBZcsKHqEND3rUzxVnqrmmsklTCzY-T5kCOqiKNmx7JTL0emRsPHe0mB9iWt1MsrUsEVH-E_1WSPCB_4plJXu6x/s1600/g3892%5B5%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghQXzpajrzC0gJlCMzamfjxESfikR1TzgIrmQrcgEdeuLdMz17Y5rWTKBZcsKHqEND3rUzxVnqrmmsklTCzY-T5kCOqiKNmx7JTL0emRsPHe0mB9iWt1MsrUsEVH-E_1WSPCB_4plJXu6x/s640/g3892%5B5%5D.png" width="640" /></a></div><br />
<br />
<div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Có nhiều phần mềm làm phim nhưng cái đơn giản dễ dùng nhất và lại có sẵn ở bất kỳ máy tính Windows nào thì tội gì mà không dùng. Đối với Win7 chỉ cần nhấn Start và gõ movie là thấy phần mềm này đứng đầu bảng. Muốn học cách sử dụng nó xin mời lên Youtube và gõ Windows Movie Maker. </span></div><h3><span style="color: purple;">5. VIẾT BLOG VỚI WINDOWS LIVE WRITER</span></h3><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Đây là phần mềm khá hay và quan trọng, nó giúp anh em viết blog dễ dàng như trình bày văn bản trên Word. Windows Live Writer (WLW) là phần mềm của bác Bill nên rất quen thuộc và dễ sử dụng. Nó vừa cho phép xem trước bài viết như trên blog vừa cho phép chỉnh sửa code trực tiếp.</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"><br />
</span></div><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;">Nếu anh em xài Blogger thì có thể chèn ảnh trực tiếp từ máy tính nó sẽ tự động up lên Picasa web. Đối với ảnh chèn từ máy tính mình có thể cắt, thêm hiệu ứng, watermark, tinh chỉnh kích thước mà vẫn bảo đảm tỷ lệ… Bản thân bài viết này được soạn thảo bằng  WLW, hình ảnh được làm từ Inkscape và Photoscape. </span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSPXvbdEJ59DV3kMRYU8nzkOMA0wrP9L6IMzg-nGZlsPP9W5rRzzi8C4wRKWNbAWBB7KlAd9uhMaUlX49KwZsTV6lJ9DmHSQlwTSFrwReJXrmeZtFLPjt3uiy0wUCQyWz5VEPnrDmxh6hP/s1600/image3908%5B5%5D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSPXvbdEJ59DV3kMRYU8nzkOMA0wrP9L6IMzg-nGZlsPP9W5rRzzi8C4wRKWNbAWBB7KlAd9uhMaUlX49KwZsTV6lJ9DmHSQlwTSFrwReJXrmeZtFLPjt3uiy0wUCQyWz5VEPnrDmxh6hP/s640/image3908%5B5%5D.png" width="640" /></a></div><br />
<br />
Hướng dẫn cài đặt, <b><a href="http://www.vnblognet.com/2010/05/huong-dan-su-dung-windows-live-writer-e.html" target="_blank">download và tìm hiểu cặn kẽ về Windows Live Writer</a></b> ở blog Thiết Kế Webs<br />
<br />
TÁC GIẢ HỒNG HÒA VI<br />
Nguồn: VNblogspot

5 PHẦN MỀM THIẾT YẾU DÀNH CHO DÂN CHƠI BLOGGER

Một người thợ tồi với trang thiết bị đầy đủ vẫn làm việc có năng suất hơn là một người thợ giỏi mà chẳng trang bị gì cả. Không có công cụ h...