Chủ Nhật, 15 tháng 10, 2017

TẠO WIDGET ABOUT GIỐNG  FACEBOOK CHO BLOGSPOT

TẠO WIDGET ABOUT GIỐNG FACEBOOK CHO BLOGSPOT

Chào các bạn hôm nay mình xin share cách TẠO WIDGET ABOUT GIỐNG  FACEBOOK CHO BLOGSPOT ....

Cách Thực Hiện

Các bạn chỉ copy đoạn code này và chèn vào nơi bạn muốn hiển thị là được
<style>
.about-widget h4 {font-size: 18px;font-weight: 500;color: #333333;margin: 15px 15px}
.about-widget {text-align: center;padding-bottom: 10px;}
.about-widget p {font-size: 15px;line-height: 1.4}
.about-widget-social {text-align: center;padding: 15px;margin: 15px -15px -15px;border-top: 1px solid #e2e2e2}
.about-widget-social a i {font-size: 18px;margin: 0px 7px;color: #191b28;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.about-widget-social span {display: none}
.about-widget-img {border-radius: 50%;overflow: hidden;display: inline-block;max-width: 120px;max-height: 120px;line-height: 120px;margin: 10px 15px}
.widget-info-luanit .content-w{padding:10px;border-top: 1px solid #ededed;}
.widget-info-luanit .content-w>p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px;margin: 0px;}
.widget-info-luanit .content-w>p a{color:#3b5992}
.widget-info-luanit .content-w ul li{margin-bottom:15px;padding: 0px;border-bottom:none;}
.widget-info-luanit .content-w ul li p{color:#333;font-size:14px;margin:0px}
.widget-info-luanit .content-w ul li p .fa{width:20px;color:#868686}
.widget-info-luanit .content-w ul li p .fa.fa-home{font-size:16px}
.widget-info-luanit .content-w ul li p .fa.fa-map-marker{font-size:18px}
.widget-info-luanit .content-w ul li p a{color:#3a5795;font-weight: 700;}
   .web{width:111px;border:1px solid #dddfe2;border-radius:4px;margin:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;padding-right:8px;padding-bottom:1px;padding-top:4px}
   .web:hover{border:1px solid #90949c}
</style>
<div class="widget-content">
<div class="about-widget">
<div class="about-widget-img">
<img alt="blogger template" src="http://znews-photo-td.zadn.vn/w1024/Uploaded/kcwvouvs/2017_09_15/19554162_852355278257274_8784679994650028259_n.jpg" width="100%" height="100%" />
</div>
<h4>Hồng Hải</h4>
<p> Người quan tâm đến tôi, tôi sẽ quan tâm lại gấp bội!  </p>
</div>
<div class="widget-info-luanit">
<div class="content-w">
<ul>
<li> <p><i class="fa fa-briefcase"></i>Làm việc tại <a>Hồng Hải BLOG</a></p></li>
<li><p><i class="fa fa-graduation-cap"></i>Từng học tại <a>Trường THPT Trần Quốc Tuấn</a></p></li>
<li><p><i class="fa fa-home"></i>Sống tại <a>Gia Lai</a></p></li>
<li><p><i class="fa fa-map-marker"></i>Đến từ <a>Bình Định - Việt Nam</a></p></li>
<li><p><i class="fa fa-heart"></i>Có mối quan hệ phức tạp</p></li>
<li><p><i class="fa fa-rss"></i>Có <a>99.999.999</a> người theo dõi</p></li>
<center><div class="web"><p><img class="website" style="margin-top:-1px;margin-right:4px;vertical-align:middle" height="16" src="https://i.imgur.com/GbiOtSq.png" width="16" alt="" /><a class='web_site' style='color:#90949c' href="https://honghaiblogseo.blogspot.com/">HongHaiBlog</a></p></div></center>
</ul></div>
</div></div>
Các bạn tùy biến sao cho phù hợp với blog!!
Chúc các bạn thành công

Chủ Nhật, 8 tháng 10, 2017

Cách Gỡ Bản Quyền Template Blogspot

Cách Gỡ Bản Quyền Template Blogspot

Hôm Nay Mình Xin Share Cách gỡ bản quyền template Blogspot....
Đặc điểm của template có gắn bản quyền: Bạn không thể tùy chỉnh thông tin tác giả ở chân trang, nếu vào code chỉnh sửa hoặc xóa thông tin thì blog sẽ bị chuyển hướng sang website khác.
CÁCH THỰC HIỆN

Bước 1: Truy cập blog > Chủ Đề > Chỉnh sửa HTML

Bước 2: Các Bạn Tìm kiếm đến đoạn code: $(document (Thao tác: Ctrl + F để mở chức năng tìm kiếm trên trình duyệt, gõ $(document vào và tìm kiếm) Đoạn code đó sẽ có cấu trúc như hình dưới. Ta thực hiện xóa đoạn code đó từ $(document đến trước //]]>
Bước 3: Tìm kiếm code: eval . Đoạn code sẽ có dạng như ảnh dưới
Bước 4:Truy cập vào theo đường dẫn: www.strictly-software.com/unpacker#unpacker Dán đoạn code vừa copy vào và thực hiện unpack. Sau đó copy đoạn code sau Unpack và thế vào phần code bên blog.

Bây giờ thì các bạn có thể sửa thoải mái phần thông tin bản quyền chân trang mà không lo bị chuyển hướng website. Các bạn nhớ sửa id sang một giá trị tùy ý nhé!
Chúc Các Bạn Thành Công!!!


Thứ Sáu, 29 tháng 9, 2017

Share Code Tạo Emoticons Dưới Bình Luận Cho Blogspot

Share Code Tạo Emoticons Dưới Bình Luận Cho Blogspot

Chào các bạn, Hôm Nay Mình Xin Chia Sẽ Code Emoticons Cho Blogspot, Không dài dòng nữa, chúng ta bắt đầu thôi!


Bước 1: Các bạn thêm đoạn code này vào nơi bạn muốn hiển thị.
<div class='comment_emo_list'> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/H7SWQsD.png'/> <span> :) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/QydiDcj.png'/> <span> :)) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/4QpUJ7T.png'/> <span> :D </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/chVQI19.png'/> <span> =)) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/IUBKZFX.png'/> <span> :( </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/wYq3V4m.png'/> <span> :(( </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/zfqEdJh.png'/> <span> :o </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/ktlACZO.png'/> <span> ^_^ </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/OIechYl.png'/> <span> ^-^ </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/bEMACZ2.png'/> <span> /-f </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/9UL3vL5.png'/> <span> ^.^ </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/QmDOjvi.png'/> <span> /-g </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/oxuCxpe.png'/> <span> ;) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/sHjwi1T.png'/> <span> -_- </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/uncDMT1.png'/> <span> =_= </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/Hasg5Sz.png'/> <span> /-r </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/h4xKlpM.png'/> <span> -.- </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/UWXDll8.png'/> <span> :p </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/RyqEJmV.png'/> <span> /-o </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/IFRpPun.png'/> <span> /-hi </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/avVQxI0.png'/> <span> /-ok </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/4gZgLxa.png'/> <span> /-clap </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/hCxEamY.png'/> <span> (y) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/tVPSoZY.png'/> <span> (3) </span> </div> </div>
<style> .comment_emo_list{padding:0;margin:0 0 15px;clear:both;float:left}.comment_emo_list .item{float:left;text-align:center;height:40px;width:67.9px;margin:0;padding:10px 0 15px;transition:.33s;border-radius:50px}.comment_emo_list .item:hover{background:#eee}.comment_emo_list .item:hover{user-select:none;-moz-user-select:none;}.comment_emo_list span{user-select:none;-moz-user-select:none;display:block;font-weight:500;font-size:14px;letter-spacing:0;color:#c7c7c7;transition:.33s}img.comment_emo{width:25px;height:25px;pointer-events:none;-webkit-user-select:none}</style> 

 Bước 2: Tìm đến thẻ </body> và thêm đoạn code này vào phía sau nó.
<!-- // emoticon begin // -->
<script>
//<![CDATA[
var copyright="Emoticons & Multimedia for Thread Comment by http://duypham.info",smileys=[
{text:"/-hi",img:"https://i.imgur.com/IFRpPun.png"},{text:"=_=",img:"https://i.imgur.com/uncDMT1.png"},{text:"/-ok",img:"https://i.imgur.com/4QpUJ7T.png"},{text:"/-g",img:"https://i.imgur.com/chVQI19.png"},{text:";)",img:"https://i.imgur.com/oxuCxpe.png"},{text:"^.^",img:"https://i.imgur.com/9UL3vL5.png"},{text:"/-f",img:"https://i.imgur.com/bEMACZ2.png"},{text:"/-r",img:"https://i.imgur.com/Hasg5Sz.png"},{text:"^-^",img:"https://i.imgur.com/OIechYl.png"},{text:"/-clap",img:"https://i.imgur.com/4gZgLxa.png"},{text:"-.-",img:"https://i.imgur.com/h4xKlpM.png"},{text:"/-o",img:"https://i.imgur.com/RyqEJmV.png"},{text:":))",img:"https://i.imgur.com/QydiDcj.png"},{text:":)",img:"https://i.imgur.com/H7SWQsD.png"},{text:":((",img:"https://i.imgur.com/wYq3V4m.png"},{text:":(",img:"https://i.imgur.com/IUBKZFX.png"},{text:":D",img:"https://i.imgur.com/4QpUJ7T.png"},{text:"=))",img:"https://i.imgur.com/chVQI19.png"},{text:":o",img:"https://i.imgur.com/zfqEdJh.png"},{text:"^_^",img:"https://i.imgur.com/ktlACZO.png"},{text:"-_-",img:"https://i.imgur.com/sHjwi1T.png"},{text:"(y)",img:"https://i.imgur.com/hCxEamY.png"},{text:"(3)",img:"https://i.imgur.com/tVPSoZY.png"},{text:":3",img:"https://i.imgur.com/P9wwFyS.png"},{text:":v",img:"https://i.imgur.com/JP7idnE.png"},{text:":V",img:"https://i.imgur.com/JP7idnE.png"},
{text:":p",img:"https://i.imgur.com/UWXDll8.png"}],type_img=["png","PNG","jpg","JPG","jpeg","JPEG","gif","GIF","bmp","BMP"],dp=['Q a=["\\1b\\m\\w\\b\\q\\t\\w\\z\\u\\r\\1r\\r\\1c\\F\\s\\b\\q\\m\\h\\C\\q\\k\\r\\O\\w\\l\\r\\1e\\o\\l\\h\\k\\C\\r\\1H\\w\\m\\m\\h\\z\\b\\r\\E\\N\\r\\o\\b\\b\\B\\R\\n\\n","\\N\\B","\\q\\z\\O\\w","\\t\\w\\m\\m\\h\\z\\b\\W\\o\\w\\s\\C\\h\\l","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\1v\\N\\1z\\C","\\B","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\u\\1v\\N\\1e\\k\\J\\1W\\k\\m\\h","\\s\\h\\z\\J\\b\\o","","\\q\\z\\z\\h\\l\\1X\\1e\\1c\\1T","\\q\\b\\h\\m","\\o\\b\\b\\B","\\u\\B\\s\\q\\b","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\v\\k\\b\\t\\o\\1d\\1g\\A","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n\\z\\J\\o\\h\\1d","\\M","\\q\\z\\C\\h\\T\\1Z\\O","\\u\\F\\E\\u\\b\\l\\q\\z\\J","\\r","\\H","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\m\\J\\r\\u\\b\\N\\s\\h\\A\\p\\m\\k\\T\\W\\v\\q\\C\\b\\o\\R\\1S\\G\\G\\1R\\p\\r\\u\\l\\t\\A\\p","\\p\\n\\L","\\1r","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\O\\l\\k\\m\\h\\r\\v\\q\\C\\b\\o\\A\\p\\1p\\G\\G\\p\\r\\o\\h\\q\\J\\o\\b\\A\\p\\1f\\1Q\\G\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\h\\m\\E\\h\\C\\n","\\1d\\l\\h\\s\\A\\G\\p\\r\\O\\l\\k\\m\\h\\E\\w\\l\\C\\h\\l\\A\\p\\G\\p\\r\\k\\s\\s\\w\\v\\O\\F\\s\\s\\u\\t\\l\\h\\h\\z\\L\\H\\n\\q\\O\\l\\k\\m\\h\\L","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\h\\m\\E\\h\\C\\r\\u\\b\\N\\s\\h\\A\\p\\v\\q\\C\\b\\o\\R\\1f\\G\\G\\B\\T\\1P\\o\\h\\q\\J\\o\\b\\R","\\1c\\A","\\1f\\G\\G","\\1p\\G\\G","\\B\\T\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n","\\m\\n","\\s\\n","\\p\\r\\O\\s\\k\\u\\o\\1g\\k\\l\\u\\A\\p\\k\\F\\b\\w\\u\\b\\k\\l\\b\\A\\O\\k\\s\\u\\h\\p\\r\\1N\\F\\k\\s\\q\\b\\N\\A\\p\\o\\q\\J\\o\\p\\r\\v\\m\\w\\C\\h\\A\\p\\b\\l\\k\\z\\u\\B\\k\\l\\h\\z\\b\\p\\r\\b\\N\\B\\h\\A\\p\\k\\B\\B\\s\\q\\t\\k\\b\\q\\w\\z\\n\\T\\W\\u\\o\\w\\t\\1D\\v\\k\\1g\\h\\W\\O\\s\\k\\u\\o\\p\\L\\H\\n\\h\\m\\E\\h\\C\\L","\\b\\h\\T\\b","\\H\\q\\m\\J\\r\\u\\l\\t\\A\\p","\\q\\m\\J","\\l\\h\\B\\s\\k\\t\\h","\\C\\F","\\o\\k\\m\\M"];Q V=[];K=[];I=[];1q=a[0];1w=a[1];1u=a[2];1s=1Y[a[4]](a[3]);c=1s[a[6]](a[5]);D(c){U(x=0;x<c[a[7]];x++){Q 1i=a[8];1o=a[8];P=a[8];d=c[a[10]](x)[a[9]];e=d[a[12]](a[11]);f=d[a[12]](a[13]);g=d[a[12]](a[14]);U(Q i=1;i<e[a[7]];i++){U(Q j=0;j<Z[a[7]];j++){1h=e[i][a[16]](a[15]+Z[j]);D(1h!=-1){V[i]=a[11]+e[i][a[17]](0,1h)+a[15]+Z[j];D((V[i][a[16]](a[18])==-1)&&(V[i][a[16]](a[19])==-1)){1i+=a[20]+V[i]+a[21]}}}};U(Q i=1;i<f[a[7]];i++){1a=f[i][a[16]](a[18]);X=f[i][a[16]](a[19]);D(1a!=-1){K[i]=f[i][a[17]](0,1a);Y=K[i][a[16]](a[19]);D(Y!=-1){K[i]=K[i][a[17]](0,Y)}}S{D(X!=-1){K[i]=f[i][a[17]](0,X)}S{D(i==f[a[7]]-1){K[i]=f[i][a[17]](0,d[a[7]])}}};K[i]=K[i][a[12]](a[22]);K[i]=K[i][0];1o+=a[1x]+K[i]+a[1U]};U(Q i=1;i<g[a[7]];i++){1m=g[i][a[16]](a[18]);1n=g[i][a[16]](a[19]);D(1m!=-1){I[i]=g[i][a[17]](0,1m);1j=I[i][a[16]](a[19]);D(1j!=-1){I[i]=I[i][a[17]](0,1j)}}S{D(1n!=-1){I[i]=g[i][a[17]](0,1n)}S{D(i==g[a[7]]-1){I[i]=g[i][a[17]](0,d[a[7]])}}};1k=I[i][a[17]](0,2);I[i]=I[i][a[17]](2,I[i][a[7]]);P+=a[1V];D(1k==a[1t]){P+=a[1O]}S{P+=a[1J]};P+=a[1A];D(1k==a[1t]){P+=a[1y]}S{P+=a[1B]};P+=I[i]+a[1M]};U(Q y=0;y<1l[a[7]];y++){d=d[a[1K]](1l[y][a[1L]],a[1I]+1l[y][a[1E]]+a[21])};D(1G==1q+a[1F]+1w+a[1C]+1u){c[a[10]](x)[a[9]]=d+1i+1o+P}}};',"|","split","||||||||||_0xf28e|x74||||||x65|||x61|x72|x6D|x2F|x68|x22|x69|x20|x6C|x63|x73|x77|x6F|||x6E|x3D|x70|x64|if|x62|x75|x30|x3C|nct|x67|youtube|x3E|x2E|x79|x66|a3|var|x3A|else|x78|for|img|x2D|aft_y2|aft_y3|type_img|||||||||||aft_y1|x45|x4D|x3F|x54|x33|x76|dot_png|a1|aft_nct3|m_l|smileys|aft_nct1|aft_nct2|a2|x34|cbef|x26|cL|26|cbef3|x42|cbef2|23|30|x49|29|31|38|x6B|35|37|copyright|x43|34|28|36|33|32|x71|27|x3B|x32|x25|x31|x4C|24|25|x4E|x48|document|x4F|||","","fromCharCode","replace","\\w+","\\b","g"];eval(function(a,i,o,m,e,p){if(e=function(a){return(i>a?dp[4]:e(parseInt(a/i)))+(35<(a%=i)?String[dp[5]](a+29):a.toString(36))},!dp[4][dp[6]](/^/,String)){for(;o--;)p[e(o)]=m[o]||e(o);m=[function(a){return p[a]}],e=function(){return dp[7]},o=1}for(;o--;)m[o]&&(a=a[dp[6]](RegExp(dp[8]+e(o)+dp[8],dp[9]),m[o]));return a}(dp[0],62,127,dp[3][dp[2]](dp[1]),0,{}));
//]]>
</script>
Chúc các bạn thành công!

Thứ Bảy, 16 tháng 9, 2017

Tạo side Label Landing tuyệt đẹp giống Bác Sĩ Windows

Tạo side Label Landing tuyệt đẹp giống Bác Sĩ Windows

Một blog load nhanh, mượt sẽ thu hút rất nhiều người xem, ghé lại và ngược lại. Ngoài ra, tốc độ load không chỉ là yếu tố duy nhất thu hút người xem mà cái quan trọng không kém là mẫu blog. Một blog đẹp thì người xem sẽ có thấy thích thú cũng như ở lại blog lâu hơn đôi khi chỉ đơn giản là để 'ngắm' nó. Đây cũng chính là lý do hôm nay mình xin được chia sẻ với các bạn side Label Landing cực đẹp được thiết kế bởi Bác Sĩ Windows.



Các bước thực hiện
Bước 1: Chèn đoạn CSS sau vào dưới thẻ <style>

/* CSS header-page */
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
.container:before,.container:after{content:" ";display:table;}
.container:after{clear:both;}
a:link {text-decoration: none;}

a:visited {text-decoration: none;}
@font-face{font-family:"symbol";src:url(//static.edumall.vn/assets/symbol/fonts/symbol-9ebb41d8d8ad0e1c1a9a1f6e5c237ea33bedac81d42f7a13140c55246a3dbc03.eot);src:url(//static.edumall.vn/assets/symbol/fonts/symbol-9ebb41d8d8ad0e1c1a9a1f6e5c237ea33bedac81d42f7a13140c55246a3dbc03.eot?#iefix) format("embedded-opentype"),url(//static.edumall.vn/assets/symbol/fonts/symbol-d98d2f02e55f50eb744e41ea85f41b171f7bf4a1ceeabc086e658db18dc9c1f8.woff) format("woff"),url(//static.edumall.vn/assets/symbol/fonts/symbol-136c1aa370ad46c6239c9961a5fdc2f1e689bb98fa35f42d82ced3b801bdafac.ttf) format("truetype"),url(//static.edumall.vn/assets/symbol/fonts/symbol-7babf0a1f77985ffdb221ad483115f0ea434ba76c7e982c2a35086257f4da6e0.svg#symbol) format("svg");font-weight:normal;font-style:normal;}
[data-icon]:before{font-family:"symbol"!important;content:attr(data-icon);font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"symbol"!important;font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-all:before{content:"\61";}
.icon-bubble:before{content:"\62";}
.icon-business-man:before{content:"\63";}
.icon-circle-plus:before{content:"\64";}
.icon-code:before{content:"\65";}
.icon-cradle:before{content:"\66";}
.icon-money:before{content:"\67";}
.icon-monitor:before{content:"\68";}
.icon-pallete:before{content:"\69";}
.icon-speaker:before{content:"\6a";}
.icon-star:before{content:"\6b";}
.icon-flame:before{content:"\6c";}
.icon-clock:before{content:"\6d";}
.icon-star-outline-2:before{content:"\6e";}
.icon-play:before{content:"\6f";}
.icon-file:before{content:"\70";}
.icon-open-book:before{content:"\71";}
.icon-chart:before{content:"\72";}
.icon-clock-fill:before{content:"\73";}
.icon-layers:before{content:"\74";}
.icon-shopping:before{content:"\75";}
.icon-done:before{content:"\76";}
.icon-error:before{content:"\77";}
.icon-close:before{content:"\78";}
.icon-three-dots:before{content:"\79";}
.icon-nav-left:before{content:"\7a";}
.icon-nav-right:before{content:"\41";}
.icon-filter:before{content:"\42";}
.icon-close-round:before{content:"\43";}
.icon-download:before{content:"\44";}
.icon-carret-right-bold:before{content:"\45";}
.icon-bubble-2:before{content:"\46";}
.icon-power:before{content:"\47";}
.icon-carret-down:before{content:"\48";}
.icon-pack:before{content:"\49";}
.icon-saved:before{content:"\4a";}
.icon-shipping:before{content:"\4b";}
.icon-checked:before{content:"\4c";}
.col-lg-4,.col-lg-8,.col-md-10{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.col-lg-4{width:30%!important;float:left}
.col-lg-8,.col-md-10{width:65%!important;}
@media (min-width:992px){.col-lg-8,.col-md-10{width:83.33333333%;float:left;}}
@media (max-width:767px){.hidden-xs{display:none!important;}}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important;}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important;}}
.color-1,.header-category .category:nth-child(1)::before{background-color:#44C0D9!important;}
.color-2,.header-category .category:nth-child(2)::before{background-color:#E7428E!important;}
.color-3,.header-category .category:nth-child(3)::before{background-color:#FF7903!important;}
.color-4,.header-category .category:nth-child(4)::before{background-color:#8958E9!important;}
.color-5,.header-category .category:nth-child(5)::before{background-color:#4C9E3B!important;}
.color-6,.header-category .category:nth-child(6)::before{background-color:#FFB10F!important;}
.color-7,.header-category .category:nth-child(7)::before{background-color:#F24733!important;}
.color-8,.header-category .category:nth-child(8)::before{background-color:#17B99F!important;}
#header-page .header-category .header-category-box .category{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
#header-page .header-category .header-category-box .category:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#header-page .header-category .header-category-box .category:hover,#header-page .header-category .header-category-box .category:focus,#header-page .header-category .header-category-box .category:active{color:white;}
#header-page .header-category .header-category-box .category:hover:before,#header-page .header-category .header-category-box .category:focus:before,#header-page .header-category .header-category-box .category:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);}
#header-page{position:relative;background-image:linear-gradient(30deg,rgba(27,57,99,0.9) 20%,rgba(179,41,46,0.9) 87%),url("//static.edumall.vn/assets/edumall_v3/bg-header-2b2547de83ec3b62c43b8e5f101c957d0ba19cfde26946b4442917cfdf3aa2e8.jpg");background-size:cover;background-position:center center;color:white;}
#header-page .container{position:relative;}
@media only screen and (min-width:1200px){#header-page{padding-top:75px;padding-bottom:75px;}}
@media only screen and (max-width:1199px){#header-page{padding-top:20px;padding-bottom:30px;margin-bottom:20px;}}
#header-page .header-hook{padding-top:55px;}
#header-page .header-hook .header-hook-box p{margin-bottom:0;}
#header-page .header-hook .header-hook-box hr{width:168px;border-top:solid 4px #D41701;margin:15px 0;}
#header-page .header-category{margin-left:-10px;margin-right:-10px;}
#header-page .header-category .header-category-box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;}
#header-page .header-category .header-category-box .category{width:170px;height:100px;margin-bottom:20px;text-align:center;padding:10px;position:relative;z-index:1;cursor:pointer;background-color:rgba(0,0,0,0.1);}
@media only screen and (min-width:1470px){#header-page .header-category .header-category-box .category{width:210px;height:110px;}}
@media only screen and (max-width:350px){#header-page .header-category .header-category-box .category{width:140px;height:85px;}#header-page .header-category .header-category-box .category .symbol{font-size:30px;}}
#header-page .header-category .header-category-box .category .symbol{font-size:40px;margin:0;}
#header-page .header-category .header-category-box .category h4{font-size:14px;font-weight:400;margin:0;}
#header-page .header-category .header-category-box .category a{color:white;}
#header-page .header-category .header-category-box .category a:hove{color:white;text-decoration:none;}

Bước 2: Chèn đoạn code phía dưới vào nới muốn hiển thị (thường là dưới Menu)

<header id="header-page" style="font-family: Roboto;"><div class="content"><div class="container"><div class="row"><div class="col-lg-4 hidden-md hidden-sm hidden-xs"><br /><section class="header-hook"><div class="header-hook-box">Hãy cùng bắt đầu  <br />khám phá bằng việc giúp chúng tôi<br /><br /><h1>HIỂU VỀ BẠN HƠN</h1><hr />Bạn quan tâm tới lĩnh vực nào?</div></section></div><div class="col-lg-8 col-md-10"><br /><section class="header-category"><div class="header-category-box"><br /><article class="category"><a href="https://www.blogger.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Blogger?&amp;max-results=12"><div class="symbol"><span class="icon icon-code"></span></div><h4 class="category-title">Thủ Thuật Blogger</h4></a></article><article class="category"><a href="https://www.blogger.com/search/label/SEO%20Blogspot?&amp;max-results=12"><div class="symbol"><span class="icon icon-pallete"></span></div><h4 class="category-title">SEO Blogspot</h4></a></article><article class="category"><a href="https://www.blogger.com/search/label/Template%20Blogger?&amp;max-results=12"><div class="symbol"><span class="icon icon-cradle"></span></div><h4 class="category-title">Template Blogger</h4></a></article><article class="category"><a href="https://www.blogger.com/search/label/Cover%20Facebook?&amp;max-results=12"><div class="symbol"><span class="icon icon-business-man"></span></div><h4 class="category-title">Cover Facebook</h4></a></article><article class="category"><a href="https://www.blogger.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Ki%E1%BA%BFm%20Ti%E1%BB%81n?&amp;max-results=12"><div class="symbol"><span class="icon icon-money"></span></div><h4 class="category-title">Thủ Thuật Kiếm Tiền</h4></a></article><article class="category"><a href="https://www.blogger.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Facebook?&amp;max-results=12"><div class="symbol"><span class="icon icon-bubble"></span></div><h4 class="category-title">Thủ Thuật Facebook</h4></a></article><article class="category"><a href="https://www.blogger.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Internet?&amp;max-results=12"><div class="symbol"><span class="icon icon-speaker"></span></div><h4 class="category-title">Thủ Thuật Internet</h4></a></article><article class="category"><a href="https://www.blogger.com/search/label/Th%E1%BB%A7%20Thu%E1%BA%ADt%20Windows?&amp;max-results=12"><div class="symbol"><span class="icon icon-monitor"></span></div><h4 class="category-title">Thủ Thuật Windows</h4></a></article></div></section></div></div></div></div></header>
Ở đây, mình dùng font chữ là Roboto, các bạn có thể thay thể ở phần in đỏ sao cho phù hợp với blog.
Hi vọng với kiểu side Label Landing này sẽ giúp blog của bạn đẹp hơn.
Chúc các bạn thành công!

Nguồn: Linkthuthuat

Thứ Năm, 14 tháng 9, 2017

Share Code Trang Trí Với Hình Nền Và Chữ Cực Đẹp Cho Blogspot

Share Code Trang Trí Với Hình Nền Và Chữ Cực Đẹp Cho Blogspot


CÁCH THỰC HIỆN
Bước 1: Copy và paste đoạn code sau vào sau thẻ <body> trong template.
<b:if cond='data:blog.url == data:blog.homepageUrl'><style>
#menu_top{position:relative;display:table;width:100%;height:100vh;margin:0!important;padding:0!important;z-index:999;background:url(http://i.imgur.com/vbP0Jy5.jpg) no-repeat center center fixed!important;background-size:cover!important;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}
#menu_top:before{content:'';opacity:0.5;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}
#menu_top:after{content:'';z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent,rgba(51, 51, 51, 0.15) 0%,rgba(12,23,36,0.4))}
.noi_dung{position:relative;z-index:3}
/* Code */
._label_ h2{animation:zoomInUp 6s;font-size:55px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:0;margin:0;padding:0;font-family:"Roboto Condensed",sans-serif;text-transform:uppercase}
@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }
@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
/* Code */ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } }
._label_ p{animation:zoomInDown 4s;text-transform:capitalize;font-size:30px;font-weight:300;color:rgba(255,255,255,0.7);margin:0;padding:0}
._label_{margin:0 auto;text-align:center;padding:0}
.degrees-index-hero-quote-img-meta_{text-align:center;max-width:215px;margin:0 auto}
.button-down a{position:absolute;bottom:10%;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font:normal 400 20px/1 'Josefin Sans',sans-serif;letter-spacing:.1em;text-decoration:none;transition:opacity .3s}
/* Code */
.meta_{display:table-cell;vertical-align:middle;text-align:center}
#button-down a span{position:absolute;top:-45px;left:50%;width:30px;height:30px;margin-left:-12px;border-left:1px solid #FFF;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 2s infinite;animation:sdb05 2s infinite;box-sizing:border-box}
#button-down a{animation:zoomInDownn 8s}
@keyframes zoomInDownn {0%{opacity:0}50%{opacity:0}100%{opacity:1}}
@-moz-keyframes zoomInDownn {0%{opacity:0}50%{opacity:0}100%{opacity:1}}
@-webkit-keyframes zoomInDownn {0%{opacity:0}50%{opacity:0}100%{opacity:1}}
@-webkit-keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
#button-down a span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
#button-down a span:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}
#button-down a span:nth-of-type(3){-webkit-animation-delay:.4s;animation-delay:.4s}
@keyframes slideIn{0%{opacity:0;transform:translateY(-500px)}100{opacity:1;transform:translateY(0)}}
@-webkit-keyframes slideIn{0%{opacity:0;transform:translateY(-500px)}100{opacity:1;transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-250px)}100{opacity:1;transform:translateY(0)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-250px)}100{opacity:1;transform:translateY(0)}}
.xem-hd{text-align:right;width:1080px;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:0;font-weight:300;position:absolute;bottom:20px;right:30px;z-index:9999}
.xem-hd a{color:rgba(255,255,255,.5);animation:slideToLeft 2s}
.xem-hd a:hover{color:#fff}
/* Code */
@keyframes slideToLeft{0%{position:relative;left:1000px}100%{position:relative;left:0}}
</style>
<div id="menu_top">
<div class="meta_">
<a href="/" target="blank">
<div class="noi_dung">
<div class="_label_">
<h2 class="_title">Chào Mừng Bạn Đến Với HỒNG HẢI BLOG</h2>
<p>Website Chia Sẽ Thủ Thuật Facebook - Blogspot Và Ảnh Bìa Chất ,...</p>
</div>
</div>
</a></div>
<div class="xem-hd">
<a href="https://www.facebook.com/HongHai.H.T.H" target="blank" title="Liên Hệ">Liên Hệ  <i class="fa fa-angle-right"></i></a>
</div>
<section class="button-down" id="button-down">
<a href="#continue"><span></span>
<span style="margin-top: 15px"></span><span style="margin-top: 30px"></span></a>
</section>
<div class="meta_">
<style>.wrapper{margin:10px auto}</style>
</div>
</div>
Đoạn code trên đây là chỉ giới hạn hiển thị ở trang chủ blog. Nếu bạn muốn hiển thị ở tất cả các trang thì xóa đoạn <b:if cond='data:blog.url == data:blog.homepageUrl'> đi.
Bước 2: Lưu template Lại, và ra thưởng thức thôi!
Nếu Muốn Thay Đổi Ảnh Thì Thay Link: http://i.imgur.com/vbP0Jy5.jpg Link URL hình ảnh Khác Là Được
Chúc các bạn thành công!!

Thứ Năm, 7 tháng 9, 2017

Thủ Thuật Tự Động Chuyển Hướng Khi Bấm Ctrl + U Hoặc F12 Cho Blogspot

Thủ Thuật Tự Động Chuyển Hướng Khi Bấm Ctrl + U Hoặc F12 Cho Blogspot

Chào các bạn, bài viết này mình sẽ chia sẻ đến các bạn đoạn script giúp bảo vệ code, bản quyền của template blog của bạn. Nói đơn giản là khi người khác muốn kiểm tra phần tử hay xem nguồn trang thì blog sẽ tự động chuyển hướng về trang khác, không cho người đó xem nguồn trang.
Nên áp dụng thêm thủ thuật chống bấm chuột phải nữa để bảo vệ template chặt chẽ hơn.


Bước 1: Đăng nhập Blogger › Mãu › Chỉnh sửa HTML.
Bước 2: Chèn đoạn Script dưới đây vào trước thẻ </head> hoặc thẻ <body> trong template.

<script type='text/javascript'>
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://www.thaitinh-it.tk/p/ban-quyen-cua-thai-tinh-blog.html"}),shortcut.add("F12",function(){top.location.href="http://www.thaitinh-it.tk/p/ban-quyen-cua-thai-tinh-blog.html"}),shortcut.add("Ctrl+Shift+I",function(){top.location.href="http://www.thaitinh-it.tk/p/ban-quyen-cua-thai-tinh-blog.html"}),shortcut.add("Ctrl+S",function(){top.location.href="http://www.thaitinh-it.tk/p/ban-quyen-cua-thai-tinh-blog.html"}),shortcut.add("Ctrl+Shift+C",function(){top.location.href="http://www.thaitinh-it.tk/p/ban-quyen-cua-thai-tinh-blog.html"});
//]]>
</script>
Bước 3: Lưu Template.
Thay link màu đỏ trên thành trang bạn muốn chuyển hướng nhé. Giờ thì thử bấm F12 hay Ctrl + U xem nào!!
Vậy là xong, khi người dùng có ý định copy hay gì gì đó thì sẽ bị chuyển hướng về trang khác ngay. Chúc các bạn thành công!
TAG: thu thuat blogspot, thu thuat blogger, thu thuat cho blog cua ban, thu thuat, coioffical.net, hoc thu thuat blog

Thứ Sáu, 25 tháng 8, 2017

TẠO NÚT DOWNLOAD CSS CỰC ĐẸP CHO BLOGSPOT

TẠO NÚT DOWNLOAD CSS CỰC ĐẸP CHO BLOGSPOT

Nút Dowload CSS cho blogspot cực đẹpcode tạo nút dowload cho blogger hiện nay rất nhiều nhưng đụng hàng hơi nhiều. Vì vậy sau đây mình sẽ hướng dẫn cho các bạn tạo nút button dowload cho blogger.




hướng dẫn làm: 

Các bạn vào Edit HTML > Tìm B:skin và Dán Đoạn Code Bên Dưới B:skin
#wrap {margin:20px auto;text-align:center;}
a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}
a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}
a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}
a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}
a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}
a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

CÁCH viết bài, các bạn chuyển qua phần html rồi dán đoạn code bên dưới vào .

<div id="wrap"><a class="btn" href="#">Button</a></div>
<div id="wrap"><a class="btn warn" href="#">Button</a></div>
Các Bạn Thanh # Thành Link Url Của Bạn Nhé.

LỜI KẾT:

Chỉ vài bước đơn giản là các bạn có thể tạo cho mình nút download cực dễ dàng rồi! Nếu trong quá trình làm các bạn có thắc mắc gì hãy để lại bên dưới comment, mình sẽ giải đáp cho các bạn nhanh nhất có thể!
Chúc các bạn thành công!

Từ Khóa : Css code tạo nút button cho blogspot, code tạo nút dowload và demon cho web blog, cách tạo nút dowload cho blogspot. code tạo nút dowload cho blogger 

TẠO WIDGET ĐĂNG KÝ NHẬN BÀI VIẾT QUA EMAIL TUYỆT ĐẸP CHO BLOGSPOT

TẠO WIDGET ĐĂNG KÝ NHẬN BÀI VIẾT QUA EMAIL TUYỆT ĐẸP CHO BLOGSPOT

Chào các bạn, do có nhiều bạn đã yêu cầu mình chia sẻ mẫu widget nhận bài viết qua Email trên group. Hôm nay rảnh rỗi ngồi nghịch một tí CSS, làm ra cái widget này nên sẵn tiện viết bài chia sẻ luôn cho nóng!

CÁCH THỰC HIỆN

Bước 1. Chèn CSS này trước thẻ ]]></b:skin>

/* Đăng ký qua Email */
/* Subscribe box by honghaiblog */
#subscribe_box-bsw{background:#fff;margin:0;padding:0;z-index:-1}
#subscribe_box-bsw h2{padding:220px 5px 10px;margin:0;font:500 22px Roboto;text-align:center;text-transform:uppercase;color:#fff;background:#73c8a9 url(http://i.imgur.com/FnLYmvB.png) no-repeat center center;position:relative;background-position:50% 0%;background-size:contain}
#subscribe_box-bsw p{margin:0;padding:15px;letter-spacing:0;color:#fff;font-size:16px;text-transform:none;line-height:1.4;font-weight:400;font-family:Roboto,sans-serif}
#subscribe_box-bsw form{padding:30px 0}
#subscribe_box-bsw h2:after{border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid transparent;border-bottom:20px solid #73c8a9;content:'';bottom:-40px;position:absolute;left:50%;transform:rotate(180deg);margin:0 -15px}
.u-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:0;color:#444;padding:10px 0;display:block;border:0;width:80%;box-sizing:border-box;margin:0 auto 10px;border-bottom:1px solid rgba(0,0,0,.2)}
.e-subscribe-box-bsw{font:400 16px Roboto;transition:.35s;outline:0;background:0;color:#444;padding:10px 0;display:block;border:0;width:80%;box-sizing:border-box;margin:0 auto 10px;border-bottom:1px solid rgba(0,0,0,.2)}
.s-subscribe-box-bsw{cursor:pointer;border:0;outline:0;display:block;color:#fff;text-decoration:none;background:#73c8a9;width:80%;margin:20px auto 0;padding:10px 15px;font:400 16px Roboto;letter-spacing:0;transition:.35s;border-radius:5px}
.s-subscribe-box-bsw:hover{background:#555}
#bsw_subscribe{background:repeating-linear-gradient( 135deg,#4fa8ed,#4fa8ed 10px,#fff 10px,#fff 20px,#f84d3b 20px,#f84d3b 30px,#fff 30px,#fff 40px );padding:6px;clear:both;margin:0 0 10px}
.e-subscribe-box-bsw:focus::-webkit-input-placeholder,.u-subscribe-box-bsw:focus::-webkit-input-placeholder{color:#999;font-size:11px;-webkit-transform:translateY(-20px);transform:translateY(-20px);visibility:visible!important;visibility:visible;transition:all 0.25s ease}
.u-subscribe-box-bsw::-webkit-input-placeholder,.e-subscribe-box-bsw::-webkit-input-placeholder{color:#888}

Bước 2. Chèn HTML này vào nơi bạn muốn hiển thị widget này.


<div id="bsw_subscribe">
<div id="subscribe_box-bsw">
  <div class="i-subText">
    <h2>Đăng ký nhận bài viết
    <p>Nhập địa chỉ Email và bấm đăng ký, bạn sẽ nhận được bài viết mới nhất từ Hồng Hải Blog hoàn toàn miễn phí! Cam kết không SPAM!</p>
 </h2>
    <form action="//feedburner.google.com/fb/a/mailverify?uri=Honghaiblogseo" class="i-boxForm" method="post" target="_new">
      <input class="u-subscribe-box-bsw" name="name" placeholder="Tên của bạn" type="text" />
      <input class="e-subscribe-box-bsw" name="email" placeholder="Địa chỉ Email" type="text" />
      <input class="s-subscribe-box-bsw" type="submit" value="ĐĂNG KÝ" />
    </form>
  </div>
</div>
  </div>

Bước 3. Chỉnh sửa một số thông tin lại cho phù hợp ở chỗ in đậm.

LỜI KẾT

Ok với 3 bước đơn giản chỉ copy và paste :v bạn đã có cho mình một widget đăng ký bài viết qua email tuyệt đẹp rồi. Chúc bạn thành công, nếu thực hiện không được thì hãy bình luận xuống dưới bài viết để mình hỗ trợ và giúp đỡ nhé!
Theo Bacsiwindows

Thứ Năm, 27 tháng 7, 2017

Share Code Tự động chuyển hướng URL cho Blogger

Share Code Tự động chuyển hướng URL cho Blogger

Khi bạn tạo một blog mới cùng với tên miền mới, bạn muốn khi vào blog cũ sẽ tự động chuyển sang blog mới, hay bạn muốn chuyển hướng blog ...
Khi bạn tạo một blog mới cùng với tên miền mới, bạn muốn khi vào blog cũ sẽ tự động chuyển sang blog mới, hay bạn muốn chuyển hướng blog của mình tới một địa chỉ bất kì nào đó ? Bạn lo lắng mất lượng người truy cập khi đổi tên miền, ảnh hưởng đến SEO ?
=> Bài viết này chính là điều bạn cần, bạn sẽ tìm được cách tự động chuyển hướng phù hợp cho mình tại đây.

Cách 1: Tự động chuyển hướng blog đến một URL cố định

-  Đăng nhập Blog muốn chuyển hướng ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm dòng code ngay dưới thẻ <head> rồi Lưu Mẫu lại

  <meta content='5;url=http://www.honghaiit.tk' http-equiv='refresh'/> 

Thay http://www.honghaiit.tk bằng URL đích bạn muốn chuyển tới.
5 là thời gian tính bằng giây, URL sẽ được chuyển hướng sau 5 giây kể từ khi load trang.

Cách 2 ( Ngay lập tức ): Đăng nhập Blog muốn chuyển hướng ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm đoạn code ngay dưới thẻ <head> rồi Lưu Mẫu lại

<script type='text/javascript'> var d='<data:blog.url/>'; d=d.replace(/.*\/\/[^\/]*/, ''); location.href = 'http://www.honghaiit.tk'; </script>
Thay http://www.honghaiit.tk/ bằng URL đích bạn muốn chuyển tới.
Nâng cao: Bạn có thể kết hợp các cách trên với thẻ điều kiện if để tạo chuyển hướng theo ý muốn.

Thứ Ba, 25 tháng 7, 2017

HƯỚNG DẨN HIỆN CẢNH BÁO KHI ẤN CTRL+C (COPY) CHO BLOGSPOT

HƯỚNG DẨN HIỆN CẢNH BÁO KHI ẤN CTRL+C (COPY) CHO BLOGSPOT

Xin chào các bạn , hôm nay mình xin chia sẽ các bạn cách hiện thông báo khi ấn Ctrl+C cho blogspot cực kì đơn giản
Cái này nó tương tự như 1 pop up sẽ giúp cho blog bạn hiển thị cảnh báo phía trên cùng page nếu có bất kì can thiệp nào từ tổ hợp phím Ctrl+C mà thôi, còn mình cũng chưa biết xử lý đối với chuột phải và lệnh sao chép :( Thôi thì cứ share những gì mình view soure được ra đã nha.


CÁCH THỰC HIỆN:

Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Dán đoạn code dưới đây lên trước thẻ </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/> <script type="text/javascript"> jQuery(document).ready(function() { var ctrlDown = false; var ctrlKey = 17, vKey = 86, cKey = 67; jQuery(document).keydown(function(e) { if (e.keyCode == ctrlKey) ctrlDown = true; }).keyup(function(e) { if (e.keyCode == ctrlKey) ctrlDown = false; }); jQuery(document).keydown(function(e) { if (ctrlDown &amp;&amp; e.keyCode == cKey) { alert('Vui lòng ghi nguồn honghaiit.tk nếu copy nhé!'); } return true; }); });</script>
Ngoài ra hãy thay nội dung cảnh báo hiển thị hợp theo ý bạn nhé.
Chúc Các Bạn Thành Công  !

Thứ Hai, 24 tháng 7, 2017

Tạo button Demo và Download bằng CSS cực đẹp cho Blogger

Tạo button Demo và Download bằng CSS cực đẹp cho Blogger

Nếu blog của bạn là trang chia sẻ template blogger hay phần mềm máy tính, thì chắc chắn sẽ không thể thiếu những nút (hay button) để truy cập nhanh đến trang đó.
Trong bài viết này, mình sẽ hướng dẫn các bạn tạo bộ button gồm 2 nút DEMO và DOWNLOAD cực đẹp chỉ hoàn toàn bằng CSS.
Kết quả hình ảnh cho tạo nút demo download
XEM DEMO

CÁC BƯỚC THỰC HIỆN

Các bạn copy đoạn CSS sau và dán vào trước thẻ ]]></b:skin> trong template
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button ul{margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none}
.button li a.demo,.button li a.download{position:relative;padding:9px 48px 9px 16px;background:#f39c12;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s}
.button li a.download{background:#3498db}
.button li a.demo:hover,.button li a.download:hover{background:#666}
.button li a.demo:active,.button li a.download:active{cursor:pointer}
.button li a.demo:after,.button li a.download:after{content:'\f135';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:11px;font-family:fontawesome}
.button li a.download:after{content:'\f019'}
.button2{float:left;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both}
.button2 ul{margin:0;padding:0}
.button2 li{display:inline;margin:5px;padding:0;list-style:none}
.button2 li a.demo,.button2 li a.download{position:relative;padding:14px 48px 14px 16px;background:#f39c12;display:block;color:#fff!important;font-weight:700;font-size:14px;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;max-width:170px;margin:auto;overflow:hidden}
.button2 li a.download{background:#3498db}
.button2 li a.demo:hover,.button2 li a.download:hover{background:#666}
.button2 li a.demo:active,.button2 li a.download:active{cursor:pointer}
.button2 li a.demo:after,.button2 li a.download:after{content:'\F054';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:16px 24px;font-family:fontawesome;transition:all .3s}
.button2 li:hover a.demo:after,.button2 li:hover a.download:after{background:transparent;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}

CÁCH SỬ DỤNG

Style 1
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="http://blogttcn.blogspot.com" target="_blank">Demo</a></li>
<li><a class="download" href="http://blogttcn.blogspot.com" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear">
</div>
Style 2
<div style="text-align: center;">
<ul class="button2">
<li><a class="demo" href="http://blogttcn.blogspot.com" target="_blank">Demo Link</a></li>
<li><a class="download" href=http://blogttcn.blogspot.com" target="_blank">Download Link</a></li>
</ul>
</div>
<div class="clear">
</div>
Lưu ý: Nếu trong template bạn chưa có Font Awesome thì phải thêm đoạn code sau vào sau thẻ <head> trong template nhé.
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
bacsiwindows.com
Hướng Dẫn Tạo PASSWORD Cho Bài Viết Blog

Hướng Dẫn Tạo PASSWORD Cho Bài Viết Blog

Thông thường khi truy blog ta có chức năng giới hạn tuổi người lớn mới xem được các bài viết của blog đó.
Nhưng đôi khi bạn muốn ai cũng vào blog của mình được nhưng lại có 1 số bài viết chỉ muốn cho những người nhất định đọc thôi.
Demo như phía trên
CÁCH THỰC HIỆN:
Bước 1: Truy cập Blogger và viết bài như bình thường.
Bước 2: Khi viết và chỉnh sửa xong hết thì chuyển qua tab HTML và chèn đoạn code phía dưới vào cuối bài viết đó rồi xuất bản là ok.

<div id="message"> </div> <script type="text/javascript">window.onload = function() {var person = prompt("Vui lòng nhập mật khẩu để tiếp tục. Nếu không có mật khẩu liên lạc với tác giả ", "");if (person == "honghaiblog") {alert("Mật khẩu đúng! Bạn được quyền truy cập.");} else {alert("Sai mật khẩu!");window.location = "http://www.honghaiit.tk/"}document.getElementById("message").innerHTML}</script>

Trong đó hongahiblog là pass !
chỉnh sửa lại 1 lần khác cho thích hợp !
Chúc các bạn thành công