Phúc Oscar

Chèn tiện ích Photo Editor Online của pixlr.com vào blog

noreply@blogger.com (Anonymous) — Mon, 27 Jun 2016 05:28:00 +0000

Tiện ích Photo Editor Online của pixlr.com có giao diện khá giống Photoshop của Adobe nhưng tính năng thì không bằng được như của Adobe. Tuy nhiên nó cũng sẽ rất hữu ích đối với những người có nhu cầu sử dụng Photoshop không thường xuyên.

Không cần phải cài đặt bản PS khá nặng nề của Adobe, với chỉ vài dòng lệnh ta đã có được 1 chương trình Photo Editor Online ngay trên blog.

Xem demo mình đã thực hiện :

Demo for Post

Ở đây có 2 cách để chèn iframe của pixlr.com vào blog:
- 1 là các bạn dùng trang blog của mình chỉ để hiển thị tiện ích này. Như ở trang này : http://www.photoshop.tinvn.net/
- 2 là các bạn cho nó hiển thị ở 1 trang nào đó của blog. ví dụ như trong demo của mình, mình chèn nó vào 1 trang page. với cách 2 này thì có hơi phức tạp hơn 1 chút so với cách 1.

Sau đây là hướng dẫn :
I. Cách 1: Làm trên blog phụ:

Lập 1 blog phụ mà bạn muốn.
Vào Thiết Kê (Design)
Vào Chỉnh sửa code HTML
Tìm đến code CSS của id outer-wrapper và thêm đọan mã code in đậm màu đỏ như bên dưới :

#outer-wrapper {
display:none;
…
…
…
}

Lưu ý về id outer-wrapper, đây chính là id của thẻ div nằm ngay sau thẻ body ở trong blog của bạn. Đa số các template của blog đều có id này.
Tiếp đến xuống dưới, chèn đọan code bên dưới vào ngày sau thẻ mở <body>

<iframe frameborder='0' height='700' scrolling='no' src='http://pixlr.com/editor/Editor_f9.swf' width='100%'/>

save template.

II. Cách 2 : hiển thị tiện ích ở 1 trang xác định trước của blog chính. (như trong DEMO)
- Trước tiên ta phải xác định liên kết muốn hiển thị tiện ích này. Các bạn có thể tạo một bài viết, trang mơi: ở đây mình tạo bài viết mới là:
http://namkna.blogspot.com/p/photo-editor-online-photoshop-online_24.html
- Sau đó chèn đọan code bên dưới vào trước thẻ đóng </head> hoặc sau dòng code ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.url == &quot;http://namkna.blogspot.com/p/photo-editor-online-photoshop-online_24.html&quot;'>
#outer-wrapper {display:none;}
body {background:#222; padding:8px;}
</b:if>
</style>

- Tiếp theo, chèn đọan code bên dưới vào sau thẻ mở <body>

<b:if cond='data:blog.url == &quot;http://namkna.blogspot.com/p/photo-editor-online-photoshop-online_24.html&quot;'>
<iframe frameborder='0' height='700' scrolling='no' src='http://pixlr.com/editor/Editor_f9.swf' width='100%'/>
</b:if>

- Trong đó: thay link http://namkna.blogspot.com/p/photo-editor-online-photoshop-online_24.html thành link của bài viết, trang mà bạn muốn hiển thị tiện ích này.
- Save template lại.

Như vậy đã hòan thành thủ thuật.

- Nâng cao: trong tiện ích trên mình sử dụng file http://pixlr.com/editor/Editor_f9.swf file này sẽ hiển thị các công cụ trên một thanh menu ngang như: pixlreditor (photoshop), pixlr Express,... và rất nhiều tiện ích khác. Do vậy nếu muốn hiển thị thành phần con riêng lẻ thì bạn chỉ cần thay đổi link http://pixlr.com/editor/Editor_f9.swf thành:

Hiển thị phần pixlr editor : http://pixlr.com/editor/

Hiển thị phần pixlr Express: http://pixlr.com/express/

Hiển thị phần pixlr o-matic: http://pixlr.com/o-matic/

Hiển thị phần pixlr grabbel: http://pixlr.com/grabber

Hiển thị phần pixlr imm.io : http://imm.io/

Bạn bấm thử vào các link trên nếu thấy thích tiện ích nào thì chỉ việc thêm tiện ích đó vào là ok.

Chúc các bạn thành công!
Nguồn : Namka

Hướng dẫn xóa bản quyền chân trang mà không sợ chuyển hướng về site khác

noreply@blogger.com (Anonymous) — Fri, 10 Jun 2016 11:44:00 +0000

Hướng dẫn xóa bản quyền chân trang

Bây giờ bạn để ý cái thẻ html bao bên ngoài đoạn liên kết bản quyền hoặc một cái gì đó khác.

Thêm dòng sau với ID bản quyền ban đầu của bạn. (Như thể hiện trong hình dưới đây: style = "visibility: hidden"

Chèn mã xóa bản quyền chân trang

Chú ý Nếu bạn thêm mã vì vậy đừng quên bổ sung </ div> như trong ảnh chụp bên trên.
Bạn lưu lại mẫu Template của bạn.
Quay trở lại blog, trang web của bạn và xem kết quả liên kết chân trang đã được loại bỏ.

Theo dõi các hướng dẫn hữu ích và áp dụng cho blog của bạn đẹp hơn và nó sẽ không thua kém gì các mẫu trả phí chuyên nghiệp kia nhé.
Tôi hy vọng hướng dẫn này sẽ có ích với các bạn.

Nếu bạn thích bài viết này hãy bình luận cảm nghĩ và đừng quên chia sẻ với bạn bè nhé

=======================================================================

Chào các fan Blogger/Blogspot hôm nay mình sẽ chia sẻ thêm một cách để xóa bỏ link bản quyền ở cuối chân trang của những theme blogspot bản quyền (Footer credit Link). Cách làm này thực hiện thành công trên nhiều theme hiện nay (tuy nhiên nếu đủ điều kiện bạn cũng nên mua theme)

Footer credit link là cái nội dung link ở cuối chân trang có dạng "Created by ....", "Design by...", "Thiết kế bởi ...." kèm theo đó là ID được mã hóa, nếu bạn thay đổi thông tin về ID thì website của bạn sẽ bị chuyển hướng đến trang chủ theme.

Thực hiện luôn và ngay nhé.

Bước 1: Vào trong theme chọn Chỉnh sửa HTML

Tìm các từ khóa "Created by ....", "Design by...", "Thiết kế bởi ....". ... tùy theme.

Ví dụ như

Bước 2: Bạn copy code sau

style = "visibility: hidden"

Bước 3: Lưu lại theme

Chúc các bạn thành công!

Thêm ảnh Author trước tiêu đề bài đăng cho Blogspot

noreply@blogger.com (Anonymous) — Thu, 09 Jun 2016 08:43:00 +0000

Hôm nay trường sẽ hướng dẫ cho các bạn một thủ thuật hay nữa cho các bạn. Đó là thêm ảnh Author ( tác giả ) trước bài đăng cho Blogspot.
Tác dụng là : Trang trí thêm cho blog hoặc phân biệt Admin đăng bài lên Blog bạn.

Sau đây mình sẽ hướng dẫn cách làm.
Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

1.avatar-author{float:left;margin-right:10px;border:0;border-radius:50%;padding:0;width:30px;height:30px}

Bước 2: Thêm đoạn mã dưới đây vào trước thẻ </head> trong template của bạn.

12345<script>
//<![CDATA[
function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}
//]]>
</script>

Bước 3: Tìm thẻ <b:if cond='data:post.title'> và thêm vào trước nó đoạn mã dưới đây:

1<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>

Ở bước 3 cần tìm đúng thẻ <b:if cond='data:post.title'> dành cho phiên bản web, có thể nó là thẻ thứ 2 khi tìm kiếm.

Lưu lại là xong - Bạn có thể sửa thêm cho đẹp.
Chúc bạn thành công

Tổng hợp các trang lỗi 404 đẹp cho Blogger

noreply@blogger.com (Anonymous) — Wed, 08 Jun 2016 08:05:00 +0000

Trang lỗi 404 là một trong những yếu tố góp phần tạo nên blog của bạn. Nếu có link trên blog bị lỗi thì blog sẽ chuyển về trang 404 này. Nên nay mình xin giới thiệu một số style đẹp cho trang lỗi 404, nếu thấy đẹp các bạn có thể lấy về sử dụng.

1. Page 404 #1

Bước 1: Thêm đoạn code sau trước </head>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<link href="https://dl.dropboxusercontent.com/s/qn5mr56p3yyzwju/bootstrap.min.css" rel="stylesheet"/>
<link href="https://dl.dropboxusercontent.com/s/02z8w7zlf7x5p82/shader.css" rel="stylesheet"/>
</b:if>

Bước 2: Thêm đoạn code sau dưới <body>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class="theme-fire">
        <div id="background-container" class="background-container">
            <div id="background-output" class="background-output"><canvas width="0" height="0" style="display: block;"></canvas></div>
            <div id="vignette" class="background-vignette"></div>
            <div id="noise" class="background-noise"></div>
        </div>
        <div class="content">
            <div class="container">
                <div class="row">
                    <h1 class="header col-sm-8 col-sm-offset-2">404 Error</h1>
                </div>
                <div class="row">
                    <p class="description col-sm-8 col-sm-offset-2">
                      Oops! That page can&#8217;t be found.<br/>
                      It looks like nothing was found at this location. <a href="/" style="color: #111;">Back to homepage</a>
                    </p>
                </div>
            </div>

  
        </div>
    

<div></div>
<script src='https://dl.dropboxusercontent.com/s/m1cjsogan6awc0e/jquery.countdown.js'/>
<script src='https://dl.dropboxusercontent.com/s/9uzit85iai7n9yl/placeholders.min.js'/>
<script src='https://dl.dropboxusercontent.com/s/0qi7d11zioe0h13/flat-surface-shader.js'/>
<script src='https://dl.dropboxusercontent.com/s/xo6qkcyrkkiaghm/main.config.js'/>
<script src='https://dl.dropboxusercontent.com/s/7v0jn787tikjst6/shader.js'/></div>
</b:if>

2. Page 404 #2

Bước 1: Thêm đoạn code sau trước </head>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
body{background:#000;overflow:hidden}
canvas{display:block}
.promo-content{width:100%;margin-top:60px;z-index:1;position:absolute}
h1.h1cimy{margin-bottom: 10px;font-size:150px;text-align:center;color:#fff}
p.pcimy{font-size:50px;text-align:center;color:#fff;margin:0;position:relative}
p.pacimy{margin-top:20px!important;font-size:50px;text-align:center;color:#fff;margin:0;position:relative}
.acimy{padding:10px 16px;border-radius:3px;text-decoration:none;font-size:25px!important;text-align:center;color:#fff;margin:0;position:relative}
.promo-content .button{background:rgba(0,0,0,0.5)}
.button-outline{border:3px solid #cccccc}
@media screen and (max-width : 768px) {
.promo-content{margin-top:160px}
h1.h1cimy{font-size:170px;}
p.pcimy{font-size:33px}
p.pacimy{font-size:33px}
.acimy{font-size:16px!important;}
}
@media screen and (max-width : 640px) {
.promo-content{margin-top:130px}
h1.h1cimy{font-size:170px;}
p.pcimy{font-size:26px}
p.pacimy{font-size:26px;}
.acimy{font-size:15px!important;}
}
@media screen and (max-width : 480px) {
.promo-content{margin-top:120px}
h1.h1cimy{font-size:60px;}
p.pcimy{font-size:25pxpx}
p.pacimy{font-size:25pxpx;}
.acimy{font-size:11px!important;}
}
@media screen and (max-width : 320px) {
.promo-content{margin-top:80px}
h1.h1cimy{font-size:40px;}
p.pcimy{font-size:17px}
p.pacimy{font-size:17px;}
.acimy{font-size:12px!important;}
}
  </style>
</b:if>

Bước 2: Thêm đoạn code sau dưới <body>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class="promo-content">

    <h1 class="h1cimy">404</h1>

    <p class="pcimy">Oops! That page can&#8217;t be found.</p>
    <p class="pcimy">It looks like nothing was found at this location.</p>
  <p class="pacimy"><a href="/" class="acimy button button-outline"> Back To Home </a></p>
  </div>
<canvas id="canvas"></canvas>

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
eval((function(){var j=[71,72,66,82,85,60,74,89,79,80,81,87,88,76,65,70,90,75,86,94];var t=[];for(var l=0;l<j.length;l++)t[j[l]]=l+1;var m=[];for(var p=0;p<arguments.length;p++){var x=arguments[p].split('~');for(var b=x.length-1;b>=0;b--){var f=null;var o=x[b];var c=null;var k=0;var e=o.length;var i;for(var d=0;d<e;d++){var s=o.charCodeAt(d);var r=t[s];if(r){f=(r-1)*94+o.charCodeAt(d+1)-32;i=d;d++;}else if(s==96){f=94*(j.length-32+o.charCodeAt(d+1))+o.charCodeAt(d+2)-32;i=d;d+=2;}else{continue;}if(c==null)c=[];if(i>k)c.push(o.substring(k,i));c.push(x[f+1]);k=d+1;}if(c!=null){if(k<e)c.push(o.substring(k));x[b]=c.join('');}}m.push(x[0]);}var u=m.join('');var w='abcdefghijklmnopqrstuvwxyz';var q=[10,92,96,39,126,42].concat(j);var g=String.fromCharCode(64);for(var l=0;l<q.length;l++)u=u.split(g+w.charAt(l)).join(String.fromCharCode(q[l]));return u.split(g+'!').join(g);})('var _$_ef28=["13372D84@u205C1071DH455HqE995@uH*Hk71@uH45HJDGEEH80BT107HJ@iHK35CB@D1019E999DG0C775@iGKvBBH1CGc11C1H>063C775@vGRB>BSG@87@vH(775CGKu1BLGb39EGg59D775DGn@vH%1G{5@u1027Hyi63HUu1HD067H\'CH8B#GBBU039EBCHhvG@39GfuGPEGdBHGrDG,vG5@uHw047GXBQ1B%7G-u963D971C835EGKiG4@vG5Gy0BI1HzHi1Hs999E727CGQ@i1G`u1Ga@vGq@u795@i791D775@iHQ9BRDHI63HnEGKiG @v1GsCH8043D1067H\'@i1HE27@iG7i1BFBP1GaD891H/@iB!GLE795BRB\'DBC803@v7BOGkE835CGrCG35@vGb59CH-79B.iG7vB@CH|i999EG4GN87CGmHJ@iB(71CH)95HyvGMG0EH{1G2083EG(Hl5CH(Gb11Hl5D1HE27C787H7799H7771GW95HnCGMHjG!@vHABQH455B @vHmH&727@u843EBC10BHH+79@i831GjB@C101B6@iG4H\\87GN99B\'HS1BEi831GjBB@vHmGb11CBBD1BQH;87CHQ9CGd99BD@iGlEGD5@vG5CB0B&GA5HpH[@i843EGm1BD@uGnCGe15EGcGzDH,Hx011@iHhi100GUGQD791HyiGrEG D1GI@v1B%1067H1DGHCBCGDH^B?27B.iGSD811HrCG%63CBBEG5@uHABW1H:07EHi7G-v795HyuGOG0@uGA59CH-67E1047CB*H*63Gfu859H/B HoEHiGJBDDGnG&@vGA59HTB,047EB*HL063CH0871CGbBVH%GPHWi639CH}i6H]H6DGc39EBAHTHz1055@u1B)Gh43DH%1BEvH5H(H.059CH&H01047B-843HYHDHO039HuEGCG\'@u75H3E1019CHI6GU1091EGMGD5DG@59HTG:v771DG7u907@v987DG4EB0995E1H<59DG.063Hl5EGcGvuH4Hk11DHhi100GU7H[E767H?HjG!DHA059CH5Gg03@u999DG8uBNG0CH{1G2BEv7H"@uGw7EH#@vGe15HT059CGB39@iGLEG35@uG@GzDH*39C1011@iHhvH0G9vH)67H7G4@uG@BIH-59D1HzGF03E999Hn@uGEEGlCG4DG@59DH.B,047@i999E987CGe03@i871CG5E1B#GPE835CGrEHK35E1H:07D759H2vGe15@vG5C783HViGB59C10H[@u839@v72G+5@vG@59Gx10BSH5Gg03HVuGp@uG#@i635HPiG35@iGA59Gy079EGHHqE1B#G!@iH.063H$055B>11DGgBTH-79E8G/C635G&CH{1G208H9@i843B.uGC15DG@BSH-63CHL055B>11@uGF63Gy083CG8u635HPiG"B>GviHM015DH,Hk11DHm935CH455D1011CHCHEBV763HnDGMBGCG;6G/CG @u1GICH5B$G35DHABK106Ht59DBBC759DH+91CH+79E831H2iG4@vGB59DH-79@uGT@u1BEu831B7G C1G]C1083DGd99@vGkHn@iBNGOGc07@vGq@iG"@v1Gs@iH5B$G,uHwBWBAH\'B @vG,u727@v847H?GD5@vGAGzHuCGG67B>39DH&GkDGd91@vGl@uBNG @i1G<u1047@iB$G35CH.0BS1B%Gb07B>63EGPBDCG>BGDGKvG;GD5@vH|v1GI@uHhuG@07H1EB(79@i843CGm1C783D7BH7BH795HWiGMG;GA07@iGL@iG4CG5@iHvBWGc0Ht0HGv839DGw7BRGj763EBC10BHGED635CG,iGcGzD1BK987CGD5DGHDH+39C106Ht31HoB4vG>635H6@uG@39EHi1GIB?5Hp47CHhv1019EH8HsG.019B<CH;95CH;63EHN5DG6uBGD6Hx099@uHN9@i639HoEG@39CHmH.Hz1055D1B)Gh43EH&1083E1BKBAHTHO047@u999G}063CH(871CGBBVH&G*@u1HD067H\'C995DH%G@43E1039EGJCH+BOG6i1071@uH,55GjB2079B-G7uG0CH|i1G<i1063GX055B GfvH%HvG:v77HZG"B>Gvu1079B<CG6u635EB+BEvG(@u1G$C1GsDB!H*55Hl1EHi1063Gx1083H?779C727G&EG5DH-83@iG8uBNG35CG5Gu999CGc59EH&7G-i907@i98G+5@iHv059E1051B?55DH%Gq@v99Hp79EB(67HS99Hp7HZ771H_vB&1083EH)67HFB2BEiG9v8HBB?99E639E639E1BWGb39Gfv783EH51B8GG63EGG63B?83EH51HsHAB9Hz999CB$Gh03@u859H\'B H6CH0727C843EGd07@u1HO039C995CHjGABU039EGJEGd91G1E1071@uH,55DBCB+G:u84H9@iG0@uG@BIH-63EH*55Hl1Gfi1BQHAG:i77H3@vG"D1G]E107HJDG>635@vB+08H9CGw7CGC15EGc59C783DH&HL055D1011@vHC063CH-83GN7H3EG0EG@Gvv1083B4iGO1G$@u1G<v987H\'D1011@iHhuHiBCGQ@i907@v987DGD5@v783DH*63EH*39D799@G?DB&1BEiGTCB2079CGkE8HBD109HUu6Hk31DGb39@uH(H-47C1BFGGBT1043CHj1BEu1047Gfi783@vH8015CH*Hk11CH0935DHHHR011CHC06HGuGQ@v1HD067E1H @iHjGc43H/G\\3H?1091DGO1071DH455EH+55GXGa@v931DH&H455E1B#GHCGi55@vH*HaD891D1039@iHjB5HQ1C775HqE803@iGoHrEG6i1059EB@DGB63EHM015@uGqC1GYD1GZ@v931EHjH,55D1063GN63EG#@v6H`B/EH,59B>03Hg91E831DH)87@uGSB?6Ht47CHKH`@i6BMG"@i1G]E1063GX055B H1DHjB3108HGuG7iG E1GsE1083EHI7H3C10BIGb87CBAHWvGRC6H`@u991E1BFH(HH027HrDGEHPuB1HL059CHmGm5C831@v7H!CGS@u1HRH:11@v1H>063G1@i6H`CG4DG5DH.BQHe055Hl1CHC063CH.079CBC84HGvG4CGB59Gu1079H2i771@uGiBVG@87Gfi835G1EBN6BM991E1BZH(He027@u835CGlHPv99G_HdHsGm9@v831CH)87@iGSEB*GG75B>39EGn@v6H=5D1BQG!@uH-63GX055B EHmH%HwBEiG(DG C1GsB>83Gj771@vH+59D1H:87@uH(835@iG;6H=5D991D1BFHmHH027@v8G/@u635E995H$059EBACBJ803@i831CH)87C787EGi31@vH(1007EHjGEC6H=5@vGe15EG5CHv063G}BF1011CH01HE83E1G:v843B71G$D1GIE1G:u779EBJ1059EGc87CHi835CG6uBGEGMH&G!@vH.B9BK999EBPGh03@u859H/Hl1EHhuH(759E763DHNHp99Hyv6H]CHhvGA39GfvH.04Ht55B>43EGh43EH%1083C1BKBAGuB*1GYCB@H2u843HYHDB,H D1B#GB43H/@uGLDH{Gp@vH+91@vGRE995DGe79E783C991CGF11CGb39E919DBPG35D759D7BT835DGrC1071@vH,55@i727C1GYB>39DB2043Gj84H9E1BZBP1GZD759GWBH775GN95BRDGkB4uGKv1007DGG55D75H3D1071@vH,55@iH+23CGHEBJB:75H?1031CGFHx011DG0HFGQDGe15@uGA59Gu1HzBPG35GxHhuGgHx011@uG,v835CGi2H9@u839@uH+31EBAH\'Hl1@uGe15BDHqB>23@u771@v7BXG9iBJ1091@vGrDBN995CGh79C963Hg59Gj102GU843D843DGw7BRDH)H[D851CB(55B?35E1H<71DH09BMH@755H7831GW55@uHhvG@Hk03C9BMH@755D727@i9BXHX7@iG35DGb59CHvBK987@vG,v963@iGd23B-971DHw079E7H"DGi5G_03B6EGqC779D1G=v1039D999EH@GTD1G`i1039HVvH@G9i775D72G+5DH{1GIE1047EB$Ge15E96HGv102HGv971DHv083Hc771Hq@u1G=u10HaEGLE779D1G`u1GZ@u1043D775EGi55GXGZB?43CGoDG9i8BMG;BGDGO995@uGC79@vHw059DH%1HRB)1027Gfi931EH&1083H6EH0GHH?755CBBB"H6@iB$7BS755Gj771H2v1G`i1Ga@G?@vG4@iGA59CH.015C1067EHm775EBC1G$E1GI@v1H>067H1GVBX727C803@u791DGkCHI71@uHI55C775H2v823@v7BO747B<CBC811E811C747E775Hg55E7H"H_vG.0BT1B%H|u1G<i1BWGc07EHmBJGS@i803EGpH7771DH;55@v763D755Hr@uGEEB=H%1G[H6@vGc39DH(947DH{999DG0B7G7v1BZH,Ha@v759H\\91EB0795E775GV99@uGkHWvGEB/EH&1079EHA059DGh55C1H<2Ht03CGtDG8iH}i8HB@i639@u1007C1067E1039HuDHjGc43H/H2u1G|C1GZEHX7D1035DGA39B\'B71G^B>79CGoCGdBOGKv1B8GF63B?67E1055H/HFH#@uG,uHwG|E1GZD1H<35@i7BV76H9E767@vB(59B-1G^E1079HF779@uGd35C1H:39EGoC7H"HS10BMGB39@i8H=9@u109HUi639E1HfB9039B/DG39@vGGHbD1B8987H\'DB*891D10Hx063DGqB>35CGB39B<B.v1G^E1079CH)63DH+BOGnB>55CBACGC6Ht55H\'HS907@iBPG35DHvHfBL1B)H@1BFGqE10BMGcHbE771B.u907C987CGD5C783C1G|E103B6D1043D10BMGtH7767@vH)59HY03G_07HZ779CGi35EGb39EH;BXGm5CG9vGpDG8vBGD8HB@v6Hk07D1B,H DH%10G\'DBCGB39CGb63EGJHY091EGKu995C987H\'@u10BXH,59HqCGQCB&1043HuC1067B?35DHi10HxHE83C1011DH(1B#875HoCGg35@iGgBYBQ863E1BEu8BHB*759DH)55@iB=987H\'D1071EH,BI755CGoHrEG>995CGC7H3DGQD995CH*39E1071G}0Gvv1011EHiH&867B>BU039EGh03D1079@uB!GLD755@u799@u999C755GV63HnG1B"E1H:87Gfu727C84H9@u803E791BDDG%31@vGb39CGF59EGHEBJ9BT971HWuG%55EGgBSHmH%759E763@i8G)HoE1H<BUBKGP@vHN9@vH}v63HUi1007B?67H\'EB=H%GB43H\'@uGd55DGgBSH0B!GJCGi91CGEEB@C1G{9G&D7G-uH#EGD5@i783B;1HsGA31DG.075EGbHa@iGG75DB0G@39H/Gfv1055@u947Hl9@i999DG35@v7H!@uGm9GN6H9C767GW99HyuGlCBBDBACGc11B?15CB!GHHq@v907C987G&CB0995D1HsGB31C75H3DB@D1H:39HViH@B@CB3G@39C1039CGg55E887H1CGc11EBBEH&BJ787H2u799GV63GV67Hc799C835EGOHj101H^D1027@vG*@i791BDDG6iGnH6@vG@39EH(1GsHoH1E10Hk11@uG4CG(BRD8H=5EGRC995DHe0Hk71H$059Gy075HlB6@iG0HqE843DH+75C1019CB&G0HyiGM995CH43Hp71CHHG<u1H>003CGb11Hl5EB!GHDGd15B>03CG@11E1B%H&8H=9@vH}i639C6Hk07@i1B903H^CH%10G\'H_vHMBFHi987CGh03EGJ@vG#C635EGb07@uHX7DGC19B;1027Hc747H7795CB:27E843@u843C84H9BRH776GU1091CBN6G)EBNHhuGA39@uGg59Gy047E1067B?59DBBDGLH\'@uHC075HF1BLGbBYHsGtC763HrDGl@u109HUiBGE6H]E1Hf067H\'E995EGe19CH@103H3B"@vH&Gg47@iGt@uGiBHG%BXHeBFGi19HqCGw7E1BL1H:39DHCG]DHhiGFHx011@vG4BD@vGlB?75DBBDGA31DHiHX7CH|u779D779EGpGj10BHG6i635B?31CGB39H1B"@u963CGi19D727@u9BXHw059CGh03@i1HzB5Gd19@uGo@u8H=5@uG>H}u639CBGC639C6Hk07C1HO03H^@uH%Gc43D10HbD995HoDHiH,55EGP@vBJ1091CGEHuCH&1G[Hl1EHhv1043C991@vH*31D867EGG35E1047E1043B"@iGb63EHi915@iH5GF55@v98G+9B>43H/DG*@u755HVvHi1059EGD9D1039E987@vGCG\'E779@uGG67@vH&755D8G)CHM063C1079@vHv007@uGA31HoD931@vGh83@u1BWBACGHGj755@u1H>Hd031@iB$7BI7BOGT@u791@v747B\'HF791C747C775EH;91D783@v795@u755Hr@iGrC995EHj1G[B>07EGA31DHhi927CHi995@uH%B5Gm1EGT@v791EGTDB@@iH{B&Ge15B\'CGd15@iGF19C1011EBBE1B#GpB4vGEDB1GC79@iH-11@u1BL1B)991H$BL867E1B)1035CH51H<BIGbBT1Hs915@u1BKHCG=iB!G@43H\'Gj843CH)55H6DGA11@i1B%Ge03E1B8755C8HBDH}vHKBYHDHO039B;GD9E10BU0Hb@iB+G=iB@G\\3DG#HPv995EGh79Gu10BVHH071H1DGtHnEGlC995DGC79EB3H%1GYC10HxHdBWBPGe03C75H3CB@@v1G{9CG4D7H!Hg9HJCGd15EHmG@11D1H>063GN87EHQ9@vGkHrCGMB1Ge79CHwBZ1043EH%BPGh03D75HZG39CB=1027EB(67CHQ1GxB:BO795@uGoBDEGEC1071EHLBZGi59E995@uH,31C100GU843DH)91DB3823GW71H_iH#CGC15E783DHMH<BI759H7GD9B/D1027H\\67GW91GxB:99DGpDH)67DH;91Gu799HnCGnHuEGe79@uH.059CB1H431H1EHX7B"E99G_BLH0775@iGd59HuDHH031GfuGoHn@vGRCB1GC79EB3Hj1G|C10Hk59HoD987CH%BAC759DH;79EB@@i1G{9@uG0CBJGS@i799B\'H\\79DBB@uH(Gb11E1B%1HEH!DGmH3@i763HyuG%71G}055H?H|iG*DHhvGB39DHi1G2BLHi10Hk11CGD5HnCGEEB@DBBDGc31DBA@G?DH|i779@v779DH)63H2v1091EGO635H6CGB39@vGgBV963@vH+19D727@u971D783@vB+GYB?75@vGLE1019GV63HrD635CGnCH}iHK35B;1BQ1G[C1HR003B"EGC43D1BZH(GJEHN9CBGE6H]E1007D1B,H CG3HpBU039CBCHhuGG43@u1HzGtHS10BOGlB>55EGF51C1067@uGF59DH%859H/E1019C1G^DHjGb43E1039E879C1G=u1035CBA@G?CHhi1H<BU047EGkBDG1DH8HR003EH*63CBAG\\3D8G/D1Hd063Gfv1047@iGJ@u835DGE@vH8031GfuH*55C759E763D8G)@uB2GYCB@@uGJ@vG8u635CGC19B/E1027D771C771D8HBEBGD639C639D1Hf067H\'Hu@vG3Hp43D1039H2v1043D103Hp55DGF59EG@8Ht03G\\3Hc1091CGR@i1BFGgBIGF63EGPBDC6HB@v~G0@i1019~1015CGA59~Ge15D1019~Gd91E639~063DBBE1019~GE@i10~@iGC15~19C1H<39~727EGQ~H=9@v635~727@u843D727~7@vG3~GC15@~27C84HG~75H3@i1~35CGR~H%1015~@uGR~0Gvi1~H&101~Hj1015~1H:59~HK35@~Gw7@~835@i639@~H;63@~07H3@~Gn@u~G]@~055@v987@~Gn@i~uB5727~101Hp~H|u10~H|v10~1B#10~Gh1~639@u635~1Hs10~1043B>~727@v843~0BS783~7BS763~Gr@~759Hq~GnE~@iH)~GnD~B5763~843@v727~639@i635~787@v727~775@v727~3H2i~@uH)~@uH;~@iHH~055@u987~039@v999~079@i783~E7BV76~0BI783~0BM987~5@v987D1~BF987@~039@i999~H{10~1019E10~72Ht~1BQ10~H1@~BAC10~B!10~727B?~H_u~BC763~639C635~HI9~639D635~BJ763~B(63~759E727~639E635~059D783~759C763~@uB3~59E783@~843@i72~@vB3~CHA~BV783~019@v99~055D987~CHe~039D995~27@i787~27@v771~907E987~@i987C1~1063@i~10BT~B?39~BA@v~727@v7~BP10~727C10~987D10~783C10~783@v1~@u1039~BA@i~B?03~@i727@~9@v727~987C10~1047@u~B>31~@iBC~995@u1~3Hq~019C10~727@u7~043E10~BM63~015@u1~@iBJ~1043@u~B01~35E639~Hm1~007@v1~B#7~HqD~3D727@~B$1~727@i7~9@i775~639@v6~987@i1~B11~835C63~067@v1~@v635@~B(9~B81~C727@v~EHw~9C639@~@u999@~@u835@~759C72~CBJ1~9D727C~63C727~B-7~39D639~9@i995~@v727@~35E635~39E999~39D727~@vBC~0BV1~987@v1~007@u1~DBC7~1031@~BAE~1063C~39D10~@u101~BAD~@i835~C1031~9B?~@u727~@v835~003@u~7@u10~@v995~783E1~783D1~39@v1~E835@~047@v~1019D~1019@~BG@~E1011~1063D~D1059~063@v~987@u~015@i~999@u~@v775~727C7~043@i~999@v~999C1~067C1~DBJ~E727@~@u995~783@i~995@v~999E1~783@u~C835@~7BI~9C999~C727C~055@i~067D1~791E7~E995C~@u775~995@i~@v10~@i10~1075~1003~1015~727D~D835~083@~055C~1099~91@i~59@i~727E~047D~031E~35@u~635D~91@u~987E~063E~C791~59@v~63@u~43C1~59@u~031D~71@i~39E1~055E','1099D639C639E1075@u1019E1039D999D1043@i1075@i783@u987@i999@u999@i875D1071E1003@u103G&63@i903C1019D1059C1063G(03C1039D1003C1055C759@i727@i755E1055C1003G(5G&1G&87E1003E755@u775C727@i1043C1039E1055G(03G(59E101G&87G(03C727C763E835E639E639C1019G(3G&19G(63@i759@u763@v835D","length","char@ut","split","fromCharCode","G+6880G+6230=_G,G+2803=_8418G+G*=_2803"G#6736G$G.G!0G#8010=/[G)1G)2G)3G)4G)5G)6]/G$G-=2G$4504=_G.[G"2]](_G.[G"1]]-1)G$G,G$5285=_G.[G"3]](_8010)G$4211=[String[G"4]],isNaN,parseInt,String];_5285[1]=_4211[_G-+1](G 1])/21)G$8418=(_G-==7)?String:eval;_G,G!5];_11=G 0])/G 1]);for(G\'=3;G\'@l_11;G\'++){_G,+=(_4211[_G--2]((G G\'])+G 2])+G 1]))/G 1])-G 2])+G 1])-1))}G$6230G!6G#8506G!7];function G%a){_8418(_2888);G%_G*);_G*(_8506);G%_6230)}var _2888G!8G#G*G!9];G%_4504)~_4211[_G-](_5285[~=G"~_$_ef28[~]G$~;var _~_2803(~9@i10~_6736~@v10~@bx4~1017~","_~2366~1347~7960'));
//]]>
</script>
</b:if>

3. Page 404 #3

Bước 1: Thêm đoạn code sau trước </head>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
html, body {height: 100%;margin:0}
canvas {background: #000; display: block; height: 100%; width: 100%;}
.promo-content{width:100%;margin-top:60px;z-index:1;position:absolute}
h1.h1cimy{margin-bottom: 10px;font-size:150px;text-align:center;color:#fff}
p.pcimy{font-size:50px;text-align:center;color:#fff;margin:0;position:relative}
p.pacimy{margin-top:20px!important;font-size:50px;text-align:center;color:#fff;margin:0;position:relative}
.acimy{padding:10px 16px;border-radius:3px;text-decoration:none;font-size:25px!important;text-align:center;color:#fff;margin:0;position:relative}
.promo-content .button{background:rgba(0,0,0,0.5)}
.button-outline{border:3px solid #cccccc}
@media screen and (max-width : 768px) {
.promo-content{margin-top:160px}
h1.h1cimy{font-size:170px;}
p.pcimy{font-size:33px}
p.pacimy{font-size:33px}
.acimy{font-size:16px!important;}
}
@media screen and (max-width : 640px) {
.promo-content{margin-top:130px}
h1.h1cimy{font-size:170px;}
p.pcimy{font-size:26px}
p.pacimy{font-size:26px;}
.acimy{font-size:15px!important;}
}
@media screen and (max-width : 480px) {
.promo-content{margin-top:120px}
h1.h1cimy{font-size:60px;}
p.pcimy{font-size:25pxpx}
p.pacimy{font-size:25pxpx;}
.acimy{font-size:11px!important;}
}
@media screen and (max-width : 320px) {
.promo-content{margin-top:80px}
h1.h1cimy{font-size:40px;}
p.pcimy{font-size:17px}
p.pacimy{font-size:17px;}
.acimy{font-size:12px!important;}
}
  </style>
</b:if>

Bước 2: Thêm đoạn code sau dưới <body>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class="promo-content">

    <h1 class="h1cimy">404</h1>

    <p class="pcimy">Oops! That page can&#8217;t be found.</p>
    <p class="pcimy">It looks like nothing was found at this location.</p>
  <p class="pacimy"><a href="/" class="acimy button button-outline"> Back To Home </a></p>
  </div>
<canvas id="dangbui"></canvas>

<script type='text/javascript'>
//<![CDATA[
eval((function(){var o=[88,65,90,70,80,71,79,75,94,60,87,89,66,74,81,86,76,82,72,85];var l=[];for(var i=0;i<o.length;i++)l[o[i]]=i+1;var b=[];for(var c=0;c<arguments.length;c++){var w=arguments[c].split('~');for(var e=w.length-1;e>=0;e--){var x=null;var j=w[e];var t=null;var r=0;var h=j.length;var k;for(var a=0;a<h;a++){var f=j.charCodeAt(a);var d=l[f];if(d){x=(d-1)*94+j.charCodeAt(a+1)-32;k=a;a++;}else if(f==96){x=94*(o.length-32+j.charCodeAt(a+1))+j.charCodeAt(a+2)-32;k=a;a+=2;}else{continue;}if(t==null)t=[];if(k>r)t.push(j.substring(r,k));t.push(w[x+1]);r=a+1;}if(t!=null){if(r<h)t.push(j.substring(r));w[e]=t.join('');}}b.push(w[0]);}var u=b.join('');var n='abcdefghijklmnopqrstuvwxyz';var v=[10,96,39,92,42,126].concat(o);var q=String.fromCharCode(64);for(var i=0;i<v.length;i++)u=u.split(q+n.charAt(i)).join(String.fromCharCode(v[i]));return u.split(q+'!').join(q);})('X6_$_4a68=["call","dangbui","getElement@syId","2d","getContext","widX3inner@qidX3height","inner@yeight","@kIX4andom","floor","x","yX4X4@lrowth@saseX4@lrowX3rMax","alpha","update","prototype","spliceX4ender","begin@kaX3arc","fillStyle","hsla(",", 50%, 1%, ",")","fill","globalComposite@mperation","destination-out","hsla(0, 0%, 0%, .05)","fill@xect","lighterX4equestX lengX3pushX4esize","on","webkitX0X mozX0X oX0X msX0X setTimeout"];(X\'X6a,b,c,d,e,f,g,h,i,j,k,l,m;c=documentX-2]](X.1]);fX(4]](X.3]);h=4;gX(5X!6]]/h;dX(7X!8]]/h;k=MathX-9]]@e2;b=[];j=30;i=0;lX+o,n){X1MathX-11]]((MathX-10]]()@e(n-o+1))+o)};aX+p,q){X&2]]=pX%3]]=q;X"=0.1X%5]]=1X%6]]=X&5]];tX#=(g+d)/7X/X&8]]=1};aX-20]]X-19]]X+r){X6s;s=(tX#-X")/tX#X%6]]=0.1+X&5]]@es;X"+=X&6]]X%8]]=s;if(X">tX#){X1bX-21]](r,1)}};aX-20]]X-22]]X+r){X)3]]();X)4]](X&2]],X&3]],X",0,k,false);X)5]X,26]+l(i-80,i+80)+X.27]+X&8]]+X.28]X/X)9]]()};e=X\'fX*0]X,31];X)5]X,32];fX*3]](0,0,g,d)X/fX*0]X,34]};m=X\'X6r;X2X*5]](m,c);e();r=bX*6]];while(r--){b[r]X-19]](r)};r=bX*6]];while(r--){b[r]X-22]](r)};bX*7]]( new a(l(0,g),l(0,d)))X/i++};$(X2)X*9]](X.38],X\'gX(5X!6]]/hX/dX(7X!8]]/h});X2X*5X5(X2X*5X!40X5X$1X5X$2X5X$3X5function(t,u){X1X$4]](X\'X1t(+ new Date())},1000/60)});m()})X-0]](this)~@hnimation@jrame","~]]=windowX-~X&4]]~hisX-17]]~windowX-4~;X&~thisX-1~function(){~=cX-~fX-2~X-3~=function(~]=X.~[X.~_$_4a68[~;X1~@xequest~return ~window~th","~","r~]]||~var '));
//]]>
</script>
</b:if>

Chúc các bạn thành công

Tạo tiện ích thống kê Blog đẹp mắt

noreply@blogger.com (Anonymous) — Tue, 07 Jun 2016 12:04:00 +0000

Như các bạn đã biết Blogger hỗ trợ 1 Widget giúp thống kê cho blog hiển thị số lượt truy cập vào Blog. Nhưng mặc định của nó không được đẹp. Nên hôm nay mình sẽ chia sẽ 1 mẫu Thống kê cho Blog được tùy biến lại so với bản gốc của Blogger.

Mẫu này thì mình cũng xem từ Blog của bạn Thịnh ND và có sửa lại 1 chút, các bạn có thể sửa lại theo ý thích hoặc tông màu của Blog các bạn.

HƯỚNG DẪN

Bước 1: Các bạn đăng nhập vào Blog của các bạn => Bố cục

Bước 2: Chọn Thêm Tiện ích => Thống kê blog => Chọn kiểu thứ 2 (như hình dưới) rồi Lưu

Lưu ý: Các bạn để ý vào link của Widget các bạn vừa tạo và nhớ cái ID sau cùng của dòng link. Thường thì mặc định của Widget này làStats1

Bước 3: Các bạn chọn Mẫu => Chỉnh sửa HTML => Chọn đến tiện ích lúc nãy các bạn vừa thêm, như của mình là Stats1

Lúc này các bạn sẽ thấy 1 đoạn code:

<b:widget id='Stats1' locked='false' title='Tổng số lượt xem trang' type='Stats' visible='true'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
</b:if>
<span expr:class='&quot;counter-wrapper &quot; + (data:showGraphicalCounter ? &quot;graph-counter-wrapper&quot; : &quot;text-counter-wrapper&quot;)' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>
</span>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Bước 4: Các bạn thay đoạn code bên trên bằng đoạn code phía dưới:

<b:widget id='Stats1' locked='false' title='Thống kê Blogspot' type='Stats' version='1' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2 class='iconthongke'><data:title/></h2></b:if>
  <div class='widget-content'>
    <!-- Content is going to be visible when data will be fetched from server. -->
    <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
      <!-- Counter and image will be injected later via AJAX call. -->
      <b:if cond='data:showSparkline'>
        <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' src='http://2.bp.blogspot.com/-nsxCtkYnchQ/VLEifAyf97I/AAAAAAAAIlk/9Viyy0W9r04/s1600/FFF.png' title='Sparkline' width='75'/>
      </b:if>
      <b:if cond='data:showGraphicalCounter'>
        <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
      <b:else/>
        <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
      </b:if>
<script type='text/javascript'>
function postCount(json){
document.write(&quot;<span class='counts post2'> Tổng số bài viết &quot;);
var count = json.feed.openSearch$totalResults.$t;
document.write(&quot;<span class='count'>&quot; + count + &quot;</span>&quot;);
document.write(&quot;</span>&quot;)
}
function numberOfComments(json){
document.write(&quot;<span class='counts comment'> Tổng lượt Comments &quot;);
var count = json.feed.openSearch$totalResults.$t;
document.write(&quot;<span class='count'>&quot; + count + &quot;</span>&quot;);
document.write(&quot;</span>&quot;)
}
</script>
<script src='/feeds/posts/default?alt=json-in-script&amp;amp;max-results=0&amp;amp;callback=postCount' type='text/javascript'/>
<script src='/feeds/comments/default?alt=json-in-script&amp;amp;max-results=0&amp;amp;callback=numberOfComments'/>

    </div>
  </div>
</b:includable>
  </b:widget>

Bước 5: Các bạn chèn đoạn code phía dưới vào trước và trên thẻ </head>

<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
<style type='text/css'>
/* Blogger Custom Stats widget by Thinh ND */
.Stats img {display:none!important;background-image:none;}
.Stats .counter-wrapper {width:92%;text-align:right;margin:10px;line-height:35px;color:#333;font-weight:700;font-size:16px;margin-left: 0;}
.Stats .counter-wrapper:after {content:&quot;Page Views&quot;;float:left;text-align:left;font-size:13px;font-weight:700;color:#333;}
.counts {display:inline-block;width:92%;font-size:13px;line-height:35px;color:#333;font-weight:700;}
.counts .count {display:inline-block;font-size:16px;height:30px;
vertical-align:top;direction:ltr;float:right;color:#333;font-weight:700!important;}
.counts:hover .titles:before {color:#333!important;border-radius:2px;border-color:rgba(255,255,255,0.1);}
.counter-wrapper.text-counter-wrapper:before, .counts:before {display:inline-block;font-size:13px;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 10px;float:left;width:10px;text-align:center;}
.counter-wrapper.text-counter-wrapper:before, .counts:before {
display:block;background-color:#fff;color:#333;width:35px;height:35px;font-size:18px;line-height:35px;border-radius:2px;margin:0px 8px 0 0;}
.counter-wrapper.text-counter-wrapper:before {content:&quot;\f06e&quot;;}
.counts.post2:before {content:&quot;\f044&quot;;}
.counts.comment:before {content:&quot;\f0e6&quot;;}
#Stats1_content {width:auto;height:auto;background-color:#fff;}
</style>

Bước 6: Lưu lại và xem thành quả

Chúc các bạn thành công
Nguồn : LuanNguyenIT.Com

DgmMag - Magazine Blogger Template

noreply@blogger.com (Anonymous) — Tue, 07 Jun 2016 09:44:00 +0000

DgmMag - Magazine Blogger Tempalte - Là 1 Tempalte được thiết kế dành riêng cho các blog tạp chí, tin tức. Template được chia thành nhiều bố cục hiển thị bài viết nhằm đáp ứng được nhiều nhất yêu cầu của một trang web tin tức.

Xem Demo Click here Tải Template

[Giới thiệu] Lovebook – Blogger Template

noreply@blogger.com (Anonymous) — Tue, 07 Jun 2016 09:39:00 +0000

Lovebook – Blogger Tempalte – Là một Template dành cho những người yêu thích chia sẻ. Template được thiết kế cho những bạn thích đọc, hay yêu thích hội hoại, tranh ảnh. Phù hợp với những Blog có một hoặc nhiều tác giả.

DEMO DOWNLOAD

Free download Linezap Responsive Blogger Template

noreply@blogger.com (Anonymous) — Tue, 07 Jun 2016 09:31:00 +0000

Nội dung chínhMột số tính năng nổi bậtDEMO DOWNLOAD Chào các bạn, hôm nay mình xin chia sẻ tới các bạn một Template khác tuyệt vời dành cho blogspot. Linezap Responsive Blogger Template – Đây là một Template khá chuyên nghiệp và đẹp mắt, được thiết kế dành cho các blog giả trí, hay…

Chào các bạn, hôm nay mình xin chia sẻ tới các bạn một Template khác tuyệt vời dành cho blogspot. Linezap Responsive Blogger Template – Đây là một Template khá chuyên nghiệp và đẹp mắt, được thiết kế dành cho các blog giả trí, hay tin tức gồm nhiều nội dung và chuyên mục.

Bạn có thể tải bản miễn phí của Template này trên mạng, tuy nhiên sẽ không có nhiều tính năng như của bản trả phí được rồi. Và đương nhiên trong bài viết này mình sẽ share bản có phí chứ không phả bản miễn phí nhé!

Một số tính năng nổi bật

Tích hợp Repopnsive (Hỗ trợ hiển thị trên mọi thiết bị)
Được thiết kế chuẩn SEO
Bố cục đẹp mắt, dễ nhìn
Hỗ trợ nơi đặt quảng cáo đẹp
Tích hợp các button chia sẻ lên mạng xã hội
Và còn nhiều thứ khác, các bạn tự tìm hiểu

DEMO DOWNLOAD

Bài viết được tài trợ bởi Bùi Đức Hiệp – Hiepb.Com !

Nguồn : DoiGuocMoc

Top 10 Blog chia sẻ Template Blogspot lớn nhất hiện nay

noreply@blogger.com (Anonymous) — Tue, 07 Jun 2016 09:26:00 +0000

Nội dung chính [Ẩn]

Như các bạn cũng biết, càng ngày thì Template Blogspot càng trở nên đẹp hơn, chuyên nghiệp hơn và tối ưu hơn để có thể sánh kịp với các nền tảng Blog/website khác. Tuy nhiên, không phải ai cũng có thể tự tạo cho riêng mình một Template được.
Vì vậy, bài viết này mình sẽ đưa ra danh sách Top 10 Blog chia sẻ Template Blogspot miễn phí và tốt nhất hiện nay trên thế giới mà mình biết được.
Danh sách dưới đây đều là những Blog/website chia sẻ template hàng đầu thế giới cho nên Template của họ cũng đẹp và chất lượng không thua kém nhau là bao nên mình không viết chi tiết nữa nhé!

1. Soratemplates

2. Btemplates

3. Premium Blogger Templates

4. Blog Template 4u

5. Zoom Template

6. Deluxe Templates

7. Lovely Templates

8. All blog Tools

9. Protemplateslab

10. Blogger template Store

Trên đây là danh sách Top 10 Blog chia sẻ Template Blogspot lớn nhất hiện nay. Hi vọng rằng, với danh sách này các bạn sẽ tìm được một Template Blogspot phù hợp với mình. Mình xin lưu ý rằng, do đây là Template được chia sẻ miễn phí nên rất có thể họ sẽ mã hóa các đoạn Js trong Template của mình. Cũng như rất có thể họ sẽ gắn đoạn mã để bảo vệ bản quyền cho Template.
Vì vậy, để có thể toàn quyền sử dụng Template thì bạn nên mua Template từ họ để nhận được sự hỗ trợ khi gặp phải vướng mắc nhé!

Cập nhật thêm
11 : http://mytem.doiguocmoc.com
12: http://share.thinhnd.com/

Nguồn : DoiGiocMoc

Revoltify – Template đẹp cho blog cá nhân

noreply@blogger.com (Anonymous) — Tue, 07 Jun 2016 09:25:00 +0000

Cũng đã khá lâu mình chưa giới thiệu tới các bạn một Template nào cả. Vì thực ra mình cũng không tìm thấy được tem nào đẹp để mà giới thiệu nữa. Cũng thật tình cờ khi hôm nay lang thang trên mạng tìm một Template để làm cái blog cá nhân thì bắt gặp được tem này. Mình đã ưng nó ngay lập tức, và quyết định giới thiệu cho các bạn cùng biết để dùng luôn.
Revoltify Template đây phải nói là một tem rất phù hợp để làm một blog cá nhân, hay một blog chia sẻ nếu như không có quá nhiều các lĩnh vực. Thật tuyệt vời là Revoltify hiện tại có hai phiên bản để cho các bạn lựa chọn.

Nếu như bạn chưa có điều kiện thì bạn có thể dùng bản miễn phí, nó cũng không hề thua kém bản có phí ở chức năng. Chỉ là về giao diện thì có chút không bằng thôi. Tuy nhiên không sao hết, bởi hai bản này đều đẹp và rất bắt mắt.
Với thiết kế đơn giản, chỉ gồm hai cột nên nhìn blog khá là thoáng không bị lẫn lộn giữa các phần. Cũng bắt kịp thời đại, Revoltify đã tích hợp Reponsive và Breadcrumbs cho nó. Đã được tối ưu hóa và chuẩn SEO. Vì vậy, có thể nói rằng đây là một Tempalte mà bạn đáng dùng thử đấy!!!

Bản v2: DEMO DOWNLOAD

Bản v3: DEMO DOWNLOAD

Share Free PSD chữ Tuyết 3D

noreply@blogger.com (Anonymous) — Mon, 06 Jun 2016 08:59:00 +0000

Download PSD

Hướng dẫn cách xóa code mã hóa bản quyền blogger

noreply@blogger.com (Anonymous) — Mon, 06 Jun 2016 02:13:00 +0000

Cách xóa code mã hóa bản quyền blogger

Blogspot là trang blogger rất được ưa chuộng không những ở Việt Nam mà còn ở nước ngoài cũng rất ưa chuộng vì những tính năng và chất lượng của nó, vì thế nhiều template blogspot đẹp cũng được share free rất nhiều trên mạng nhưng có điều những blogger chuyên nghiệp thiết kế ra template họ muốn giữ bản quyền thiết kế của họ, làm ta cảm thấy vướng mắt và muốn xóa chúng đi nhưng không biết cách xóa hôm nay mình sẽ hướng dẫn các bạn cách xóa mã hóa bản quyền đó

Mình không khuyến khích các bạn xóa link mã hóa đó vì công người ngồi thiết kế ra cái template đó quả thực muốn giữ lại cái bản quyền để người khác biết đến, nếu là bạn thì chắc cũng vậy thui, còn nếu như những mã hóa bản quyền làm quá lên hoặc chữ to đùng đùng thì xóa là phải rùi. Hehe

Có nhiều cách mã hóa nhé nhưng thường thường là họ hay mã hóa kiểu này nè vì nó đơn giản trẻ trâu cũng làm được mình hướng dẫn cách xóa và cách thêm bản quyền luôn

Bước 1 : Đăng nhập vào Blogger >> Chỉnh sửa template và tìm đến thẻ đóng </head> xóa đoạn code trên thẻ </head> kiều như thế này.

//<![CDATA[

$(document).ready(function () {

$('#hdcopyright').html('<a href="http://www.kiemtientangai.blogspot.com/url1" >Tán gái đê</a>');

setInterval(function () {

if (!$('#kslcopyright:visible').length) window.location.href = 'http://www.kiemtientangai.blogspot.com/url2' }, 1000) }) //]]> </script>

Có nhiều đoạn code không giống nhau đâu nhé nhưng nó hơi tựa như vậy cái quan trọng là cứ tìm những cái như thế này là phải

Có nhiều dạng code nhưng họ hay để tên là jquery.min đó nên ta có thể dễ dàng tìm kiếm hơn

Bước 2 : Xóa đoạn code sau, thường hay để dưới footer bên dưới đoạn code <div id='footer-wrapper'>.

Lưu ý là có thể họ thêm nhiều đoạn code vào file .js kiểm tra lại xem blog có vấn đề gì không nhé.

Thêm một kiểu mã hóa như thế này nữa nhé

Tìm đoạn mã //<![CDATA[
Có rất nhiều đoạn mã như vậy .Nhưng hay tìm tới 1 đoạn như trong hình
Chọn đoạn mã sau //<![CDATA[ đến trước //]]> như trong hình.
Xóa đoạn đó đi và lưu temp lại
Đây là là đoạn script mà tôi đã gỡ bỏ bản quyền chủ sở hữu.
Tìm kiếm từ mycontent và thay đổi nó với bất kỳ từ nào bạn muốn ví dụ như Skyarta
Bây giờ bản có thể thay đổi hoặc loại bỏ các liên kết bản quyền ở footer như bạn mong muốn.

Chúc các bạn thành công !

Nguồn : kiemtientangai.blogspot.com

Tạo menu thân thiện và đẹp giao diện di động cho Blogspot

noreply@blogger.com (Anonymous) — Sun, 05 Jun 2016 10:36:00 +0000

Nhatthienkt.net - Tìm hiểu ở một số trang web viết bởi mã nguồn Blogger trên thiết bị di động lướt rất mượt và đẹp. Đặc biệt Menu CSS rất tinh tế và dể sử dụng. Nếu bạn là người đam mê Blogger - Blogspot thì Menu đẹp là việc làm đầu tiên.

Bài viết này bởi nhatthienkt tuy nhiên code bởi tác giả khác. Thấy hay và chia sẻ, các bạn không thắc mắc nhé.

Xem trước mẫu

- Đây là giao diện Desktop của MENU

- Đây là giao diện trên thiết bị di động (Điện thoại, Ipaid,..)

và chi tiết hơn như hình dưới

Bạn có thể xem Demo trực tiếp tại Web của mình
Giao diện Desktop www.nhatthienkt.net
Giao diện Mobile: www.nhatthienkt.net?m=1

Hướng dẫn thực hiện

Bước 1: Truy cập vào Bảng điều khiển Blogger

- Tìm đến đoạn ]]></b:skin>

Và chèn code bên dưới lên trên nó

/*dropdown menu*/ #menu{background:#098047;color:#eee;height:35px;} #menu ul,#menu li{margin:0;padding:0;list-style:none} #menu ul{height:35px} #menu li{float:left;display:inline;position:relative;font:bold 13px Arial;} #menu li a{color:#ccc;box-shadow: inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);} #menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#333;} #menu li:hover > a,#menu li a:hover{color:#fff} #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer} #menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center} #menu label span{font-size:13px;position:absolute;left:35px} #menu ul.menus{height:auto;overflow:hidden;width:180px;background:#fff;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333} #menu ul.menus a{color:#333} #menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;} #menu li:hover ul.menus{display:block} #menu a.prett,#menu a.trigger2{padding:0 27px 0 14px} #menu li:hover > a.prett,#menu a.prett:hover{background:#fff;color:#333} #menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:15px;right:9px} #menu ul.menus a:hover{background:#06703D;} #menu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px} /*Responsive menu*/ @media screen and (max-width: 768px){ #menu{position:relative} #menu ul{background:#838383;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;} #menu ul.menus{width:100%;position:static;border:none} #menu li{display:block;float:none;width:auto;text-align:left} #menu li a{color:#fff} #menu li a:hover{color:#333} #menu li:hover{background:#BABABA;color:#333;} #menu li:hover > a.prett,#menu a.prett:hover{background:#BABABA;color:#333;} #menu ul.menus a{background:#BABABA;} #menu ul.menus a:hover{background:#fff;} #menu input,#menu label{position:absolute;top:0;left:0;display:block} #menu input{z-index:4} #menu input:checked + label{color:white} #menu input:checked ~ ul{display:block} }

Bước 2: Tìm đến đoạn </header>

Và chèn ngay sau nó đoạn code Menu

<nav id='menu'>
<input type='checkbox'/>
<label>≡<span>Menu</span></label>
<ul>
<li><a href='MỤC 1' rel='nofollow' title="Mô tả">MeNu 1</a></li>
<li><a class='prett' href='search/label/Tên Label chính 1' title="Mô tả label chính 1">MeNu 2</a>
<ul class='menus'>
<li><a href='/search/label/Tên Label 2' title="Mô tả Lanel 2">Menu 2.1</a></li>
<li><a href='/search/label/Tên Label 3' title="Mô tả Lanel 3">Menu 2.2</a></li>
<li><a href='/search/label/Tên Label 4' title="Mô tả Lanel 4">Menu 2.3</a></li>
<li><a href='/search/label/Tên Label 5' title="Mô tả Lanel 5">Menu 2.4</a></li>
</ul>
</li>

<li><a class='prett' href='search/label/Tên Label chính 2' title="Mô tả label chính 2">MeNu 3</a>
<ul class='menus'>
<li><a href='/search/label/Tên Label 6' title="Mô tả Lanel 6">Menu 3.1</a></li>
<li><a href='/search/label/Tên Label 7' title="Mô tả Lanel 7">Menu 3.2</a></li>
<li><a href='/search/label/Tên Label 8' title="Mô tả Lanel 8">Menu 3.3</a></li>
<li><a href='/search/label/Tên Label 9' title="Mô tả Lanel 9">Menu 3.4</a></li>
</ul>
</li>

<li><a class='prett' href='search/label/Tên Label chính 3' title="Mô tả label chính 3">MeNu 4</a>
<ul class='menus'>
<li><a href='/search/label/Tên Label 10' title="Mô tả Lanel 10">Menu 4.1</a></li>
<li><a href='/search/label/Tên Label 11' title="Mô tả Lanel 11">Menu 4.2</a></li>
<li><a href='/search/label/Tên Label 12' title="Mô tả Lanel 12">Menu 4.3</a></li>
<li><a href='/search/label/Tên Label 13' title="Mô tả Lanel 13">Menu 4.4</a></li>
</ul>
</li>

</ul>
</nav>

Chú ý là Tên Label phải được viết chuẩn HTML5
Ví dụ: Bạn có một Nhãn tên là Góc giải trí thì bạn phải viết thành Góc%20Giải%20trí tức là ta thêm %20 vào chỗ khoản trắng.
<li><a class='prett' href='search/label/Góc%20Giải%20trí' title="Chuyên mục giải trí">Góc Giải trí</a>
<ul class='menus'>
<li><a href='/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Windows%207' title="Phim hay tổng hợp">Phim hay</a></li>
<li><a href='/search/label/Test%20IQ' title="Kiểm tra IQ">Test IQ</a></li>
<li><a href='/search/label/Hình%20ảnh' title="Chia sẻ hình ảnh vui">Hình ảnh vui</a></li>
</ul>

</li>

Bước 3: Vào mục MẪU xem qua bên Điện thoại di động và chọn Tùy chỉnh

Check ngay nhé. Chúc các bạn thành công!
Nguồn : http://www.nhatthienkt.net

Tạo menu ẩn hiện trượt dọc tuyệt đẹp cho blogspot

noreply@blogger.com (Anonymous) — Sun, 05 Jun 2016 10:32:00 +0000

Tạo menu ẩn hiện trượt dọc bên trái cho blogspot, các thành phần của menu sẽ trượt dọc giúp tiết kiệm không gian hiển thị cho blogspot sẽ làm bạn hài lòng Tạo menu ẩn hiện trượt dọc tuyệt đẹp cho blogspot

Tạo menu ẩn hiện trượt dọc tuyệt đẹp cho blogspot

XEM DEMO >>

Cách thực hiện Tạo menu ẩn hiện trượt dọc:

BƯỚC 1: TẠO CSS CHO MENU TRƯỢT DỌC

Đăng nhập vào blogger >> Chọn mẫu >> Chỉnh sửa HTML >> Ctrl+F >> Tìm đến thẻ ]]></b:skin> và chèn đoạn CSS bên dưới trên thẻ ]]></b:skin>

.menu{position:absolute;top:15px;right:8%;text-align:center;padding:0;color:#333;font-size:28px;font-weight:700;line-height:25px;cursor:pointer}
#css-menu{border-top:6px solid #46a28d ;position:fixed;top:0;right:0px;z-index:9999;background:rgba(44, 44, 45, 0.82);height:100%;transition:all .4s ease-in-out;}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;text-decoration: none;line-height: 1; font-family: "Open Sans", sans-serif;font-size: 14px;position: relative;}
#cssmenu a {line-height: 1.3;padding: 12px 15px;}
#cssmenu {width: 240px;}
#cssmenu > ul > li {cursor: pointer;background: #efefef;border-top:1px solid #3d3d3d;border-bottom: 1px solid #161616;}
#cssmenu > ul > li:first-child {border-top:none;}
#cssmenu > ul > li:last-child {border-bottom:1px solid #3d3d3d;}
#cssmenu > ul > li:last-child > a {border-bottom: 1px solid #161616;}
#cssmenu > ul > li > a {font-size: 14px;display: block;color: #fff;text-shadow: 0 1px 1px #000;background: #2C2C2D;padding: 12px 15px;}
#cssmenu > ul > li > a:hover {text-decoration: none;background:#3d3d3d}
#cssmenu > ul > li.active {font-weight:700;}
#cssmenu > ul > li.home .close-menu{background: #2C2C2D;color: #fff;font-size:18px;font-weight:700;padding: 9px 15px;display:block}
#cssmenu > ul > li.has-sub > a:after {content: '';position: absolute;top: 15px;right: 10px;border: 5px solid transparent;border-left: 5px solid #fff;}
#cssmenu > ul > li.has-sub.active > a:after {right: 14px;top: 17px;border: 5px solid transparent;border-top: 5px solid #fff;}
#cssmenu ul ul {padding: 0;display: none;}
#cssmenu ul ul.expand {height:200px;overflow:auto}
#cssmenu ul ul a {background: #efefef;display: block;color: #797979;font-size: 13px;}
#cssmenu ul ul a:hover {color: #000;}
#cssmenu ul ul li {border-bottom: 1px solid #c9c9c9;}
#cssmenu ul ul li.odd a {background: #e5e5e5;}
#cssmenu ul ul li:last-child {border: none;}

BƯỚC 2: Chèn HTML CHO MENU TRƯỢT DỌC

Sau khi chèn CSS xong tiếp tục chèn đoạn code bên dưới dưới thẻ <body>

<div class='menu' title='Click vào để mở Menu ~~>'><span style='font:bold 14px Sans-serif;color:#888;position:absolute;top:5px;left:-270%'>Menu</span> ≡</div>
<div id='css-menu'>
<div id='cssmenu'>
<ul>
<li class='home'><span class='close-menu' style='font-size:26px;font-weight:400;position:relative' title='Close'>► <span style='font-size:14px;font-weight:700;position:absolute;top:17px;left:44px'>Close menu</span></span></li>
<li><a href='/' title='Home'><span>Home</span></a></li>
<li><a href='#' title='Daftar Isi'><span>Sitemaps</span></a></li>
<li class='has-sub'><a href='#' title='About This Blog'><span>About This Blog</span></a>
<ul>
<li><a href='#' title='About'><span>About</span></a></li>
<li><a href='#' title='Contact'><span>Contact</span></a></li>
<li class='last'><a href='#' title='Privacy'><span>Privacy</span></a></li>
</ul>
</li>
<li><a href='#' title='Pasang Iklan'><span>Advertiser</span></a></li>
<li class='has-sub'><a href='#' title='More'><span>More Menus</span></a>
<ul class='expand'>
<li><a href='#' title='More Menu 1'><span>More Menu 1</span></a></li>
<li><a href='#' title='More Menu 2'><span>More Menu 2</span></a></li>
<li><a href='#' title='More Menu 3'><span>More Menu 3</span></a></li>
<li><a href='#' title='More Menu 4'><span>More Menu 4</span></a></li>
<li><a href='#' title='More Menu 5'><span>More Menu 5</span></a></li>
<li><a href='#' title='More Menu 6'><span>More Menu 6</span></a></li>
<li><a href='#' title='More Menu 7'><span>More Menu 7</span></a></li>
<li><a href='#' title='More Menu 8'><span>More Menu 8</span></a></li>
<li><a href='#' title='More Menu 9'><span>More Menu 9</span></a></li>
<li><a href='#' title='More Menu 10'><span>More Menu 10</span></a></li>
<li class='last'><a href='#' rel='nofollow' target='_blank' title='More Menu 11'><span>More Menu 11</span></a></li>
</ul>
</li>
</ul>
</div>
</div>

BƯỚC 3: CHÈN JAVACRIPT CHO MENU BLOGSPOT

CHÈN đoạn Javacript bên dưới trên thẻ </body> để tạo hiệu ứng.

<script type='text/javascript'>
//<![CDATA[
$('#cssmenu ul ul li:odd').addClass('odd');
$('#cssmenu ul ul li:even').addClass('even');
$('#cssmenu > ul > li > a').click(function() {
$('#cssmenu li').removeClass('active');
$(this).closest('li').addClass('active');
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#cssmenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
//]]>
</script>
<script type='text/javascript'>
$(function() {
$('.menu').click(function () {
$('#css-menu').css({right:'0'});
});
$('.close-menu').click(function() {
$('#css-menu').css({right:'-340px'});
});
});
</script>

Một vài đoạn code mình đã tô đỏ các bạn sửa lại cho phù hợp với blog của mình nhé!
Vậy là bạn đã có menu trượt dọc khá đẹp cho blogspot rồi đây
nguồn từ: Kompiajaib

[TUT]: Report Account FaceBook 2016 - 100% Die

noreply@blogger.com (Anonymous) — Fri, 03 Jun 2016 08:22:00 +0000

- Xin Chào Các Bạn Hôm Nay Phúc Oscar Sẽ Hướng Dẫn Cách Report Acount Mau Die Nhất

+ Bước 1: Tìm Victim Cần Report

+ Bước 2: Truy Cập Vào Link Này Nhấn vào đây Cho Họ Tải Ảnh Về Rồi Kêu Gửi Qua
+ Bước 3: Hóng Kết Quả
- Lưu Ý: TEST NICK CLONE TRƯỚC KHI SỬ DỤNG NICK CHÍNH

Hướng dẫn tạo phần mềm AIO bằng - AutoPlay Media Studio Personal Edition 8.0.6.0 Full

noreply@blogger.com (Anonymous) — Wed, 25 May 2016 08:09:00 +0000

Hãy tạo một ấn tượng tốt đầu tiên với một CD tự hoạt động chuyên nghiệp bằng cách sử dụng AutoPlay Media Studio. Chương trình dễ sử dụng này cho phép bạn nhanh chóng tạo những menu tự làm việc, các bài thuyết trình sinh động, và những ứng dụng khác theo ý thích chỉ trong vòng vài phút. Sử dụng những công cụ có sẵn của bạn như hình ảnh, âm nhạc, video, flash, văn bản, và những thứ khác, và đơn giản chỉ việc kéo ‘và’ thả những vật đã chuẩn bị vào các menu tự làm việc tuyệt vời. Chương trình của bạn sẽ thật sự nổi bật với bề ngoài chuyên nghiệp cung cấp bởi AutoPlay Media Studio. Để giúp đỡ bạn có bắt đầu thuận lợi, chúng tôi cung cấp thêm nhiều nguồn hỗ trợ bao gồm đào tạo qua video, những nội dung phụ chuyên nghiệp, một diễn đàn người tiêu dùng trực tuyến, và nhiều hơn thế nữa.

AutoPlay Media Studio có thể mang đến điều gì cho bạn?

AutoPlay Media Studio là một bộ sưu tập trong mơ cho các chuyên viên thiết kế, người muốn tạo những menu tự làm việc cho installers, P@tches, và nhiều dự án chương trình khác của họ. Sự kết hợp hoàn hảo một loạt các phương tiện truyền thông như hình ảnh, âm nhạc, flash, video và các trang HTML vào một đĩa CD duy nhất chỉ trong vòng vài phút. Chúng tôi mời bạn tải về chương trình thử nghiệm miễn phí, đầy đủ các chức năng để tận mắt chứng kiến chương trình dễ sử dụng đến mức nào.

Từ khái niệm đến CD trong vòng vài phút

AutoPlay Media Studio là một giải pháp tối ưu trong việc làm ra những CD tự làm việc chất lượng cao. Cho dù sử dụng những mẫu có sẵn, hay bắt đầu từ những mớ hỗn tạp, bạn có thể có một dự án như menu cho installer theo ý được hoàn thành chỉ trong vài phút và đưa trực tiếp ra CD/DVD ROM, như là một tập tin có thể thực thi cho việc phân phối, hay ngay cả một tập tin dạng ISO để bạn có thể burn trực tiếp từ chương trình burn CD/DVD yêu thích. Thật là một cách nhanh chóng, dễ dàng và tiện lợi đem những ý tưởng của bạn từ giai đoạn khái niệm trực tiếp chuyển ra đĩa trong vòng vài phút bất kể nguồn tài chính của bạn.

Được sử dụng bởi hàng ngàn chuyên viên thiết kế khắp thế giới

Mỗi ngày hàng trăm chuyên viên thiết kế của hàng ngàn công ty đứng đầu sử dụng AutoPlay Media Studio để phục vụ hàng triệu khách hàng. Hãy nhấn vào đây để xem một bảng danh sách mẫu của những công ty hàng đầu này. Cuộc nổi dậy của AutoPlay Media Studio từ một chương trình làm menu đơn giản trở thành một bộ làm CD tự hoạt động chuyên nghiệp đã được chứng thực trực tiếp thông qua mối quan hệ của chúng tôi với những chuyên viên thiết kế đó. AutoPlay Media Studio 8.0 cung cấp kỹ thuật tốt nhất mà thị trường phải có. Thêm vào đó, chúng tôi còn cung cấp sự hỗ trợ sau khi bán hàng tốt nhất và bạn vừa có một món hàng hoàn chỉnh với giá trị đặc biệt.

Tạo các gói AIO nhanh chóng, mạnh mẽ

Với phần mềm AutoPlay Media Studio 8 Personal Edition, bạn có thể tạo ra các bộ phần mềm “all in one” một cách dễ dàng và chuyên nghiệp, sau đó đóng gói thành 1 file duy nhất (định dạng exe)

Những cải tiến đáng chú ý của AutoPlay Media Studio 8:

Bộ máy scripting được nâng cấp lên phiên bản 5.1, hoạt động nhanh và hiệu quả hơn. Hỗ trợ ghi gói phần mềm AIO đồ sộ ra đĩa Blu-ray.
Tạo mới đối tượng PDF (hiển thị tài liệu PDF ngay trong ứng dụng của bạn) và gán 18 hành động (action) khác nhau, song yêu cầu máy cài sẵn Adobe Reader 8 trở lên.

Tạo mới đối tượng QuickTime và gán 22 hành động khác nhau, song yêu cầu máy cài sẵn QuickTime Player (AutoPlay Media Studio 8 nay tương thích với hơn 80 định dạng video, âm thanh, hình, bao gồm.MOV, .DV, .M4V, .MP4, .AAC, .AIF, .M4A, .MP3).

Bổ sung hành động FTPWI, cho phép bạn tải file về máy từ FTP server chỉ định.
Tạo xButton, nút lệnh mặc định sẽ có kiểu dáng đúng “tông” của phiên bản Windows mà bạn đang xài, nhưng cho bạn chọn lại kiểu dáng và gán hình ảnh đại diện.

Chèn balloon tooltip – hiển thị khi bạn rê chuột vào các đối tượng.

http://www.indigorose.com

Mediafire : AutoPlay Media Studio Personal Edition 8.0.6 Full Active

Mirror

4share : AutoPlay Media Studio Personal Edition 8.0.6 Full Active

: AutoPlay Media Studio Personal Edition 8.0.6

License Details Your Name: VNZ Contrucsion
Your Email: nguyenleductho@msn.com
Serial Number: 000015-YXPAT7-DTRWRQ-53KMRJ-5NVGF6-AQXMXR-HYDRTD-MX0VGX-HWQ2WB-GA6D69
Hoặc
Your Name: VNZ Contrucsion
Your Email: nguyenleductho@msn.com
Serial Number: 000015-YXPAT7-DTRNG3-YPV0PN-0RN72H-M9E3XW-W3VYMG-6YAGA6-J1BZ2H-WP0QK0
Hoặc
Your Name: VNZ Contrucsion
Your Email: nguyenleductho@msn.com
Serial Number: 000015-YXPAT7-DTRPAV-J5WFTV-XGWDP2-9DXT8N-PDJNVD-ZGN9MN-39JUXE-P2FUY8
Hoặc
Your Name: VNZ Contrucsion
Your Email: nguyenleductho@msn.com
Serial Number: 000015-YXPAT7-DTRYQ4-V585RE-Z6V0EY-G7M3WN-AVWAAF-FTK7PW-ADCN1F-ZCA2CQ

Bảng Autoplay media studio 8.0.6.0 Trial Portable (142.92 MB)
dành cho ai thích portable (Nguồn : sưu tầm)

Mediafire : Portable Autoplay Media Studio Trial 8.0.6.0

Mirror

4share.vn : Portable Autoplay Media Studio Trial8.0.6.0

P/S Khuyến cáo nên sử dụng bản cài đặt full để tăng khả năng ổn định và thuận tiện trong việc tạo phần mềm AIO khi sử dụng

Hướng dẫn tạo phần mềm “All In One” (AIO Software)

Khởi động chuơng trình lên [dư thừa ]
Trong hộp thoại Welcome to AutoPlay Media Studio 8 xuất hiện sau khi khởi động chương trình lần đầu, bạn bấm nút Create a New Project để khởi tạo một dự án mới.

Ở hộp thoại kế tiếp, bạn chọn một kiểu giao diện cho gói phần mềm AIO sắp tạo. Nếu muốn tự thiết kế một kiểu giao diện riêng cho gói phần mềm AIO, bạn chọn Blank Project. Tiếp đó, bạn gõ tên dự án hay tên hiển thị trên thanh tiêu đề của gói phần mềm AIO vào hộp Name your project, rồi bấm OK.

Trong bài này, mình sẽ tự thiết kế giao diện cho gói phần mềm AIO.
Lưu ý: Toàn bộ dữ liệu của gói phần mềm AIO do bạn khởi tạo sẽ lưu trong thư mục
Documents\AutoPlay Media Studio 8\Projects\Tên dự án (với Windows 7/Vista)
hoặc
My Documents\AutoPlay Media Studio 8\Projects\Tên dự án (với Windows XP).
Nếu bạn xài bản Portable thì đường dẫn trên không có giá trị.Thông thường nó sẽ lưu vào thư mục mà bản Portable tạo ra ( cái này mọi người tự mò nha )

Bước 1 :Chèn ảnh nền cho trang
Chuyển đến giao diện chính của AutoPlay Media Studio 8, trước tiên bạn bấm phải chuột vào Page 1 (trang đầu tiên) và chọn Properties.

Trong hộp thoại mở ra, tại thẻ Settings, bạn đánh dấu ô Use custom settings >Image, bấm nút Browse và tìm chọn ảnh ưa thích làm nền cho trang 1, giữ nguyên dấu chọn tại ô Fit to page và bấm OK.

Bước 2 : Tạo nhãn cho trang
Bạn bấm phải chuột vào trang và chọn Label hoặc bấm vào biểu tượng Abctrên thanh công cụ, nhấp đôi vào khung New Label vừa xuất hiện trên ảnh nền.
Ở hộp thoại Label Properties: Page 1 mở ra, bạn gõ tên mới thể hiện nội dung cho trang vào hộp Text, bấm tiếp nút Font để chọn kiểu font và kích cỡ chữ phù hợp, rồi bấm OK. Quay trở lại hộp thoại trước, bạn có thể canh lề(Alignment), xác lập màu cho chữ (State Colors), rồi bấm OK để hoàn tất.

Bước 3 : Tạo nút lệnh cài phần mềm
Trước hết, bạn nên tính toán số nút lệnh mở file cài đặt phần mềm cần tạo ra trên trang 1, chọn kiểu dáng và xác định kích thước đồng bộ cho tất cả nút nhằm tiết kiệm thời gian.
Kế tiếp, bạn bấm phải chuột vào trang và chọn Button (một kiểu nút lệnh có sẵn trong thư viện chương trình) hoặc xButton (nút lệnh có kiểu dáng phù hợp với phiên bản Windows hiện hành, hỗ trợ tùy biến hình dáng và chèn thêm ảnh) để tạo ra nút đầu tiên.

Lưu ý: Nếu chọn xButton, bạn nhấp đôi vào nút có chữ Click here vừa xuất hiện, nhấp vào hộp Theme và chọn lại kiểu dáng cho nút, bấm tiếp nút Browsebên phải trường Button Image nếu muốn tìm chọn ảnh đại diện cho nút (nhưng có thể sẽ che mất chữ trên nút).

Tiếp theo, bạn nhấp vào nút vừa tạo, di chuyển các hình tròn nhỏ màu trắng để cân chỉnh kích thước của nút phù hợp với trang cũng như tổng số nút mà bạn định tạo.
Xong, bạn bấm phải chuột vào nút đầu tiên và chọn Copy, bấm phải chuột vào vị trí muốn dán nút và chọn Paste. Lặp lại thao tác này cho đến khi tạo ra đủ số nút cần thiết.
Sau khi sắp xếp các nút ngay ngăn, bạn tuần tự bấm đôi vào từng nút, nhập tên gợi nhớ phần mềm sẽ cài đặt qua nút này vào hộp Text, bấm nút Font để xác lập lại kiểu font và cỡ chữ, rồi bấm OK. Trở lại hộp thoại Button Properties, bạn canh lề cho chữ, chọn màu chữ tương phản với màu ảnh nền của nút (chẳng hạn chọn màu đen cho chữ khi thấy nút có màu trắng) thì mới thấy rõ chữ trên nút.

Bây giờ, bạn chuyển sang thẻ Quick Action, nhấp vào hộp dưới trường Action to run và chọn Run Program từ menu xổ ra.
Tiếp đến, bạn bấm nút Browse bên phải trường File to run (vừa xuất hiện) và tìm chọn file cài đặt phần mềm (định dạng .exe hoặc .msi). File này sẽ tự động chuyển vào thư mục Docs tại đường dẫn
Documents\AutoPlay Media Studio 8\Projects\Tên dự án\CD_Root\AutoPlay\ Docs (Windows Vista / 7)
hay
My Documents\AutoPlay Media Studio 8\Projects\ Tên dự án\CD_Root\AutoPlay\Docs.(Windows XP)
(Cũng như trên đường dẫn này không áp dụng cho bản Portable)

Dưới trường Run Mode là ba chế độ hiển thị cửa sổ cài phần mềm: Normal(bình thường), Minimized (thu cửa sổ xuống Taskbar), Maximized (cực đại cửa sổ). Xong, bấm OK

Lưu ý:
Nếu cần tạo nút lệnh mở một file .txt chứa số đăng ký phần mềm, bạn nhấp vào hộp Action to run và chọn Open Document, bấm tiếp nút Browse và tìm chọn file .txt đó.

Trong trường hợp muốn tạo nút lệnh mở một thư mục chứa file đăng ký phần mềm dưới dạng chép đè lên file thực thi (.exe) hoặc trong các file keygen , patch, trước tiên bạn copy thư mục này vào thư mục
Documents\AutoPlay Media Studio 8\Projects\Tên dự án\CD_Root\AutoPlay\Docs, (Windows Vista/7)
hay
My Documents\AutoPlay Media Studio 8\Projects\Tên dự án\CD_Root\AutoPlay\Docs.(Windows XP)
(Như trên 2 đường dẫn này không áp dụng cho bản Portable)

Trở lại màn hình chính của Autoplay nhấp vào hộp Action to run và chọnExplorer Folder, bấm nút Browse và duyệt đến thư mục vừa chép vào thư mục Docs Docs.

Nếu muốn chèn thêm balloon tooltip (nội dung sẽ hiển thị khi rê chuột vào nút), bạn nhảy sang thẻ Attributes, nhập nội dung vào hộp Tooltip (không nên gõ tiếng Việt có dấu vì nội dung sẽ hiển thị không chính xác), rồi bấm OK.

Bạn lặp lại thao tác tương tự trên để “nhúng” file cài phần mềm khác vào các nút còn lại.

Bước 4 : Chèn thêm trang chứa phần mềm
Nếu một trang không chứa đủ số nút cài phần mềm, bạn cần chèn thêm một trang nữa bằng cách: bấm phải chuột vào biểu tượng Page trong khung phía trên bên trái và chọn Add. Cách chọn ảnh nền, gán nhãn, tạo các nút cài phần mềm trên trang 2 (Page 2) cũng tương tự như trang 1. Tuy nhiên, bạn phải tạo thêm nút chuyển từ trang 1 sang trang 2, và ngược lại.

Tại trang 1, sau khi chọn hình dáng và kích cỡ phù hợp cho nút chuyển trang, bạn nhấp đôi vào nút này, nhập tên vào hộp Text trong thẻ Settings (chẳng hạn Next); chuyển tiếp sang thẻ Quick Action, nhấp vào hộp Action to run và chọn Show Page, giữ nguyên tùy chọn Next tại trường Page to show và bấmOK.

Tại trang 2, bạn cũng tạo thêm nút chuyển ngược từ trang 2 sang trang 1 với cách thực hiện tương tự trên, chỉ khác là trong hộp Page to show, bạn chọnFirst hoặc Previous thay cho Next.

Bước 5 : Chèn nhạc nền
Nếu muốn một bản nhạc cất lên mỗi khi mở gói phần mềm AIO, bạn bấm phải vào biểu tượng Project trong khung phía trên bên trái và chọn Audio. Ở hộp thoại xuất hiện, tại thẻ Background Music, bạn bấm nút Add và tìm chọn file nhạc ưa thích (chỉ hỗ trợ các định dạng wav, .ogg, .raw, .aif hay .aiff; nếu bạn chọn file mp3 thì chỉ nghe tiếng nhạc rè), rồi bấm OK.
Lưu ý: Bạn không nên chọn nhiều file nhạc nền, vì như thế dung lượng của gói phần mềm AIO sẽ phình to ra.
Phần mềm dùng để conver các định dang sang .wav , .ogg …..

Bước 6 : Xuất xưởng
Lúc hoàn thành dự án, bạn xem tổng dung lượng của gói phần mềm AIO thông qua khung Project size phía dưới, rồi nhấn F5 (hoặc bấm nút Preview trên thanh công cụ) để xem thử đã vừa ý chưa.
Nếu hài lòng về thành phẩm của mình, bạn nhấn F7 hoặc bấm nút Build trên thanh công cụ, bấm tiếp nút Continue > Accept. Chuyển đến hộp thoại Publish Object, bạn đánh dấu tùy chọn Web/Email executable để đóng gói phần mềm AIO thành file .exe (hoặc Burn data CD/DVD/Blu-Ray để ghi luôn vào đĩa), rồi nhấn Next.

Sang hộp thoại kế tiếp, bạn nhấn nút Browse và chọn thư mục lưu file .exe(tên file không được có khoảng trắng). Muốn chèn thêm thông điệp hiển thị trong thời gian khởi động gói phần mềm AIO, bạn giữ nguyên tùy chọn Show progress window, rồi nhập nội dung vào khung Windows title phía dưới thay cho Loading.
Bạn đánh dấu ô Enable AutoPlay feature để tạo thêm file autorun.inf phục vụ cho việc ghi gói phần mềm AIO vào đĩa sau này. Sau cùng, bạn bấm Build để khởi tạo file .exe mở gói phần mềm AIO. Hoàn tất, bạn bấm Close để truy cập luôn thư mục chứa file này.

Demo 1 bản AIO cơ bản . Ai có hứng thú down về xem nha

Mediafire : Demo AutoPlay Media Studio Personal Edition

Mirror

4share : Demo AutoPlay Media Studio Personal Edition

Nguồn : VN-ZOOM.COM

PSD Nổ Lực - Cover Ảnh Bìa Facebook

noreply@blogger.com (Anonymous) — Wed, 25 May 2016 04:45:00 +0000

Download PSD Nổ Lực

Thêm Icons cho thanh Sidebar Blogspot

noreply@blogger.com (Anonymous) — Tue, 24 May 2016 10:17:00 +0000

Hướng dẫn chèn Icons cho thanh Sidebar Blogspot

B1: Vào vào Mẫu

B2: Vào Chỉnh sửa HTML (EDIT HTML)
B3 : Nhấn vào đây để lấy code

B4: Thêm code này trước thẻ ]]></b:skin>
B5: Lưu lại và xem thành quả

Ảnh demo

Nhấn vào đây để lấy Code

Bài gốc: https://phucoscar.blogspot.com/2016/05/chen-icon-sidebar.html . Bạn vui lòng ghi rõ nguồn nếu bạn coppy bài viết! Xin cảm ơn!"

Download PSD Ảnh Bìa Tâm Trạng

noreply@blogger.com (Anonymous) — Fri, 13 May 2016 10:57:00 +0000

DOWNLOAD PSD ẢNH BÌA NHẤN VÀO ĐÂY

Share Template Axact - Responsive Magazine Blogger Theme 2.1

noreply@blogger.com (Anonymous) — Thu, 21 Apr 2016 03:40:00 +0000

Axact is a modern, clean, responsive and flat Blogger template suitable for magazine, news, sports, tech, games and multipurpose blog. Axact is designed with flexible approach lets you to easily change the color, font size and other customization that you can made through blogger template designer.

Axact not only excels at front-end usability and user experience, but the admin back-end is very easy to use with full instructions in the documentation in the package. You can easily drag and drop widgets and add any widgets supported by this theme from the documentation. The detailed doc lets you to set up your blog fast. The main features includes SEO, Fast loading, Ajax search result, 5+ unique homepages, pro shortcodes and many more.

Features:

post pagination: See Demo

Image gallery: See Demo

Custom contact form Widget: See Demo

5+ Homepages

Detailed Docs

Support

Tabs and accordion

Button styles

Alert Boxes

code boxes

Responsive Design For mobile and tablet devices

PowerFull Admin Panel

Popup contact form

Multiple layout styles for widgets

Custom search box with ajax result

Unlimited Colors & Fonts

Fully customizable Design

Search Engine Optimized (SEO)

10+ Home Layout Boxs Style with shortcodes

3 Column Footer Area

Footer about us and email widget

Support Facebook Open Graph & Twitter Cards

Adsense Ready

Retina Ready

Drag and Drop widget Support

jQuery and CSS3 Effects

Social Counter

Multi Level Dropdown Menu

Posts navigation with next and previous post

Attractive related post design

Awesome footer style with multiple widget designs

Blogger Template designer supported

Unlimited customization options (colors, fonts, template skins (light and dark etc.)

Minimized HTML, CSS and Jquery

Fast Loading in all web browsers

Custom email widget design

More then twenty the most trending social Media icons for follow and sharing purposes with different styles (flat, rounded and rotating etc.)

The awesome mega menu designed with CSS3 and HTML.

Cross Browser Compatible

Font Awesome Icons Integration

Full width featured carousel Slider below the mega menu or can be placed anywhere in the widget section

High quality image thumbnails

Blogger threaded Comments system with cool design

Shortcodes ready for buttons and other UI elements

and more..

DEMO DOWNLOAD

[TUT] Dame 3 nước khác nhau

noreply@blogger.com (Anonymous) — Tue, 19 Apr 2016 11:40:00 +0000

Đây là tut rip 14t ba nước khác nhau ( By Quang SoBaBy )
+ Bước 1 : Truy cập vô link này
14t : https://www.facebook.com/help/contact/1408156889442791
13t : https://www.facebook.com/help/contact/209046679279097
+ Bước 2 : Fake ngôn ngữ của 3 clone này nhé :p
- Clone 1 : Ả-Rập
- Clone 2 : Hàn
- Clone 3 : Hin-di ( ấn độ )
+ Bước 3 : ~ Thần chú
+ Ả rập
- فريق مرحبا من الفيسبوك! نحن الشرطة تقوم بدوريات فريق من شبكات الأمن، وتداول المعلومات في حالات الطوارئ عن طريق حساب المستخدم تلقى بصورة غير قانونية لشيء، لذلك طلبنا الاختيار فريق إعادة النظر وحذف حسابات ضمن هذا بعد الآن ~ على مدار الساعة 5H، ونتطلع إلى العمل مع فريقك لنا. شكرا لكم فريق الفيسبوك
+ Hin-di ( ấn độ )
- फेसबुक की हैलो टीम! हम सुरक्षा नेटवर्क की टीम गश्त पुलिस कर रहे हैं, जो उपयोगकर्ता खाते से प्राप्त जानकारी के आपातकालीन अवैध रूप से कुछ के लिए कारोबार कर रहे हैं, तो हम पुनर्विचार टीम की जांच का अनुरोध किया और खातों को नष्ट यह अब ~ 5H घड़ी के भीतर, आगे देख हमारे लिए अपनी टीम के साथ काम करने के लिए। धन्यवाद टीम फेसबुक
+ Hàn
- 페이스 북의 안녕 팀! 우리는 보안 네트워크 팀을 순찰하는 경찰이다, 사용자 계정에 의해 수신 된 긴급 정보를 불법으로 뭔가를 거래되고있다, 그래서 우리는 재검토 팀의 검사를 요청하고 계정을 삭제 이 이상 ~ 5 시간 시계 내에서, 우리에게 당신의 팀과 협력 기대. 감사합니다 팀 페이스 북
+ Bước 4 : Cân nhắc về chỉnh năm tuổi
- Clone 1 : chỉnh 10 tuổi
- Clone 2 : chỉnh 11 tuổi
- Clone 3 : chỉnh 12 năm
+ Bước 5 : Vào wall nạn nhân
Clone 1 : Báo cáo => Trang cá nhân này giả mạo => Người dùng trò chơi
Clone 2 : Báo cáo => ______________________ => Thú cưng, phim hoạt hình hoặc nhân vật khác
Clone 3 : Báo cáo => ______________________ => Khác
+ Bước 6 : Bão wall nạn nhân ! Cho nạn nhân mát trước khi chết nhé ~ :3 kkkk

Share Template FanBlog Việt

noreply@blogger.com (Anonymous) — Mon, 18 Apr 2016 11:43:00 +0000

GIỚI THIỆU

Fanblog Việt là một template blogger đẹp cho trang blog cá nhân, Với thiết kế Responsive, chuẩn Seo,... chắc chắn sẽ làm bạn hài lòng.

Thay mặt cho những người sử dụng template,xin cảm ơn anh Thành Sanh đã chia sẻ template blogger tuyệt đẹp này.

Xem DemoClick here Tải TemplateClick here

Share Template Blogger làm website công ty - dịch vụ

noreply@blogger.com (Anonymous) — Mon, 18 Apr 2016 11:32:00 +0000

Sử dụng template blogspot làm website công ty là một giải pháp tốt cho bạn nếu bạn là doanh nghiệp vừa và nhỏ hay làm những trang sale bán hàng. Nay bạn Tuấn đã chia sẻ một template mà bạn ấy trước đây đã dùng trên Cộng đồng Blogspot. Bạn sẽ cảm thấy rất ấn tượng bởi sự chuyên nghiệp của mẫu này đấy. Cùng xem Demo bên dưới bạn nhé!

Các tính năng nổi bật của Template blogspot website công ty

Slider giới thiệu sản phẩm rất nổi bật và chuyên nghiệp, cùng tốc độ tải cực nhanh.
Có phần giới thiệu các sản phẩm trên trang chủ và các danh mục chung các sản phẩm.
Có phần tin tức ngay trên trang chủ rất hữu ích. Đây là một trong những tính năng không phải website công ty nào cũng có.
Footer 4 cột giới thiệu được nhiều hơn với độc giả.
Thiết kế full responsive.
Bố cục rõ ràng có thể tùy chỉnh đơn giản.

Chúc các bạn có một website như ý!

Các bạn để lại địa chỉ email để mình gửi

Tạo liên kết có favicon

noreply@blogger.com (Anonymous) — Mon, 18 Apr 2016 09:18:00 +0000

Demo như hình các bạn làm như sau....

Các bạn vào trang tổng quan blog - website của bạn => Bố cục => Thêm tiện ích => HTML/Javascript và chèn toàn bộ code sau đó bấm lưu

Code

 <h2 class='title'><i class="fa fa-link"></i> LIÊN KẾT BẠN BÈ </h2>
<div id="phuchuynhlink">
<marquee behavior="alternate"><b><a href="/p/text-link.html" target="_blank" title="Phúc Huỳnh Blog"><span style="color: yellow;">CLICK ĐỂ KẾT NỐI BẠN BÈ</span></a></b></marquee>
<style>/* Lien ket */
#phuchuynhlink{margin:0;padding:0;overflow:auto;font-weight:bold;max-height:250px}
#phuchuynhlink p{margin:0;padding:2px 10px}
.favicon{width:16px;height:15px;margin-right:8px}
20px 0}
.tochu{color:red}.tochu:hover{color:red;padding:0 0 0 16px}</style>
<a href="http://www.phuchuynhblog.blogspot.com" style="display:none"/>
<div id="phuchuynhlink" >
<marquee behavior="alternate"><b><a href="/p/text-link.html" target="_blank" title="Phúc Huỳnh"><span style="color: yellow;">CLICK ĐỂ KẾT NỐI BẠN BÈ</span></a></b></marquee>
<p><a href="#" target="_blank" title="Phúc Huỳnh Blog"   alt="Phúc Huỳnh Blog" class="tochu"><img src="http://phuchuynhblog.blogspot.com/favicon.ico"
class="favicon" align="center"/>Phúc Huỳnh Blog</a></p>
<p><a href="startuan.blogspot.com" target="_blank" title="youtube"   alt="youtube" class="tochu"><img src="http://startuan.blogspot.com/favicon.ico" class="favicon" align="center"/>Star Tuấn Blog</a></p>
<p><a href="http://startruongit.blogspot.com" target="_blank" title="Star Trường IT"class="tochu"><img  alt="Star Trường IT" src="http://startruongit.blogspot.com/favicon.ico" class="favicon" align="center"/> Star Trường IT</a></p>
<p><a href="https://www.facebook.com/phucoscar" target="_blank" title="facebook"   alt="facebook" class="tochu"><img src="https://www.facebook.com/favicon.ico" class="favicon" align="center"/> My Facebook</a></p>
<p><a href="https://www.youtube.com/channel/UCXvr_3JpoEGI8UP3d-a2pxQ" target="_blank" title="youtube"   alt="youtube" class="tochu"><img src="https://www.youtube.com/favicon.ico" class="favicon" align="center"/>Channel Youtube</a></p>
</div></a></div>

Chúc các bạn thành công

Share File PSD Mockup - Chữ 3D Trắng Đẹp - Stand 3D Text

noreply@blogger.com (Anonymous) — Mon, 18 Apr 2016 08:45:00 +0000

Link vào đây để download

Phúc Oscar

Chèn tiện ích Photo Editor Online của pixlr.com vào blog

Hướng dẫn xóa bản quyền chân trang mà không sợ chuyển hướng về site khác

Bước 1: Vào trong theme chọn Chỉnh sửa HTML

Bước 2: Bạn copy code sau

Bước 3: Lưu lại theme

Thêm ảnh Author trước tiêu đề bài đăng cho Blogspot

Tổng hợp các trang lỗi 404 đẹp cho Blogger

1. Page 404 #1

2. Page 404 #2

3. Page 404 #3

Tạo tiện ích thống kê Blog đẹp mắt

HƯỚNG DẪN

DgmMag - Magazine Blogger Template

[Giới thiệu] Lovebook – Blogger Template

DEMO DOWNLOAD

Free download Linezap Responsive Blogger Template

Một số tính năng nổi bật

DEMO DOWNLOAD

Top 10 Blog chia sẻ Template Blogspot lớn nhất hiện nay

1. Soratemplates

2. Btemplates

3. Premium Blogger Templates

4. Blog Template 4u

5. Zoom Template

6. Deluxe Templates

7. Lovely Templates

8. All blog Tools

9. Protemplateslab

10. Blogger template Store

Revoltify – Template đẹp cho blog cá nhân

Share Free PSD chữ Tuyết 3D

Hướng dẫn cách xóa code mã hóa bản quyền blogger

Cách xóa code mã hóa bản quyền blogger

Tạo menu thân thiện và đẹp giao diện di động cho Blogspot

Hướng dẫn thực hiện

Bước 1: Truy cập vào Bảng điều khiển Blogger

Bước 2: Tìm đến đoạn </header>

Bước 3: Vào mục MẪU xem qua bên Điện thoại di động và chọn Tùy chỉnh

Tạo menu ẩn hiện trượt dọc tuyệt đẹp cho blogspot

XEM DEMO >>

Cách thực hiện Tạo menu ẩn hiện trượt dọc:

BƯỚC 2: Chèn HTML CHO MENU TRƯỢT DỌC

BƯỚC 3: CHÈN JAVACRIPT CHO MENU BLOGSPOT

[TUT]: Report Account FaceBook 2016 - 100% Die

Hướng dẫn tạo phần mềm AIO bằng - AutoPlay Media Studio Personal Edition 8.0.6.0 Full

AutoPlay Media Studio có thể mang đến điều gì cho bạn?

Từ khái niệm đến CD trong vòng vài phút

Được sử dụng bởi hàng ngàn chuyên viên thiết kế khắp thế giới

PSD Nổ Lực - Cover Ảnh Bìa Facebook

Thêm Icons cho thanh Sidebar Blogspot

Hướng dẫn chèn Icons cho thanh Sidebar Blogspot

B1: Vào vào Mẫu

B2: Vào Chỉnh sửa HTML (EDIT HTML)B3 : Nhấn vào đây để lấy code

B4: Thêm code này trước thẻ ]]></b:skin> B5: Lưu lại và xem thành quả

Download PSD Ảnh Bìa Tâm Trạng

Share Template Axact - Responsive Magazine Blogger Theme 2.1

Axact is a modern, clean, responsive and flat Blogger template suitable for magazine, news, sports, tech, games and multipurpose blog. Axact is designed with flexible approach lets you to easily change the color, font size and other customization that you can made through blogger template designer.

Features:

[TUT] Dame 3 nước khác nhau

Share Template FanBlog Việt

GIỚI THIỆU

Fanblog Việt là một template blogger đẹp cho trang blog cá nhân, Với thiết kế Responsive, chuẩn Seo,... chắc chắn sẽ làm bạn hài lòng.

Thay mặt cho những người sử dụng template,xin cảm ơn anh Thành Sanh đã chia sẻ template blogger tuyệt đẹp này.

Share Template Blogger làm website công ty - dịch vụ

Chúc các bạn có một website như ý!Các bạn để lại địa chỉ email để mình gửi

Tạo liên kết có favicon

Demo như hình các bạn làm như sau....

Share File PSD Mockup - Chữ 3D Trắng Đẹp - Stand 3D Text

B2: Vào Chỉnh sửa HTML (EDIT HTML)
B3 : Nhấn vào đây để lấy code

B4: Thêm code này trước thẻ ]]></b:skin>
B5: Lưu lại và xem thành quả

Chúc các bạn có một website như ý!

Các bạn để lại địa chỉ email để mình gửi