Thứ Năm, 13 tháng 9, 2018

Thêm tiện ích xem Thời gian và Thời tiết cho website


Chào các bạn, hôm nay mình sẽ hướng dẫn các bạn Thêm tiện ích xem Thời gian và Thời tiết cho website

HƯỚNG DẪN CÁCH LÀM:

Bước 1: Vào trang Chỉnh sửa HTML và thêm đoạn code này vào chỗ bạn muốn nó hiển thị (thường là header)
<div class='timeandweather'>
<span class='time'></span>
<span id='weather'></span>
Bước 2: Tìm thẻ ]]></b:skin> và thêm css bên dưới lên nó hoặc thêm nó vào giữa cặp thẻ <style>...</style> điều được
.time{display:inline-block;color:#ffffff;font-size:13px}
.time:before{content:"\f274";font-family:FontAwesome;margin-right:7px}
.time:after{content:" / ";margin:0 1em}
#weather{color:#ffffff;font-size:13px;}
#weather img{max-width:55px;vertical-align:middle;margin-top:-2px}
Bước 3: Tiếp đến tìm thẻ </head> và thêm đoạn js này lên trên thẻ vừa tìm
<script>
//<![CDATA[
/*! simpleWeather v3.1.0 - http://simpleweatherjs.com */
!function(t){"use strict";function e(t,e){return"f"===t?Math.round(5/9*(e-32)):Math.round(1.8*e+32)}t.extend({simpleWeather:function(i){i=t.extend({location:"",woeid:"",unit:"f",success:function(t){},error:function(t){}},i);var o=new Date,n="https://query.yahooapis.com/v1/public/yql?format=json&rnd="+o.getFullYear()+o.getMonth()+o.getDay()+o.getHours()+"&diagnostics=true&callback=?&q=";if(""!==i.location){var r="";r=/^(\-?\d+(\.\d+)?),\s*(\-?\d+(\.\d+)?)$/.test(i.location)?"("+i.location+")":i.location,n+='select * from weather.forecast where woeid in (select woeid from geo.places(1) where text="'+r+'") and u="'+i.unit+'"'}else{if(""===i.woeid)return i.error("Could not retrieve weather due to an invalid location."),!1;n+="select * from weather.forecast where woeid="+i.woeid+' and u="'+i.unit+'"'}return t.getJSON(encodeURI(n),function(t){if(null!==t&&null!==t.query&&null!==t.query.results&&"Yahoo! Weather Error"!==t.query.results.channel.description){var o,n=t.query.results.channel,r={},s=["N","NNE","NE","ENE","E","ESE","SE","SSE","S","SSW","SW","WSW","W","WNW","NW","NNW","N"],a="https://s.yimg.com/os/mit/media/m/weather/images/icons/l/44d-100567.png";r.title=n.item.title,r.temp=n.item.condition.temp,r.code=n.item.condition.code,r.todayCode=n.item.forecast[0].code,r.currently=n.item.condition.text,r.high=n.item.forecast[0].high,r.low=n.item.forecast[0].low,r.text=n.item.forecast[0].text,r.humidity=n.atmosphere.humidity,r.pressure=n.atmosphere.pressure,r.rising=n.atmosphere.rising,r.visibility=n.atmosphere.visibility,r.sunrise=n.astronomy.sunrise,r.sunset=n.astronomy.sunset,r.description=n.item.description,r.city=n.location.city,r.country=n.location.country,r.region=n.location.region,r.updated=n.item.pubDate,r.link=n.item.link,r.units={temp:n.units.temperature,distance:n.units.distance,pressure:n.units.pressure,speed:n.units.speed},r.wind={chill:n.wind.chill,direction:s[Math.round(n.wind.direction/22.5)],speed:n.wind.speed},n.item.condition.temp<80&&n.atmosphere.humidity<40?r.heatindex=-42.379+2.04901523*n.item.condition.temp+10.14333127*n.atmosphere.humidity-.22475541*n.item.condition.temp*n.atmosphere.humidity-6.83783*Math.pow(10,-3)*Math.pow(n.item.condition.temp,2)-5.481717*Math.pow(10,-2)*Math.pow(n.atmosphere.humidity,2)+1.22874*Math.pow(10,-3)*Math.pow(n.item.condition.temp,2)*n.atmosphere.humidity+8.5282*Math.pow(10,-4)*n.item.condition.temp*Math.pow(n.atmosphere.humidity,2)-1.99*Math.pow(10,-6)*Math.pow(n.item.condition.temp,2)*Math.pow(n.atmosphere.humidity,2):r.heatindex=n.item.condition.temp,"3200"==n.item.condition.code?(r.thumbnail=a,r.image=a):(r.thumbnail="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.condition.code+"ds.png",r.image="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.condition.code+"d.png"),r.alt={temp:e(i.unit,n.item.condition.temp),high:e(i.unit,n.item.forecast[0].high),low:e(i.unit,n.item.forecast[0].low)},"f"===i.unit?r.alt.unit="c":r.alt.unit="f",r.forecast=[];for(var m=0;m<n.item.forecast.length;m++)o=n.item.forecast[m],o.alt={high:e(i.unit,n.item.forecast[m].high),low:e(i.unit,n.item.forecast[m].low)},"3200"==n.item.forecast[m].code?(o.thumbnail=a,o.image=a):(o.thumbnail="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.forecast[m].code+"ds.png",o.image="https://s.yimg.com/zz/combo?a/i/us/nws/weather/gr/"+n.item.forecast[m].code+"d.png"),r.forecast.push(o);i.success(r)}else i.error("There was a problem retrieving the latest weather information.")}),this}})}(jQuery);
//]]>
</script>
Bước 4: Bước cuối cùng bạn thêm đoạn js bên dưới lên trên thẻ </body>
<!-- Weather + Time -->
<script>
//<![CDATA[
$.simpleWeather({
location: 'viet nam, quang ngai',
woeid: '',
unit: 'c',
success: function(weather) {
html = '<span>' + weather.city + ' </span><img src="' + weather.thumbnail + '"><span> ' + weather.temp + '&deg;' + weather.units.temp + '</span>';
$("#weather").html(html);
},
error: function(error) {
$("#weather").html('<p>' + error + '</p>');
}
});
$.simpleWeather({
location: 'viet nam, quang ngai',
woeid: '',
unit: 'c',
success: function(weather) {
for (var i = 4; i < weather.forecast.length; i++) {
html = '<img class="weather-image" src="' + weather.image + '">' + '<span class="weather-type">' + weather.currently + '</span><span class="weather-temp"> ' + weather.temp + '&deg;' + weather.units.temp + '</span><span class="weather-date">' + weather.forecast[i].date + '</span><span class="weather-region">' + weather.city + ', ' + weather.country + '</span>';
}
html += '<span class="weather-humidity">' + weather.humidity + '%</span> ';
html += '<span class="weather-wind">' + weather.wind.speed + ' MPH</span>';

$("#weather-widget").html(html);
},
error: function(error) {
$("#weather-widget").html('<p>' + error + '</p>');
}
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){var dayName=new Array("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy");var monName=new Array("1","2","3","4","5","6","7","8","9","10","11","12");var now=new Date();var str_time=dayName[now.getDay()]+', '+now.getDate()+'/'+monName[now.getMonth()]+'/'+now.getFullYear()+' '+now.getHours()+':'+now.getMinutes()+' GMT+7';$('.time').html(str_time);});
//]]>
</script>
Chú ý: Tìm quang ngai và thay thành nơi bạn ở.
Chúc bạn thành công!

Thứ Tư, 5 tháng 9, 2018

Bài đăng liên quan cho Blogger (Related Post Box For Blogger)

Chào các bạn, theo yêu cầu của một số bạn thì hôm nay mình sẽ hướng dẫn các bạn tạo hộp bài đăng liên quan cho blogspot nhé

HƯỚNG DẪN CÁCH LÀM:

Bước 1: Đăng nhập Blogger -> Chủ đề -> Chỉnh sửa HTML nhấn tìm ]]></b:skin> và thêm đoạn css bên dưới lên trên thẻ này
<style>
/* Related post image */
#related-box{width:300px;overflow:hidden;height:auto;position:fixed;bottom:65px;right:0;background:#fff;/*border:1px solid #ddd;*/ box-shadow:0 0 3px #CACACA;transition:all .5s;z-index:9999;font-family:'Open Sans',sans-serif}
#related-box .header{width:100%;height:34px;line-height:35px;border-top:4px solid #F88C00;color:#222;background:#fff}
#related-box .header h2{font-size:17px;text-transform:uppercase;font-weight:600;margin:0;text-align:center}
#related-box .header a{color:#222}
#related-box .tombol{position:absolute;color:#fff;top:0;left:0;font-size:18px;font-weight:400;cursor:pointer;background:#F88C00;text-align:center;width:30px;height:30px;line-height:30px;transition:all .3s ease-in-out}
#related-box .tombol a{color:#fff}
#related-box .tombol a:hover{color:#ffffff7d}
#related-box .tombol i{margin-right:0}
#related-box .item{width:300px;padding:15px;float:left}
#related-box .list{box-sizing:border-box;height:100%;overflow:hidden;width:600px;transition:all .5s}
#related-box .gambar{position:relative;float:left;width:100%;height:150px;display:block;overflow:hidden;margin:0}
#related-box .gambar a{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden}
#related-box .gambar img{width:100%;height:100%;display:block;object-fit:cover}
#related-box .info{padding:0 0 15px;margin:10px 0 20px}
#related-box .info a{float:left;text-transform:uppercase;font-size:17px;color:#222;font-weight:600;line-height:normal/*;border-bottom:1px solid #eee*/;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
#related-box .info h3{margin:0}
#related-box .navigation{float:right;position:absolute;width:auto;left:12px;bottom:12px}
#related-box .navigation a{float:left;border:1px solid rgba(0,0,0,0.2);margin:3px;font-size:12px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:100%}
#related-box .navigation a:hover{background:#f88c00;color:#fff;border:1px solid rgba(0,0,0,0.24)}
#related-box .navigation i{margin-right:0}
#related-box .navigation .left{float:left!important}
#related-box .navigation .right{float:right!important}
#related-box .navigation .left,#related-box .navigation .right{width:auto!important;text-align:inherit!important}
#related-box .gambar,#related-box .info{float:left;width:100%;box-sizing:border-box;display:block}
.relatedshow{position:fixed;bottom:40px;right:-50px;transition:all .5s;z-index:9999;margin:0 10px 0 0}
.relatedshow a{color:#fff;background:#F88C00;border-radius:100%;box-shadow:0 0 10px rgba(0,0,0,0.2);float:right;height:40px;width:40px;line-height:42px;text-align:center}
.relatedshow i{margin-right:0}
.gambar a{display:block!important;background:#000;font-size:0}
.gambar a:hover img{opacity:.3!important}
.gambar{margin-right:15px;position:relative;line-height:0}
.gambar a:hover .overlay-icon:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.overlay-icon:before{content:'\f028';color:#FFF;display:block;position:absolute;top:50%;left:50%;border:3px solid #FFF;border-radius:100%;width:40px;height:40px;line-height:40px;text-align:center;font-size:18px;margin:-20px 0 0 -20px;opacity:0;-webkit-backface-visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.gambar img{height:auto;max-width:100%;width:100%;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.gambar{opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
</style>
Bước 2: Tìm đến thẻ <data:post.body/> tuy nhiên kết quả sẽ cho nhiều hơn 1, vì vậy bạn cần thử từng cái (nên backup template nếu có lỗi thì còn mẫu để cập nhật lại), nhớ không lầm là cái thứ 3
Sau đó bạn dán code sau phía dưới thẻ vừa tìm được
<script type='text/javascript'>
//<![CDATA[
!function(){var a={homepage:"https://www.toishare.net",title:"Nên xem:",post:10,date:!0,scr:500,showcredit:!0};if("object"==typeof relatedbox)for(var b in relatedbox)a[b]=relatedbox[b];var c='<div class="relatedshow" style="right: 0px;"><a href="#"><i class="fa fa-plus"></i></a></div><div id="related-box" style="transform: translateX(400px);"><div class="tombol"><a href="#" class="close"><i class="fa fa-times"></i></a></div><div class="header"><h2>'+a.title+'</h2></div><div class="list">',d="object"==typeof labelArray&&labelArray.length?"/-/"+shuffle(labelArray)[0]:"",f=0;$.ajax({type:"GET",url:a.homepage+"/feeds/posts/summary"+d+"?max-results="+a.post+"&alt=json-in-script",async:!0,contentType:"application/json",dataType:"jsonp",success:function(b){var d=b.feed.entry;if(d){for(var e=0;e<d.length;e++){for(var g,h=d[e],i=0;i<h.link.length;i++)if("alternate"==h.link[i].rel){var j=h.link[i].href;break}g=void 0!==h.media$thumbnail?h.media$thumbnail.url.replace("s72-c","w"+f+"-h400-c"):"https://i.imgur.com/NmnW1Y1.jpg";var k=h.title.$t;c+='<div class="item"><div class="gambar"><a href="'+j+'"><img class="thumbpost2" src="'+g+'"/><span class="fa overlay-icon"></span></a></div><div class="info"><h3><a href="'+j+'">'+k+"</a></h3></div></div>"}var m=a.showcredit?'':"";c+='</div><div class="navigation"><div class="left"><a href="#"><i class="fa fa-chevron-left"></i></a></div><div class="right"><a href="#"><i class="fa fa-chevron-right"></i></a></div></div>'+m}$("body").append(c),$("#related-box").each(function(){function i(){$("#related-box").css({transform:"translateX(400px)"}),$(".relatedshow").css("right",0)}function j(){$("#related-box").css({transform:"translateX(0)"}),$(".relatedshow").css("display","none")}for(var b=$(this).find(".list"),c=$(this).find(".left a"),d=$(this).find(".right a"),e=0,f=0,g=!0,h=1;h<$(this).find(".item").length;h++)e+=$(this).find(".item").outerWidth();b.width(e+$(this).find(".item").outerWidth()),c.click(function(a){a.preventDefault(),0==f?f=-e:f+=300,b.css("transform","translateX("+f+"px)")}),d.click(function(a){a.preventDefault(),f==-e?f=0:f-=300,b.css("transform","translateX("+f+"px)")}),$(".relatedshow").click(function(a){a.preventDefault(),j()}),$(this).find(".close").click(function(a){a.preventDefault(),i(),g=!1}),$(window).scroll(function(){var b=$(window).scrollTop();b>a.scr&&g?j():b<a.scr&&g&&i()})})}})}();
//]]>
</script>
Code này mình lấy từ https://blogthuthuat.net/hop-bai-viet-lien-quan/ và về mod lại :3
// Tìm https://www.toishare.net và thay thành link blog của bạn nhé
Chúc bạn thành công !

Chủ Nhật, 26 tháng 8, 2018

Hướng dẫn Verified dấu tick xanh cho Page và trang cá nhân Facebook

Chào các bạn, dấu tick xanh được Facebook sử dụng để đánh dấu những trang đã xác thực. Nghĩa là nhưng danh hiệu hoặc nhãn hàng đó đã được Facebook công nhận bản quyền người nổi tiếng. Đồng nghĩa với việc những trang này sẽ rất không bao giờ chết khi bị Report.
Vậy làm sao để xác thực được dấu tick xanh? hôm nay mình sẽ hướng dẫn anh em làm điều đó. Tuy nhiên, để có được dấu tick thì bạn cần phải đáp ứng được một số yêu cầu do Facebook đặt ra. Đây không phải là thủ thuật, mà là thực sự xác thực để được nhận dấu Tick.
Các yêu cầu trước khi xác thực:
  • - Bạn là một người đã từng xuất hiện trên các trang báo ( có thể tạo trang báo giả và tự đăng bài ).
  • - Bạn có một số thông tin trên báo đài và truyền hình.
  • - Được liệt kê vào Wikimedia là một lợi thế (không có cũng được).
  • - Bạn đại diện cho một thương hiệu hoặc doanh nghiệp nổi tiếng.

Hướng dẫn xác thực dấu tick xanh Facebook

Bước 2: Chọn loại xác minh (Muốn xác minh cho Page thì chọn trang, cho trang cá nhân thì chọn trang cá nhân).
Bước 3: Nếu bạn chọn xác minh cho Page thì ở phần Select Page to verify bạn sẽ chọn trang của bạn.
Còn nếu chọn xác minh cho Trang cá nhân thì dán địa chỉ trang cá nhân của bạn vào.
Bước 4: Ấn vào chọn Tệp và đính kèm ảnh giấy tờ tùy thân hoặc giấy phép kinh doanh lên.
Bước 5: Ở phần thông tin bổ sung bạn hãy soạn một đoạn thần chú bằng tiếng anh thật chuyên nghiệp để thuyết phục Facebook. Thần chú của bạn phải đáp ứng được các tiêu chí sau:
  • - Nội dung giới thiệu bản thân hoặc doanh nghiệp sao cho thuyết phục, trang trọng.
  • - Đính kèm link đến các bài báo hoặc wikimedia.
  • - Có link đến các đoạn Clip quay những sự kiện nổi tiếng mà bạn hoặc doanh nghiệp đã tham gia.
Bởi vì đơn xác thực lần này do chính nhân viên Facebook xét duyệt chứ không phải Robot. Nên minh không thể cung cấp cho bạn một khuôn mẫu thần chú được. Bạn phải tự soạn để thuyết phục được các nhân viên xem xét đó.
Bước 6: Ấn gửi và truy cập vào liên kết dưới đây để vào hộp thư hỗ trợ của Facebook.

Hoàn thành và chờ đợi kết quả

Đợi phản hồi của họ về việc xác thực. Sau đó gửi ảnh thêm ảnh giấy tờ do chính phủ cung cấp ở phần Câu trả lời của bạn. Facebook sẽ xem xét và xác nhận tick xanh cho bạn. Thời hạn chậm nhất là 1 tuần đến 1,5 tuần.
Lưu ý: Bạn chỉ có thể gửi biểu mẫu lại sau 30 ngày kể từ khi nhận được phản hồi từ Facebook.

Tóm lược

Đây là hướng dẫn xác thực Fanpage hoặc trang cá nhân nổi tiếng chính hiệu. Một ngày nào đó bạn được lên báo rồi và đươc xã hội công nhận trên Wikimedia rồi thì hãy xác thực. Chứ bạn không có danh phận gì thì Facebook sẽ không xác thực cho bạn đâu.
Càng không nên sử dụng các đoạn Script trên mạng. Bởi vì xác thực tick xanh phải can thiệp vào cơ sở dữ liệu của Facebook. Các Script trên mạng chỉ mang tính chất giải trí. Ấn F5 tải lại trang là mất tick xanh ngay, một số Script còn chèn mã độc để lấy Cookie và hack tài khoản của bạn.
Được viết bởi / https://anonyviet.com

Thứ Bảy, 25 tháng 8, 2018

Hướng dẫn thêm mục giới thiệu tác giả vào blogspot

Good Morning, theo yêu cầu của một số bạn thì hôm nay mình sẽ hướng dẫn các bạn thêm mục giới thiệu tác giả vào blogspot nha

HƯỚNG DẪN CÁCH LÀM:

Bước 1: Vào trang Chủ đề của blogspot -> Chỉnh sửa HTML và dán đoạn code bên dưới xuống dưới thẻ <body> hoặc trên thẻ </body> cũng đều được
<div class='popup-wrapper' id='popup'>
<div class='popup-container'>
<div class='boxinner'>
<div class='circle'/>
<div class='circle'/>
<div class='circle'/>
<div class='contentbox'>
<kepala><span id='textlogo'><data:blog.title/></span>
<a class='popup-close' href='#closed' title='Close'>&#215;</a>
</kepala>
<br/>
<div class='scrollbarbox'>
<div class='innerone'>
<div id='aboutus'>
<img expr:alt='data:blog.title' expr:title='data:blog.title' src='https://cdn1.iconfinder.com/data/icons/user-pictures/100/male3-512.png'/><br/>
<script src='/feeds/posts/default?alt=json-in-script&amp;callback=getposts'/><br/>
<p>ToiShare.Net là một blog cá nhân, nơi tôi chia sẻ các mẹo về Blogger/Blogspot, Facebook, Photoshop</p><br/>
<p>Hy vọng rằng trong tương lai blog này có thể cung cấp những đóng góp và thông tin hữu ích cho tất cả các bạn. Cảm ơn bạn!</p>
</div></div></div>
<div id='left'>
<div class='taber1'><a expr:title='data:blog.title' href='/' rel='nofollow' target='_blank'><data:blog.title/></a></div>
<div class='taber2'><a href='https://plus.google.com/+TrầnThanhBình' rel='nofollow' target='_blank' title='Follow Us On Google+'>Google+</a></div>
<div class='taber3'><a href='https://www.facebook.com/6666666.info' rel='nofollow' target='_blank' title='Follow Us On Facebook'>Facebook</a></div>
<div class='taber4'><a href='#' rel='nofollow' target='_blank' title='Follow Us On Twitter'>Twitter</a>
</div>
<div class='taber6'><a href='#' rel='nofollow' target='_blank' title='Follow Us On Codepen'>Codepen</a></div>
<div class='taber7'><a href='https://www.blogger.com/follow-blog.g?blogID=2016773409250385719' rel='nofollow' target='_blank' title='Join this blog'>Join this blog</a></div>
</div></div></div></div></div>
Bước 2: Thêm đoạn code này vào chỗ bạn muốn nó hiển thị <li class='infotoishare'><a class='popup-link' href='#popup'><i aria-hidden='true' class='fa fa-address-card'/>Info</a></li>
Ví dụ ở đây mình thêm vào menu
Bước 3: Thêm css phía dưới lên trên thẻ ]]></b:skin> hoặc thêm nó vào trong cặp thẻ <style>...</style> đều được
/* CSS Widget Info About Us */
.boxinner{z-index:99;width:100%;height:550px;position:absolute;left:50%;margin-left:-250px;background-color:#e9e8e9;top:50px;box-shadow:0 0 70px 0 rgba(0,0,0,0.1)}
.boxinner{border-radius:6px}
.contentbox{border-radius:0 0 6px 6px}
#left{border-radius:0 0 6px 0}
.contentbox{border-top:1px solid #cbcbcb;position:absolute;background-color:#fff;top:40px;right:0;left:0;bottom:0}
.circle{float:left;height:12px;width:12px;margin:14px 0 0 10px;border-radius:50%;border:1px solid #0000000f}
.circle:first-child{background:#f56252;margin-left:15px}
.circle:nth-child(2){background:#fac000}
.circle:nth-child(3){background:#42cc01}
kepala{background:#cfcfcf;height:50px;width:100%;position:inherit}
#textlogo{background:#f7f7f7;color:#120d04;padding-top:15px;text-align:center;font-weight:700;font-size:15px;position:inherit;height:70%;width:58.4%;box-sizing:initial;}
#left{background:#222;color:#fff;top:50px;bottom:0;right:0;width:250px;position:inherit}
#left a{color:#bdc3c7;}#left a:hover{color:#fff;}
.taber1,.taber2,.taber3,.taber4,.taber5,.taber6,.taber7{cursor:pointer;font-size:14px;padding:15px 25px;color:#bdc3c7;}
.taber1:hover{background:#f88c00;color:#fff}.taber2:hover{background:#e74c3c;color:#fff}.taber3:hover{background:#2980b9;color:#fff}.taber4:hover{background:#27C9E9;color:#fff}.taber5:hover{background:#3ca9d0;color:#fff}
.taber6:hover{background:#1abc9c;color:#fff}.taber7:hover{background:#f39c12;color:#fff}
#left .taber1:hover a,#left .taber2:hover a,#left .taber3:hover a,#left .taber4:hover a,#left .taber5:hover a,#left .taber6:hover a,#left .taber7:hover a{color:#fff}
#aboutus{top:50px;width:59%;padding:10px;color:#444;text-align:left;position:inherit;float:left;line-height:normal;font-size:15px}
#aboutus img{margin:10px auto 0 auto;display:table;border-radius:100%;max-width:140px;box-shadow:0 0 0 5px rgba(0,0,0,.03)}
#aboutus p{line-height:17px}
.scrollbarbox{overflow:hidden;text-align:justify;margin-top:45px}
.scrollbarbox .innerone{height:480px;overflow:auto}}
a.popup-link{border-bottom:3px solid #e2e2e2;border-radius:3px;padding:8px 40px!important;background:#fff;color:#555!important;text-align:center;letter-spacing:1px;margin-right:10px}
#popup{display:none;}
#popup:target{background:url(https://hdqwalls.com/download/mac-osx-sierra-lu-2560x1440.jpg);display:block;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:999;transition:all .3s}
.popup-container{position:relative;margin:0 auto;padding:20px}
a.popup-close{position:relative;top:5px;border-radius:50px;float:right;right:5px;margin:0 auto;padding:7px;font-weight:bold;font-size:30px;text-decoration:none;line-height:1;color:#737376}
a.popup-close:hover{color:#737376}
.totalposts{margin:auto;display:table;text-align:center}
.totalposts .totalnumber{background:#00c700;color:#fff;display:inline;font-weight:700;font-size:50px;padding:2px 7px 0px 7px;border-radius:3px}
.totalposts .totallabel{display:block;text-transform:none;color:#222}
li.infotoishare{float:right!important;background:#f8f9fa}
li.infotoishare a{color:#00c700!important;padding:8px 139px!important}
li.infotoishare:hover,li.infotoishare a:hover{background:#00c700!important;color:#fff!important}
@media (min-width:768px){.popup-container{width:600px}}
@media (max-width:767px){.popup-container{width:100%}}
@media screen and (max-width: 1138px) {
#popup,.infotoishare{display:none!important}
}
Vậy là xong rồi.
Chúc bạn thành công!

Chia sẻ mẫu psd ảnh bìa facebook đẹp

Chào các bạn, hôm nay mình mang đến cho các bạn 1 psd ảnh bìa facebook mà do chính mình cover :3

Để tìm font trong psd các bạn hãy tham khảo qua bài này.

Thứ Tư, 15 tháng 8, 2018

Chuyện Khởi Nghiệp và Ghế 3 Chân

Trên Tivi bây giờ tôi thích nhất chương trình Shark Tank– mặc dù thực chất nó là 1 Games Show: nghĩa là rất có thể đa số trong đó là dàn dựng và không đem lại giá trị cho cả 2 đối tượng : người ngồi ghế và người chém gió – theo tôi hiệu quả lớn nhất của nó là Truyền thông : vì các anh ngồi đó đều là người giỏi và thành đạt, do đó các anh đều có 1 đống dự án đang chạy hàng trăm, ngàn tỷ ngon lành rồi: lên đây không với mục đích tìm đầu tư đâu, vì Truyền thông cho bản thân và cho các Dự án các anh ấy đang làm thôi.

Tin tôi đi. Và các dự án lên đấy có thể có đầu tư ( tỷ lệ được các Shark Việt đầu tư THẬT sau khi “bắt tay đồng ý” không quá 30%, và thậm chí ở Shark Tank phiên bản Mỹ thì con số thực nhận còn thấp hơn (khoảng 27% với 7 mùa đầu ) > Vì nhiều lý do: cả 2 bên: Bên xin tiền chém gió quá mức có, bên đầu tư đòi hỏi tham lam…

Và do đó những Dự Án lên trên đó thu hoạch được nhiều nhất chính là Truyền Thông và Bài Học
> Và NGƯỜI XEM là người hưởng lợi nhất : nhất là những người đang dự kiến khởi nhiệp… Nên hãy xem, và lắng nghe phần phân tích đánh giá của các Shark : nó là thứ GIÁ TRỊ nhất của chương trình…

- Tôi từng gọi vốn được 200.000 usd (4,5 tỷ) chỉ trong 1 đêm với 1 status. Và thứ tôi có được chính là lời khuyên của các “Nhà đầu tư” đó… Và tôi đã học được 3 bài học rất quan trọng trong việc làm sản phẩm. Chia sẻ cho các bạn:
1. Đầu tiên là “Hãy làm thứ bạn làm tốt nhất” – đừng lao ra bán thịt Gà chỉ vì thấy cửa hàng KFC đông khách! …
2. Tiếp theo : “Nếu làm thì làm ĐẾN CÙNG – ra sản phẩm cụ thể. Tôi thích câu hỏi thẳng thắn của Shark Việt trong vòng gần nhất hỏi 1 Khởi Nghiệp: “Nếu không thành công bạn làm gì?” – Trả lời “Em làm việc khác” – Shark Việt: “Nếu vậy tôi không đầu tư”

Rõ ràng khi các Shark đầu tư thì thứ mà họ đặt vào bạn rất nhiều cho yếu tố Con Người: Và cần 1 người sẽ đi đến cùng chặng đường – vì thực tế 90% Giá Trị 1 công ty ở giai đoạn startup này sẽ đến từ TRẢI NGHIỆM! ..

3. Cuối cùng… Một điểm yếu nhất của những người làm sản phẩm đấy là: Làm cái họ THÍCH

Trong khi việc của họ nên là : “Làm cái cộng đồng CẦN” Cái cuối này tôi kể 1 câu chuyện về Ghế 3 Chân. — Tại sao Ghế lại 4 chân mà không phải 3 chân. Trong khi chỉ cần 3 chân là có thể tạo nên 1 mặt phẳng, và thậm chí do có cái chân thứ 4 đó mà người ta hay vướng phải cảnh “cập kênh” và phải lót 1 chân cho đỡ cập kênh??? …

Một câu trả lời đơn giản đó là Ghế là để ĐẶT MÔNG, mà khi đặt mông thì ngồi 4 chân sẽ chắc chắn hơn và không đổ. Như vậy nếu bạn là người LÀM GHẾ : chỉ quan tâm tới việc Làm ghế sao cho đẹp, sao cho vững, hợp lý : thì sẽ làm ghế 3 chân. Nhưng nếu quan tâm tới MÔNG người ngồi, thì ghế phải 4 chân.
> ĐỨNG VỮNG không cập kênh chỉ là lý thuyết suông !!!

ĐẶT MÔNG SAO CHO SƯỚNG đó là quá trình trải nghiệm sản phẩm !!! .

TÓM LẠI: Nếu xác định kiếm tiền bằng sản phẩm – đừng lý luận suông, đừng chỉ làm thứ bạn thích

Hãy làm thứ cộng đồng CẦN.

Nguồn: Trần Chí Hiếu