Hướng dẫn và share các mẫu blog của blogspot theo các chủ đề [Update thường xuyên]

VnAlertpay.com
linhdungvn cho mình hỏi là sao mình mua domain của yahoo hơn 2 ngày rối mà trong paypal vẫn báo pending yahoo hay do paypal nhỉ !! PP thì ko đủ tiền mà nó trừ tiền trong VIsa rồi !!
 
linhdungvn là g đúng ko :D
Mềnh là boy cậu ạ! ;))

---------- Post added at 01:14 PM ---------- Previous post was at 01:13 PM ----------

linhdungvn cho mình hỏi là sao mình mua domain của yahoo hơn 2 ngày rối mà trong paypal vẫn báo pending yahoo hay do paypal nhỉ !! PP thì ko đủ tiền mà nó trừ tiền trong VIsa rồi !!
Mình chưa mua domain bên yahoo bằng visa bao giờ nên cũng không rõ vụ này như thế nào cậu ạ!
 
không rõ vụ này như thế nào:binhsua07:
Vụ này là vụ gì vậy cậu! Mình có nói rõ ở trang 1 rồi mà! :binhsua10:
 
bác dũng chỉ giúp e cái này làm sao để đc, cũng có cái blog temp như thế mà k pit làm sao :(
70cb360c4b014bc91c20fa1d49796531_43289873.20120411135141.png
 
bác dũng chỉ giúp e cái này làm sao để đc, cũng có cái blog temp như thế mà k pit làm sao :(
70cb360c4b014bc91c20fa1d49796531_43289873.20120411135141.png
Cũng hơi phức tạp bác ạ! Em sẽ hướng dẫn luôn!

Bước 1: Ẩn bài viết ở trang chủ: Vào thiết kế -> Chỉnh sửa HTML -> Chèn đoạn code bên dưới vào sau dòng code ]]></b:skin>

Code:
<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

#Blog1 {
display:none;
visibility:hidden;
}

</b:if>
</style>

Lưu lại là xong.

Bước 2: Chèn đoạn code sau vào trước thẻ </head>

Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'>      
<script src='http://bay68-com.googlecode.com/svn/trunk/friends/box-home.js' type='text/javascript'/>
</b:if>        
    
<b:if cond='data:blog.pageType == &quot;index&quot;'>            
<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300;
summary_img = 160;
img_thumb_height = 85;
img_thumb_width = 124;
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('l m(a,b){6(a.5("<")!=-1){3 s=a.O("<");N(3 i=0;i<s.4;i++){6(s[i].5(">")!=-1){s[i]=s[i].8(s[i].5(">")+1,s[i].4)}}a=s.J("")}b=(b<a.4-1)?b:a.4-2;A(a.v(b-1)!=\' \'&&a.5(\' \',b)!=-1)b++;a=a.8(0,b-1);t a+\'...\'}l r(a){3 b=D.p(a);3 c="";3 d=b.q("7");3 e=u;6(d.4>=1){c=\'<k w="x:y; z:j B 0 j;;C:-P 0 0 0"><7 E="ẢF G họa" g="\'+d[0].g+\'" H="\'+I+\'9" K="\'+L+\'9" /></k>\';e=M}3 f=c+\'<n>\'+m(b.o,e)+\'</n>\';b.o=f}',52,52,'|||var|length|indexOf|if|img|substring|px|||||||src|||0px|span|function|removeHtmlTag|div|innerHTML|getElementById|getElementsByTagName|createSummaryAndThumb||return|summary_noimg|charAt|style|float|left|padding|while|10px|margin|document|alt|nh|minh|width|img_thumb_width|join|height|img_thumb_height|summary_img|for|split|38px'.split('|'),0,{}))
//]]>
</script>
</b:if>

Bước 3: Chèn CSS sau vào trước dòng code ]]></b:skin>


Code:
/* MAIN HOME */
#main-wrapper {width:440px;float:left;display:inline}
#main-home {width:652px;float:left;display:inline;}
.body-home {border:1px solid #cdcdcd;margin-top:15px;background:#fff;padding-bottom:10px}
.body-home-s {border:1px solid #cdcdcd;background:#fff;padding-bottom:10px;margin-bottom:15px;}
.body-s-left {background:#fff;margin:0;padding:8px 10px 0 10px;width:345px;float:left;border-right: 1px solid #cdcdcd}
.body-s-left img{background:#eee;border: 1px solid #ccc;float: left;margin-bottom:8px;padding:5px;width: 333px;height:239px;}
.body-s-left h2 {color:#383838;font-size:14px;font-family:Tahoma;margin:0;padding:0;line-height:1.3em}
.body-s-left h2 a{text-decoration:none;text-transform:none;color:#383838}
.body-s-left-info {margin:0;padding-top:8px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-s-right-li {width:265px;float:right;padding-right:10px;padding-top:5px}
.body-s-right-li ul {}    
.body-s-right-li li {background: url(http://4.bp.blogspot.com/-MSSBdBapK9k/TvBzOUvvnTI/AAAAAAAAAUo/CxXwOfYOdwg/s1600/green-star.gif) no-repeat 3px 6px;padding:3px 0 3px 15px;line-height:1.3em;font: normal 12px Arial}
.body-s-right-li li a {color:#2B2B2B}
.body-h-left {margin:0;padding:8px 10px 0 10px;width:245px;float:left;border-right: 1px solid #cdcdcd}
.body-h-left img{background:#FFF;border: 1px solid #ccc;float: left;margin-bottom:8px;padding:5px;width: 233px;height:139px;}
.body-h-left h2 {color:#383838;font:bold 13px Tahoma;line-height:1.3em}
.body-h-left h2 a{text-decoration:none;text-transform:none;color:#383838}
.body-h-left-info {margin:0;padding-top:8px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-h-right {width:365px;float:left;margin:8px 0 5px 10px; }
.body-h-right img{background:#FFF;border: 1px solid #ccc;float: left;margin-right:5px;padding:2px;width: 125px;height: 75px;}
.body-h-right h2 {color:#006600;font:bold 12px Tahoma;line-height:1.3em}
.body-h-right h2 a {text-decoration:none;text-transform:none;color:#383838}
.body-h-left-info-li {padding-top:3px;line-height:1.5em;font: normal 13px Tahoma;color:#383838;}
.body-h-right-li {width:375px;float:right;magrgin-right:8px 5px 0 0}
.body-h-right-li ul {margin:0;padding:0}    
.body-h-right-li li {background: url(http://2.bp.blogspot.com/-ASs3o7Kv6ZY/TvBzVU3Q5vI/AAAAAAAAAUw/zSA_4LkWyEw/s1600/li.gif) no-repeat 5px 9px;padding:3px 0 3px 13px;line-height:1.3em;font: bold 12px Arial}
.body-h-right-li li a {color:#383838}
.body-s-left h2 a:hover, .body-s-right-li li a:hover,.body-h-left h2 a:hover, .body-h-right-li li a:hover, .body-h-right h2 a:hover, .subbox a:hover, .post h2 a:hover {color: #CF152A}    
.boxtitle{height:33px;padding:1px;background:url(http://4.bp.blogspot.com/-2otoLFBCmcY/TvBzfRHSJPI/AAAAAAAAAU4/lbWVc_qOr4I/s1600/boxtitlerp.gif) repeat-x;}
.boxtitle h2{float:left;}
.boxtitle1{background:url(http://1.bp.blogspot.com/-8TwTW4WuFZ8/TvBzmZvc23I/AAAAAAAAAVA/_Aneflf1f3s/s1600/boxtitle1.gif) no-repeat top left;width:47px;    height:33px;float:left;}
.boxtitle2, .boxtitle2 a {background:#b80d1e;line-height:28px;float:left;padding-left:5px;padding-right:5px;font-weight:bold;color:#fff;}
.boxtitle3{background:url(http://2.bp.blogspot.com/-N99SVZCY_SE/TvBzsMhfkdI/AAAAAAAAAVI/01sjQ5aOSzg/s1600/boxtitle2.gif) right top;width:40px;height:28px;float:left;}
.subbox{float:left;line-height:28px;width:395px; overflow:hidden;}
.subbox a{color:#4b4d4f;font-weight:bold;font-size:12px; float:left;}
.subbox li{float:left;margin-right:5px;color:#cdcdcd;font-size:15px;}
.body-s-left img:hover, .body-h-left img:hover, .body-h-right img:hover {background:#ddd}

Bước 4: Xác định trong template của bạn, đoạn code <div id='main-wrapper'> hoặc là <div id='main-content'> (phần thân Blog) chèn đoạn code sau:

Code:
<!-- CHI HIEN NGOAI TRANG CHU -->  
<b:if cond='data:blog.url == data:blog.homepageUrl'>  
<div id='main-home'>
<div class='body-home-s'>                    
<script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Tin Tuc?max-results=&quot;+12+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);</script>    
<div style='clear:both;'/>    
</div>    

<div class='body-home'>
<div class='boxtitle'>
    <h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Tin Tuc?&amp;max-results=15' title='Thời sự'>Thời sự</a></span>
    <span class='boxtitle3'/></h2>
        <ul class='subbox'>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Thời cuộc</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Tiêu điểm</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Góc nhìn</a></li>
        </ul>
</div>
<div class='body-info'>                    
<script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Tuyen Diem?max-results=&quot;+7+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);</script>    
</div>    
<div style='clear:both;'/>    
</div>    

<div class='body-home'>
<div class='boxtitle'>
    <h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Tin Tuc?&amp;max-results=15' title='Thời sự'>Thời sự</a></span>
    <span class='boxtitle3'/></h2>
        <ul class='subbox'>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Thời cuộc</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Tiêu điểm</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Góc nhìn</a></li>
        </ul>
</div>
<div class='body-info'>                
<script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Sài Gòn?max-results=&quot;+7+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);</script>    
</div>    
<div style='clear:both;'/>    
</div>    

<div class='body-home'>
<div class='boxtitle'>
    <h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Tin Tuc?&amp;max-results=15' title='Thời sự'>Thời sự</a></span>
    <span class='boxtitle3'/></h2>
        <ul class='subbox'>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Thời cuộc</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15/'>Tiêu điểm</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15/'>Góc nhìn</a></li>
        </ul>
</div>
<div class='body-info'>
<script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Thái Lan?max-results=&quot;+7+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);</script>    
</div>    
<div style='clear:both;'/>    
</div>    

<div class='body-home'>
<div class='boxtitle'>
    <h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Tin Tuc?&amp;max-results=15' title='Thời sự'>Thời sự</a></span>
    <span class='boxtitle3'/></h2>
        <ul class='subbox'>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Thời cuộc</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Tiêu điểm</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Góc nhìn</a></li>
        </ul>
</div>
<div class='body-info'>
<script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Cam nang?max-results=&quot;+7+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);</script>    
</div>    
<div style='clear:both;'/>    
</div>    

<div class='body-home'>
<div class='boxtitle'>
    <h2><span class='boxtitle1'/><span class='boxtitle2'><a href='/search/label/Tin Tuc?&amp;max-results=15' title='Thời sự'>Thời sự</a></span>
    <span class='boxtitle3'/></h2>
        <ul class='subbox'>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Thời cuộc</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Tiêu điểm</a></li>
        <li>|</li>
        <li><a href='/search/label/Tin Tuc?&amp;max-results=15'>Góc nhìn</a></li>
        </ul>
</div>
<div class='body-info'>
<script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/Vé Máy Bay?max-results=&quot;+7+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);</script>    
</div>    
<div style='clear:both;'/>    
</div>    

</div>
</b:if>
<!-- KET THUC CHI HIEN NGOAI TRANG CHU -->

Ở đoạn code này, thay các nhãn tương ứng trong blog của bạn để hiển thị. Thực hiện các bước này khá phức tạp nên bạn hãy sao lưu mẫu trước khi làm nha! Mày mò nhiều là ra thôi!

Mình lấy những đoạn code này trong tem Congly Blogger Theme, bạn bấm vào đây tải về tham khảo nhé!

Chúc thành công!


PS: Mình tên Linh nhé, bạn gái mình tên Dung, không phải Dũng gì đâu nhé! ^_^
 
Linh cố gắng phát huy nhe ! ka ka cố spam để add cái banner vào site em mới dc :m003:
 
Linh cố gắng phát huy nhe ! ka ka cố spam để add cái banner vào site em mới dc :m003:
Luôn hoan nghênh bác Rùa ghé thăm nhà em! :D
 
Ai đặt lick với mình không :D
Blog em không liên kết với site phim nữa! Ai đặt liên kết thì cứ comment nha!!!!:binhsua02:
 
bác dũng chỉ giúp e cái này làm sao để đc, cũng có cái blog temp như thế mà k pit làm sao :(
70cb360c4b014bc91c20fa1d49796531_43289873.20120411135141.png

Cái này là widget related post thì phải .
linhdung hướng đầy đủ rồi kìa
 
bác dũng chỉ giúp e cái này làm sao để đc, cũng có cái blog temp như thế mà k pit làm sao :(
70cb360c4b014bc91c20fa1d49796531_43289873.20120411135141.png
Cái zụ của cậu hỏi mình chắc phải nhờ Pro nào giỏi về Javascript chứ em chịu, mà em thấy nó đã được cài đặt sẵn trong temp rồi mà sao ko hiển thị related mới lạ chứ!
 
Cái zụ của cậu hỏi mình chắc phải nhờ Pro nào giỏi về Javascript chứ em chịu, mà em thấy nó đã được cài đặt sẵn trong temp rồi mà sao ko hiển thị related mới lạ chứ!

Có thể là cái link chứa file script đã bị die, check lại cái link .js trong xem còn sống không.
Hôm bữa mình cũng bị nhé, kiếm lại cái link script khác còn sống là ok.
Còn add script trực tiếp vào luôn mà không hiện nữa thì cũng thua luôn
 
Có thể là cái link chứa file script đã bị die, check lại cái link .js trong xem còn sống không.
Hôm bữa mình cũng bị nhé, kiếm lại cái link script khác còn sống là ok.
Còn add script trực tiếp vào luôn mà không hiện nữa thì cũng thua luôn
Đấy là JS tải toàn bộ dữ liệu từ feed về, nên ko có lỗi hay die gì đâu! Có thể vấn đề đơn giản nhưng mình không nghĩ đến thôi!
 
Update mẫu blog thứ 7

7. Fan Club --> DOWNLOAD

Đây là mẫu blog được thiết kế với màu sắc khá nổi bật, thích hợp với các site âm nhạc, giải trí, girl...
 
Cái template fanpage đẹp ghê.
Linhdung cho hỏi , chỉnh thế nào để cái navbar nhìn cảm tưởng như nó nổi lên tròn tròn ( không biết tả sao , dốt văn :-s )
Xem hình vậy :, trong CSS thì mình chỉ biết căn dài rộng, với mấy cái border ...

help.jpg
 
Cái template fanpage đẹp ghê.
Linhdung cho hỏi , chỉnh thế nào để cái navbar nhìn cảm tưởng như nó nổi lên tròn tròn ( không biết tả sao , dốt văn :-s )
Xem hình vậy :, trong CSS thì mình chỉ biết căn dài rộng, với mấy cái border ...
Cậu cho mình xem cái Demo đi cậu! Như thế mình mới hướng dẫn được!
 
Mình có up cái hình rồi , cài trang phimnen nó đóng cửa rồi nên không vào được, để mình kiếm cái theme nào có cái giống vậy thì mình đưa lên ...
Còn cái navbar hiện tại của mình nó giống như thế này :
http://ads-template.blogspot.com/ y chang luôn -> tại mình dùng luôn cái template này mà :D
 
Có phải ở chỗ HOME, GIỚI THIỆU... trong phimnen mà nó bo tròn màu vàng đúng ko cậu!
 

Announcements

Today's birthdays

Forum statistics

Threads
418,229
Messages
7,068,853
Members
170,372
Latest member
0388811472
Back
Top Bottom