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

dlnh

Hero
Verified
Joined
Jan 19, 2011
Messages
1,336
Reactions
461
MR
0.007
Chat with me via Skype
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

Hero
Verified
Joined
Oct 19, 2011
Messages
3,050
Reactions
2,797
MR
0.057
Call me! Call me! Follow me on Facebook Chat with me via Skype
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 ạ!
 

gachjenmam

Banned
Joined
May 8, 2011
Messages
1,267
Reactions
542
MR
0.000
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é! ^_^
 
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!
 
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
 

Announcements

Today's birthdays

Forum statistics

Threads
426,821
Messages
7,186,691
Members
179,170
Latest member
Hanglez

Most viewed of week

Most viewed of week

Back
Top Bottom