Handmade

Công nghệ

Làm đẹp

Được tài trợ

Kết quả tìm kiếm

Showing posts with label cong nghe. Show all posts
Showing posts with label cong nghe. Show all posts

09 March 2017

Cách đổi tên facebook không tên, 1 chữ độc - lạ - chất


Bao lâu rồi bạn chưa tạo sự khác biệt trên Facebook của mình, nếu muốn có sự mới mẻ nào đó thì đừng bỏ qua bài hướng dẫn sau nhé. Đây là thủ thuật vô cùng độc đáo giúp bạn có thể biến tên dài ngoằn trên Facebook về "1 chữ" cực độc đáo.


22 February 2017

Hướng dẫn cách tạo trang lỗi 404 với hộp tìm kiếm đẹp cho Blogspot

Với những trang lỗi 404, nếu không được tùy chỉnh gì thì nó thật sơ sài và chán ngắt ^_^ Vì thế, với mục đích làm đẹp trang 404, thì mình sẽ hướng dẫn các bạn cách tạo trang lỗi 404 với 1 hộp tìm kiếm đẹp cho Blogspot của bạn.

Thay trang lỗi 404 bằng hộp tìm kiếm đẹp cho Blogspot

Trang lỗi 404 là gì?

Là trang sẽ xuất hiện mỗi khi người dùng truy cập vào web nhưng địa chỉ này không tồn tại, có thể đường dẫn này là của 1 bài viết cũ đã bị xóa, cũng có thể đó là 1 đường dẫn chưa từng tồn tại, do người dùng gõ nhầm. Trang 404 sẽ thông báo cho độc giả biết rằng bài viết đã bị xóa hoặc đường dẫn chưa từng tồn tại, và độc giả nên vào 1 đường dẫn khác.

Lợi ích của trang 404 là gì?

Như đã nói ở trên, trang 404 thông báo cho người dùng biết rằng đường dẫn này đã không tồn tại hay không còn tồn tại nữa. Ngoài ra trang 404 giúp thông báo với các bots tìm kiếm trang không tồn tại và điều hướng bots trên web, việc không có trang 404 sẽ làm cho website bị đánh giá thấp vì quá nhiều đường dẫn không tồn tại và báo lỗi.

Hướng dẫn cách tạo trang lỗi 404 với hộp tìm kiếm đẹp cho Blogspot

Vì trang 404 mặc định nó sẽ chẳng có gì, nhìn sẽ mất cảm tình. Vì thế, với thủ thuật blogspot này, mình muốn đưa 1 hộp tìm kiếm vào trang này, nhằm giúp người dùng tìm kiếm nội dung mình cần thông qua nó nếu gặp phải trang lỗi 404.

Trang lỗi 404 tùy chỉnh

- Truy cập vào trang quản trị Blogger

- Vào Cài đặt (Settings) -> Tùy chọn tìm kiếm (Search preferences):

Tùy chọn tìm kiếm (Search preferences)

- Tại mục Lỗi và chuyển hướng (Error and redirections) -> Không tìm thấy trang tùy chỉnh (Custom page not found), thêm vào đoạn code sau:

Không tìm thấy trang tùy chỉnh

<style>
#search-button-links1 {
    position: relative;
    top: 0;
    right: 0;
    height: 60px;
    width: 580px;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-decoration:none;
    line-height: 42px;
    border-width: 0;
    background-color: #5caddf;
margin:5px;
    cursor: pointer;
}
#search-box1 {
    position: relative;
    width: 100%;
    margin: 0;
}
#search-form1 {
    height: 40px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
#search-text1 {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
}
#search-box input[type="text"] {
    width: 90%;
    padding: 11px 0 12px 1em;
    color: #333;
    outline: none;
}
#search-button1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    background-color: #4d90fe;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
</style>
<div id='search-box1'>
  <form action='/search' id='search-form1' method='get' target='_top'>
    <input id='search-tex1t' name='q' placeholder='Tìm kiếm trên huongdantulam.com' type='text'/>
    <button id='search-button1' type='submit'><span>Tìm kiếm</span></button>
  </form>
</div>
<p style="color:#e33633; font-family:verdana, sans serif; font-size:16px; padding:24px; text-decoration:none">Trang này đã được xóa hoặc chưa từng tồn tại - Vui lòng truy cập <a href="http://huongdantulam.com">DIY</a>
Bạn có thể thay các đoạn chữ và link màu xanh tùy theo ý của bạn nhé, hoặc để nguyên đó mà xài thôi.

- Sau khi chỉnh sửa xong thì lưu lại. Và hãy kiếm tra web của bạn bằng 1 đường dẫn bất kỳ để dẫn tới trang lỗi 404 xem. ^_^

Hướng dẫn tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Widget xếp hạng bình luận (Hay top commentators) sẽ xếp hạng các blogger bình luận nhiều nhất trên blog của bạn, cung cấp cho bạn chi tiết số bình luận của blogger đó trên website bạn trong khoảng thời gian nhất định.

Tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Lợi ích gì từ bình luận và widget xếp hạng bình luận?

Bình luận là một phần của Blogspot, việc bình luận nhiều giúp cho nội dung bài viết được tươi mới trong mắt bots và tạo ra sự trao đổi, tương tác giữa những người dùng trong blog. Trang blog có càng nhiều bình luận thì càng tốt, tương tác càng nhiều, càng chất lượng, sẽ giúp chúng ta hỗ trợ cho việc SEO Blogspot dễ dàng hơn.

Widget xếp hạng bình luận ngoài việc cho mọi người biết những ai tương tác nhiều trên blog này, thì nó còn giúp níu giữ độc giả. Bạn có cảm thấy hãnh diện khi thấy mình nằm trong danh sách này ở một blog lớn không? Và vô hình chung, việc xếp hạng bình luận này có thể tạo sư ganh đua giữa những độc giả bằng cách comment trao đổi để thay đổi xếp hạng của mình ^_^

Đây là ảnh ví dụ nếu sử dụng widget top commentators này cho Blogspot của mình:

widget xếp hạng bình luận (Top commentators)

Hướng dẫn tạo widget xếp hạng bình luận (Top commentators) cho Blogspot

Với widget này, số bình luận sẽ nằm bên phải tên người bình luận nhé.
- Truy cập vào trang quản trị Blogger:

- Vào Bố cục (Layout), chọn vị trí muốn hiển thị widget xếp hạng bình luận, và thêm tiện ích (Add widget):

-  Chọn HTML/JavaScript, và thêm đoạn code sau vào bên trong nó:
<style type="text/css">
.top-commentators {
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters = 8;
var minComments = 1;  
var numDays = 0;      
var excludeMe = true;  
var excludeUsers = ["Anonymous", "_CTPG_ 2015", "Trần Bá Đạt _CTPG_"];
var maxUserNameLength = 42;
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = "http://lh3.ggpht.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'http://lh3.ggpht.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/s1600/avatar1.png' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g);
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
 
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commentators">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>
Trong đó:
  • Số 0 ở numDays đó là số ngày lấy xếp hạng bình luận. Nếu để số 0 tức sẽ lấy toàn thời gian. Còn để số khác ví dụ như 30, thì xếp hạng bình luận sẽ lấy trong 30 ngày gần nhất.
  • Chữ màu xanh, các bạn thay tên G+ của các bạn vào nếu không muốn nó xếp hạng mình vào đó.
  • Số 8 màu đỏ, nằm trong var maxTopCommenters = 8, tức là chỉ hiển thị tối đa top 8 người bình luận nhiều nhất, muốn chuyển thành top 10 thì cứ đổi số 8 thành 10 thôi.
  • var sizeAvatar = 33, số 33 tức avatar có kích thước là 33x33 px, muốn to hay nhỏ hơn thì cứ thay đổi số 33.

- Lưu lại, và hoàn thành!

Sau khi lưu lại bạn sẽ thấy xếp hạng bình luận cho Blogspot của mình. Khá đẹp và bắt mắt đấy nhé ^_^ Chúc bạn có blog đẹp!

Cách hiển thị bài viết theo label tại trang chủ blogspot

Bạn muốn một trang chủ Blogspot có giao diện đẹp, hấp dẫn giống một trang báo tương tự như của huongdantulam.com hay nhiều trang web khác? Các bài viết sẽ hiển thị theo các label, giúp chúng ta phân ra nhiều chuyên mục tại trang chủ, nhằm giúp độc giả tiếp cận nhiều hơn với các bài viết trên blog.

Hiển thị bài viết theo label tại trang chủ Blogspot

Thủ thuật Blogspot này sẽ sử dụng các label để hiển thị các bài viết trong các label này. Ví dụ, các bạn có thể thấy ở trang chủ của mình. Đó là các label: hoc nau anhoc lam banhhoc moc lencong nghe và lam dep. Mỗi label sẽ hiển thị các bài viết nằm trong Label đó. Rõ ràng với cách hiển thị truyền thống là phân trang của blogspot thì các phân các chuyên mục như thế này giúp độc giả dễ dàng tiếp cận các thông tin mà chúng ta đang cung cấp.

Hướng dẫn hiển thị bài viết theo label tại trang chủ Blogspot

- Như thường lệ, tốt nhất trước khi chỉnh sửa chúng ta nên Backup lại code web trước đã.

- Truy cập vào trang quản trị Blogger: https://www.blogger.com

- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):

edit html


- Click vào vùng code, và tìm đến thẻ ]]></b:skin>, sau đó thêm đoạn code này vào phía trên nó:
img.label_thumb{float:left;margin-right:15px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #ff00ff;}
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px 15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px 0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }
- Tiếp tục tìm đến thẻ <head> và thêm đoạn code này vào phía dưới nó:
 <script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://lh3.ggpht.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>
Sau đó lưu template lại.
- Cuối cùng, vào Bố cục (Layout), chọn vị trí mà bạn muốn hiển thị theo label, và thêm tiện ích (Add widget), chọn HTML/Javascript và thêm đoạn code này vào trong nó:
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="/feeds/posts/default/-/label name?published&alt=json-in-script&callback=labelthumbs"></script>
Trong đó, chổ label name, các bạn thay bằng tên label muốn hiển thị ở trang chủ nhé. 

- Lưu lại và tận hưởng thành quả, bạn đã có thể hiển thị bài viết theo label tại trang chủ blogspot rồi đấy.

Và nếu muốn thêm các label khác, bạn chỉ cần lấy đoạn code phía trên đổi label name thành các label khác rồi thêm vào các vị trí muốn thôi. Và để có giao diện thật đẹp như của mình thì các bạn cần biết CSS để chỉnh sửa bố cục trang web nhé.

Hướng dẫn thêm xác nhận Admin trong bình luận Blogspot

Nếu có thắc mắc nào về việc thêm xác nhận Admin trong bình luận thì comment bên dưới nhé.Bạn có thấy rằng ở rất nhiều blog trong hộp bình luận có sự khác biệt giữa quản trị viên và khách không? Đó thường là những icon nhỏ như dấu tick, hình người (như của mình) hay là chữ Admin... Giúp người xem dễ theo dõi và biết đâu là Admin web và đâu là khách viếng thăm. Việc thêm các icon nhỏ như vậy giúp tạo ấn tượng cho người dùng, và những bình luận của admin sẽ được chú ý hơn.
Thêm xác nhận admin trong bình luận cho Blogspot
Nhiều template của Blogspot không hề có tính năng này, admin bình luận cũng giống như một thành viên bình luận thôi. Vì thế mình sẽ hướng dẫn các bạn thủ thuật thêm xác nhận admin thuật này, để không bỏ qua những lợi ích mà nó mang lại.

Hướng dẫn thêm xác nhận Admin trong bình luận Blogspot

- Truy cập vào trang quản trị Blogger: https://www.blogger.com/

- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):

Edit HTML

- Click vào vùng code và tìm đoạn code sau:
.comments .comments-content .icon.blog-author
- Sau đó xóa hết toàn bộ code bên trong nó, code đó sẽ giống như thế này nhé:
background-repeat: no-repeat;  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); 
- Và sau đó thay đoạn code dưới đây vào:
background: url("https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png") no-repeat scroll 0 0 transparent;
Trong đó, đường dẫn màu xanh là đường dẫn cho icon làm xác nhận Admin, như trên là dấu tick màu xanh, các bạn có thể tạo ra các icon khác thay vào đường dẫn đó nhé.



- Lưu template lại và tận hưởng thành quả ^_^

Nếu có thắc mắc nào về việc thêm xác nhận Admin trong bình luận thì comment bên dưới nhé.

Hướng dẫn tự động thay đổi màu nền cho Blogspot

Bạn muốn trang web của mình mới lạ với mỗi lượt truy cập, nhằm làm cho người xem đỡ nhàm chán với giao diện hiện tại? Mình đề xuất các bạn nên thay đổi màu nền cho Blogspot của bạn, và mình sẽ hướng dẫn một thủ thuật blogspot giúp các bạn tự động thay đổi màu nền mỗi khi truy cập vào trang blog.


Hướng dẫn tự động thay đổi màu nền cho Blogspot


Cách thức hoạt động của quá trình thay đổi màu nền
Trước khi vào hướng dẫn mình sẽ giải thích một tí về cơ chế hoạt động của phương pháp ở bài này: Đó là sử dụng JQuery để tự động hóa việc thay đổi màu nền mỗi khi trang web được làm mới. Bất cứ khi nào trang blogspot của bạn được refresh thì màu nền sẽ ngay lập tức thay đổi.

Có nghĩa là mỗi khi người xem refresh trang blog của bạn, thì đồng nghĩa họ sẽ nhận được một màu nền mới, có lẽ nó sẽ giúp tạo ấn tượng hơn với người xem.


Hướng dẫn tự động thay đổi màu nền cho Blogspot

Dưới đây là các bước để thay đổi màu nền, các bạn chỉ cần làm theo hướng dẫn là được.

- Truy cập vào trang quản trị Blogger của bạn ở địa chỉ: https://www.blogger.com

- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):


Hướng dẫn tự động thay đổi màu nền cho Blogspot

- Giờ click vào vùng code, sau đó bấm Ctrl + F để mở hộp tìm kiếm, và tìm đến thẻ </head>, thêm đoạn code này vào ngay bên trên nó:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
function get_random_color(){var e="0123456789ABCDEF".split("");var t="#";for(var n=0;n<6;n++){t+=e[Math.round(Math.random()*14)]}return t}$(function(){$(".post").each(function(){$(this).css("background-color",get_random_color())})})//]]></script>
Lưu ý, nếu template bạn đã có sẵn jquery.min.js thì bạn có thể bỏ đoạn code này đi:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>
 - Lưu template lại
Sau khi lưu template lại thì bạn hãy thử ra kiểm tra blog mình xem thế nào, bạn sẽ thấy mỗi lần bạn F5 thì blog của bạn sẽ tự động thay đổi màu nền. Khá hấp dẫn phải không nào? ^^

Hướng dẫn tự làm web miễn phí bằng blogspot


Chào các bạn, tự làm web miễn phí phục vụ việc kinh doanh online, thương mại trực tuyến hay một trang cá nhân để chia sẻ ngày càng phổ biến.
Để thiết kế 1 website, thuê code, thuê host hoặc máy chủ sẽ tốn kém hoặc bất cập với nhu cầu làm web không quá cầu kỳ.


Sau khi hệ thống blog 360 của yahoo dừng hỗ trợ, google lập tức đã tạo ra blogspot giúp ta có thể tự làm 1 web miễn phí vô cùng tiện lợi.

Bước 1:
Đầu tiên bạn truy cập vào https://www.blogger.com
Đăng nhập tài khoản Gmail của bạ vào, khi đó sẽ có màn hình quản trị Bog như này:

Bạn chọn settings, mục Language bạn chọn Tiếng Việt cho dễ làm nhé, sau khi chọn Tiếng Việt xong bạn bấm nút save bên phải phía trên của màn hình.

Bước 2:
Bắt đầu tạo web miễn phí với blogspot, bạn chọn mục Blog mới


Sau khi chọn mục Blog mới, sẽ xuất hiện khung nhập để bạn đặt tiêu đề và link truy cập cho blog của bạn.
Nhập xong, nếu tên miền còn khả dụng thì blogspot sẽ báo cho bạn là địa chỉ blog này có sẵn, khi đó bạn nhấp nút Tạo Blog màu cam bên dưới.

Lưu ý: Phần mẫu bên dưới, bạn cứ để mặc định mẫu Đơn Giản nhé, vì giao diện (template) của blog mình đi lấy chỗ khác về cho đẹp chứ dùng gì cái mẫu mặc định này.

Bước 3:
Sau khi tạo blog xong, web sẽ tự làm mới, đưa bạn về giao diện quản trị blog của mình, bao gồm các nhắc nhở vi phạm, điều khoản này nọ, mấy cái này bạn cứ bấm X tắt nó đi.



Bấm vào Xem Blog bạn sẽ thấy giao diện blog đơn giản của mình
Bấm Đăng Bài Mới để soạn những bài đầu tiên, lưu ý nhập đầy đủ Tiêu Đề, Thẻ tags...
Mục Bố Cục sau này sẽ dùng để sửa theme blog đẹp
Mục Mẫu để add giao diện blog mới, chỉnh sửa HTML của blog sau này
Mục Cài đặt để chỉnh múi giờ, ngôn ngữ..

Trang quảng lý bằng tiếng việt nên bạn có thể tà tà ngâm cứu dần.
Xin mời đọc các bài tiếp theo để có thể làm đẹp, làm chủ vấn đề tự làm web miễn phí nhé bạn.



16 February 2017

Hướng dẫn cài đặt ứng dụng từ Appvn lên iPhone, iPad từ máy tính, không cần Jailbreak

Cydia Impactor là phần mềm giúp cài các file ứng dụng, game (ipa) lên thiết bị chạy iOS cực kỳ đơn giản mà không cần phải Jailbreak máy. Sau đây là bài hướng dẫn chi tiết cách cài đặt ứng dụng từ Appvn lên iPhone, iPad từ máy tính, không cần Jailbreak. Mời các bạn tham khảo.


# Yêu cầu:
  • Một chiếc máy tính chạy Window hoặc OS X/macOS
  • iPhone/iPad sử dụng iOS 9 trở lên
  • iTunes phiên bản mới nhất
  • Tool Cydia Impactor (tải về tại đây)

Hướng dẫn cài đặt ứng dụng từ Appvn lên iPhone, iPad từ máy tính, không cần Jailbreak

Bước 1: Tải về và giải nén công cụ Cydia Impactor
Bước 2: Tải về ứng dụng cho iPhone/iPad (định dạng file .ipa) từ Appvn
https://cydia.vn/huong-dan-cai-dat-ung-dung-tu-appvn-len-iphone/
Bước 3: Kết nối iPhone, iPad với máy tính (Windows hoặc OS X/macOS) qua cổng kết nối USB (nên cập nhập iTunes lên bản cao nhất để hỗ trợ kết nối tốt hơn)
Bước 4: Bây giờ, trên màn hình máy tính, bạn khởi động công cụ Cydia Impactor > Kéo tập tin .ipa cần cài đặt vào iPhone/iPad vào giao diện Cydia Impactor (mỗi lần kéo chỉ cài được một app duy nhất)
XNxP0
Bước 5: Một bảng thông báo pop-up sẽ hiện ra với nội dung yêu cầu bạn nhập tài khoản Apple ID hợp lệ để tiến hành cấp phép và cài đặt ứng dụng lên thiết bị.
XNlHD
  • Lưu ý: Bạn có thể sử dụng một tài khoản ID Apple ảo nhưng đã được đăng ký và kích hoạt hợp lệ.
XNmiV

Bước 6: 
Một bảng thông báo “Nhà phát triển” của Apple sẽ hiển thị một lời cảnh báo thao tác trên không an toàn tuy nhiên bạn cứ nhấn OK để xác nhận an toàn và tiếp tục. (Điều này hoàn toàn không ảnh hưởng gì xấu tới thiết bị của bạn).
XNul2
Bước 7: Cydia Impactor sẽ tiến hành “Sign” cho app .ipa lên thiết bị (iPhone/iPad), quá trình này có thể mất từ 3 đến 5 phút tùy vào dung lượng của ứng dụng, vì vậy hãy kiên nhẫn nhé.
XNZUq
Sau khi cài đặt thành công, Cydia Impactor sẽ tự động bật lại giao diện ban đầu, iPhone/iPad cũng không cần khởi động lại mà có thể sử dụng app mới cài. Nếu trong quá trình cài đặt có xuất hiện lỗi gì bạn vui lòng để lại bình luận phía dưới và mình sẽ hỗ trợ sớm nhất có thể.
 XNyoG
Bước 8: Sau khi hoàn thành quá trình cài đặt ứng dụng từ Cydia Impactor, bạn cần truy cập vào Cài đặt – Cài đặt chung – Quản lí cấu hình & thiết bị. Chọn ‘Tin cậy‘ ứng dụng bạn vừa cài đặt.
https://cydia.vn/huong-dan-cai-dat-ung-dung-tu-appvn-len-iphone/
Chúc các bạn thành công.

Hướng dẫn cách tự jailbreak ios 10

Sau một thời gian kể từ khi tìm ra lỗ hổng bảo mật trên iOS 10.1 và 10.1.1, hacker nổi tiếng Luca Todesco hay còn được biết đến với cái tên qwertyoruiop trên Twitter đã tung ra bản beta jailbreak iOS 10 đầu tiên. Tuy nhiên công cụ jailbreak mới này còn khá nhiều hạn chếvà khá khó khăn trong quá trình sử dụng. Bài viết này sẽ hướng dẫn jailbreak iOS 10 (10.0 – 10.1.1) với Yalu và Cydia Impactor (trên máy Mac và tương tự với các máy Windows)

Hướng dẫn jailbreak iOS 10

Đây là hướng dẫn jailbreak iOS 10.1.1 sử dụng Yalu và Cydia Impactor trên máy Mac. Bạn cũng có thể làm tương tự trên máy Windows.

Xin lưu ý rằng:

Công cụ jailbreak này hiện vẫn đang trong quá trình thử nghiệm và mới chỉ hoạt động tốt trên iPhone 6s, iPhone 7 và iPad Pro. Không nên cố gắng cài đặt sử dụng trên các thiết bị khác, nếu có lỗi xảy ra, có thể bạn sẽ phải restore lên phiên bản iOS cao nhất (iOS 10.2).
Công cụ jailbreak này đang được nhanh chóng cập nhật để có thể tương thích với nhiều thiết bị hơn, và hỗ trợ với tất cả các phiên bản của iOS 10.
Ngoài ra, Cydia Substrate cũng chưa hoạt động với phiên bản jailbreak này, chúng tôi khuyên bạn nên chờ cho đến khi phiên bản chính thức được phát hành.

Để jailbreak iOS 10, các bạn làm theo hướng dẫn dưới đây:

Bước 1: Kết nối thiết bị của bạn với máy tính cá nhân và tiến hành sao lưu trên iCloud hoặc iTunes.
Bước 2: Tải về phiên bản mới nhất của Yalu tại đây, và của Cydia Impactor tại đây và lưu chúng vào một thư mục trên máy Mac của bạn.
277648-640
Bước 3: Click đúp vào file Impactor_0.9.35.dmg. 
277651
Bước 4: Kéo và thả Impactor và thư mục Applications
277653
Bước 5: Mở Impactor từ thư mục Applications của bạn.
277654
Chọn Open nếu có yêu cầu xác nhận
277660
Bước 6: Kết nối iPhone của bạn với máy tính cá nhân thông qua cáp kết nối Lightning, Chọn ‘Trust‘ nếu được yêu cầu.
277663
Kéo và thả file mach_portal+yalu.IPA mà bạn đã tải về trước đó vào Impactor
Bước 7: Bạn sẽ được yêu cầu nhập ID Apple và mật khẩu của bạn, điều này sẽ cung cấp chứng chỉ cho file mach_portal+yalu.IPA giúp chúng hoạt động.
277668
277671
Bước 8: Sau đó Cydia Impactor sẽ cài đặt một ứng dụng của Yalu jailbreak (mach_portal) lên thiết bị của bạn.
277674
Lưu ý: các bạn cũng có thể cài đặt file mach_portal+yalu.IPA lên các thiết bị iOS trên máy tính sử dụng Windows thông qua hướng dẫn này
Bước 9: Sau khi hoàn thành quá trình cài đặt ứng dụng từ Cydia Impactor, bạn cần truy cập vào Settings – General – Device Management. Chọn ‘Trust‘ cho chứng chỉ của ứng dụng bạn vừa cài đặt (chứng chỉ này sẽ có tên theo email mà bạn đã nhập ở bước 7)


277681.jpg
vào Settings – General – Device Management

Bước 10: Trở về màn hình chính và truy cập vào ứng dụng mach_portal 
277702
Bạn sẽ thấy một màn hình trắng hiển thị trong khoảng 15-20 giây
277705
iPhone của bạn bây giờ sẽ khởi động lại và bạn sẽ có Cydia trên màn hình chính của bạn
Mẹo nhỏ: Bạn có thể tự khởi động lại thiết bị của mình nếu thời gian chờ quá lâu.
Capture.jpg
Xin chúc mừng, bạn đã jaibreak thành công thiết bị iOS của mình. Sau mỗi lần khởi động lại, bạn sẽ cần phải kích hoạt lại ứng dụng Yalu (mach_portal) vì đây là một jailbreak semi-tethered (tương tự như trên jailbreak iOS 9.2-9.3.3). Sau khi chạy lại Yalu (mach_portal), bạn sẽ có thể kích hoạt Cydia và tận hưởng Jailbreak của bạn.
Chúc các bạn thành công!
 
Copyright © 2017 Hướng dẫn tự làm - Làm Kem - Bánh Flan - Handmade: huongdantulam.com