Văn Quý Blog

I am a Writer

John Doe

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit .
Erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.

  • 3066 Stone Lane, Wayne, Pennsylvania.
  • +610-401-6021, +610-401-6022
  • admin@mydomain.com
  • www.yourdomain.com
Me

My Professional Skills

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Web Design 90%
Web Development 70%
App Development 95%
Wordpress 60%

Awesome features

Aliquam commodo arcu vel ante volutpat tempus. Praesent pulvinar velit at posuere mollis. Quisque libero sapien.

Animated elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus cursus lectus vel pellentesque. Etiam tincidunt.

Responsive Design

Pellentesque ultricies ligula a libero porta, ut venenatis orci molestie. Vivamus vitae aliquet tellus, sed mollis libero.

Modern design

Duis ut ultricies nisi. Nulla risus odio, dictum vitae purus malesuada, cursus convallis justo. Sed a mi massa dolor.

Retina ready

Vivamus quis tempor purus, a eleifend purus. Ut sodales vel tellus vel vulputate. Fusce rhoncus semper magna.

Fast support

Suspendisse convallis sem eu ligula porta gravida. Suspendisse potenti. Lorem ipsum dolor sit amet, duis omis unde elit.

0
completed project
0
design award
0
facebook like
0
current projects
  • Auto chèn link cho từ khóa trong bài viết của blogspot

    Bình thường để chèn link vào một từ khóa trong bài viết bạn phải thực hiện thủ công. Như vậy với bài viết có nhiều từ khóa xẽ rất bất tiện. Bài viết này namkna sẽ hướng dẫn các bạn cách để tự động chèn liên kết (link) vào các từ khóa (keywork) nằm trong bài viết của bạn mà không phải vất vả thêm thủ công từng link bằng tay...

    Ảnh minh họa:

    » Bắt đầu thủ thuật "tự động thêm link vào từ khóa của bài viết."

    1. Đăng nhập vào tài khoản Blogger
    2. Vào Mẫu (Template)
    3. Chọn chỉnh sửa HTML (Edit HTML)
    4. Chọn một trong 2 đoạn code bên dưới và chèn nó  ngay trước thẻ </head>
    (Mẹo: Bấm chuột vào một vị trí bất kỳ trong ô chỉnh sửa HTML vào để sử dụng khung tìm kiếm nội tuyến như bài này):
    - Đoạn 1:  Các liên kết mở ngay tại trang bạn đang xem:
    <script type='text/javascript'>
    //<![CDATA[
    function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};
    //]]>
    </script>
    - Đoạn 2: Các link mở ra trong tab mới khi click chuột vào thì hãy dùng đoạn code bên dưới:
    <script type='text/javascript'>
    //<![CDATA[
    function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'" target="_blank">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};
    //]]>
    </script>
    5. Tìm đoạn code sau:
    <data:post.body/>

    - Thay thế nó thành:
    <div expr:id='"summary" + data:post.id'>
    <data:post.body/>
    </div>
    <script type='text/javascript'>
    highlightSearchTerms('Kenhvietpro 1',true,'http://kenhvietpro.blogspot.com/ 1','summary<data:post.id/>');
    highlightSearchTerms('Kenhvietpro 2',true,'http://kenhvietpro.blogspot.com/ 2','summary<data:post.id/>');
    highlightSearchTerms('Kenhvietpro 3',true,'http://kenhvietpro.blogspot.com/ 3','summary<data:post.id/>');
    </script>

    Lưu ý: Mỗi blog thường có từ 2 đến 4 đoạn code như trên. Các bạn phải chèn đúng vị trí mới hiển thị.
    ¤ Trong đó:
    • Thay  Kenhvietpro 1,2,thành các từ khóa bạn hay sử dụng trong blog.
    • Thay http://kenhvietpro.blogspot.com/ 1,2,thành link tương ứng với các từ khóa.
    • Để thâm một từ khóa mới bạn chỉ cần thêm đoạn mã bên dưới vào trước thẻ </script> của đoạn code trên. 
      highlightSearchTerms('Kenhvietpro',true,'http://kenhvietpro.blogspot.com/','summary<data:post.id/>');
    6. Lưu mẫu lại.
    - Giờ hãy tạo một bài viết mới chứa các từ khóa như bạn đx thiết lập ở đoạn scripts trong bước 6 rồi xuát bản và xem kết quả nha.
    Chúc Các Bạn Thành Công

    ¤  Nếu càn giúp đỡ?

    Nếu gặp bất kỳ vướng mắc nào khi áp dụng hãy để lại comment mình sẽ trợ giúp.
  • Cách hiển thị đúng số bài viết ở trang chủ Blogspot

    Có phải bạn đang gặp phải lỗi Blogspot không hiển thị đúng số bài viết ngoài trang chủ không? Như bạn cài đặt là hiển thị 6 bài viết nhưng khi kiểm tra ở trang chủ thì số bài viết hiển thị chỉ là 1-5.

    Phần lớn các bạn mắc lỗi này là những bạn mới tiếp xúc Blogspot và ít kinh nghiệm trong việc viết bài cũng như sử dụng tối ưu Blogspot. Những bạn đã tiếp xúc nhiều và có kinh nghiệm, hẳn ai cũng biết rằng lỗi này là do đâu, dù là ở bất kỳ template nào được các bạn sử dụng, thì nguyên nhân lỗi vẫn chỉ có 1:
    Lỗi không hiển thị đúng số bài viết ở trang chủ Blogspot là do bài viết các bạn quá dài, trong khi giới hạn hiển thị của Blogspot lại ngắn. Ví dụ, bạn có 6 bài viết rất dài, cài đặt hiển thị 6 bài, nhưng do giới hạn hiển thị ở trang chủ Blogspot chỉ có thể hiển thị được nội dung của 4 bài, thì lúc này trang chủ chỉ hiển thị 4 bài.

    Cách khắc phục lỗi không hiển thị đúng số bài viết

    Cách khắc phục lỗi này cũng cực kỳ đơn giản. Không khó hay rườm rà gì cả. Các bạn chỉ cần chú ý trong quá trình viết bài là được:
    - Để khắc phục lỗi này, như đã nói, lỗi là do bài viết quá dài. Thì blogspot cung cấp một công cụ trong trình soạn thảo bài viết, đó là "dấu ngắt nhảy".

    Dấu ngắt nhảy
    Dấu ngắt nhảy
    Công dụng của dấu ngắt nhảy này là để cắt phần bài viết hiển thị ở trang chủ, label; còn phần sau dấu ngắt nhảy sẽ được ẩn vào trong "Readmore", điều này sẽ giải quyết được vấn đề bài viết quá dài làm cho trang chủ không hiển thị đúng số bài viết.

    Chèn dấu ngắt nhảy vào bài viết
    Chèn dấu ngắt nhảy vào bài viết
    - Vì thế, mỗi khi viết bài, xong đoạn đầu của nội dung, các bạn nên chèn dấu ngắt nhảy này vào. Còn những bạn đã viết bài rồi và mắc phải lỗi ở bài viết này, có thể vào sửa các bài viết gần nhất của bạn và chèn dấu ngắt nhảy này vào để hiển thị lại đúng như số bài viết đã cài đặt.

    Công dụng khác của dấu ngắt nhảy trong bài viết
    Ngoài công dụng là để ngắt bài viết giúp hiển thị đúng số bài viết ở trang chủ. Thì dấu ngắt nhảy còn có công dụng khác. Đó là:
    Giúp bạn tạo Auto Readmore trong RSS và sẽ giúp bạn giảm thiểu tình trạng bị người khác sử dụng các tool để ăn cắp nội dung các bài viết.
    Như ảnh dưới đây, trong RSS sẽ tạo thành Read more, khi người khác sử dụng các thủ thuật tự động copy nội dung bài viết của bạn thì chỉ có thể copy đến "Read more" mà thôi.

    Chống copy bài viết kết hợp dấu ngắt nhảy
    Chống copy bài viết kết hợp dấu ngắt nhảy
  • Hướng dẫn thêm Facebook Pixel vào Blogspot?

    Có phải bạn đang gặp khó khăn khi không thể thêm Facebook Pixel vào trang Blogspot của mình để theo dõi đối tượng người dùng của blog? Không sao, ở bài viết này mình sẽ hướng dẫn các bạn cách khắc phục vấn đề không thêm được Facebook Pixel vào Blogspot cũng như chi tiết hướng dẫn thêm Facebook Pixel vào blog của bạn.

    Các bạn tìm đến bài viết này thì đồng nghĩa đã biết về Facebook Pixel, mình sẽ không đề cập đến nó hoặc đề cập ở một bài viết khác. Còn bây giờ thì tập trung vào cách thêm Facebook Pixel vào blog của bạn thôi.
    Các bước để thêm Facebook Pixel vào Blogspot
    - Trước tiên chúng ta cần phải lấy mã Pixel này đã, để tạo được Pixel thì bạn cần có một tài khoản quảng cáo. Sau đó hãy truy cập vào đường dẫn sau đây: https://www.facebook.com/ads/manager/pixel/facebook_pixel/

    Pixel Facebook

    Trong này, chúng ta sẽ có 2 tab, là Pixel Facebook và Pixel theo dõi chuyển đổi (cũ). Nhưng tốt nhất, bạn chỉ nên sử dụng Pixel Facebook mà thôi, bởi Pixel theo dõi chuyển đổi kia sắp được Facebook bỏ đi vào khoảng giữa năm 2016 này, vì những tính năng đã lỗi thời.

    - Tiếp tục, ở khu vực Hành động, hãy xổ xuống và chọn Xem mã Pixel nhé:

    Lấy mã Pixel

    - Đây, tại đây, khu vực "Thêm mã Pixel (Bắt buộc)" chính là mã Pixel bạn sử dụng để thêm vào trang web, blog của mình.

    Lấy mã Pixel

    + Nếu, bạn chỉ sử dụng Pixel này để thêm vào các website đơn thuần, thì có thể lấy và thêm vào phần thẻ <head> hay khu vực muốn theo dõi luôn.thêm vào lưu lại sẽ báo lỗi đó. Vì thế, thay vì sử dụng code Pixel đó, bạn sử dụng code Pixel dưới đây, và thay id Pixel của bạn vào id Pixel hiện tại trong code (Được tô xanh):

    ID Pixel Facebook

    <!-- Facebook Pixel Code -->
     <script>
     !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
     n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
     n.push=n;n.loaded=!0;n.version=&#39;2.0&#39;;n.queue=[];t=b.createElement(e);t.async=!0;
     t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
     document,&#39;script&#39;,&#39;//connect.facebook.net/en_US/fbevents.js&#39;);
     fbq(&#39;init&#39;, &#39;4841001684355681&#39;);
     fbq(&#39;track&#39;, &#39;PageView&#39;);
     </script>
     <noscript><img height='1' src='https://www.facebook.com/tr?id=4841001684355681&amp;ev=PageView&amp;noscript=1' style='display:none' width='1'/></noscript>
     <!-- End Facebook Pixel Code -->
    Nhớ thay id Pixel của bạn vào id Pixel của đoạn code Facebook Pixel ở trên nhé.

    - Sau đó truy cập vào trang quản trị blogspot:  https://www.blogger.com

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

    - Thêm đoạn code Facebook Pixel trên vào trong thẻ <head> và lưu lại.

    Lúc này thì bạn đã có thể lưu lại mà không gặp vấn đề gì cả, công việc bây giờ chỉ là theo dõi Pixel để rút ra tệp đối tượng tùy chỉnh của bạn mà thôi.

    Các bạn chú ý là mỗi tải khoản quảng cáo Facebook chỉ có thể tạo và sử dụng một Facebook Pixel thôi nhé.
  • 8 mẹo cho người mới bắt đầu game Pokemon GO

    Sau đây là một vài hướng dẫn cơ bản cho các bạn chơi Pokemon GO. Bạn nào biết rồi hay phát hiện gì khác thì bổ sung giúp mình nhé.
    1. Điện thoại cần có 3G và GPS để chơi game.
    2. Các điểm màu xanh là PokéStop, thường là các nhà thờ, chùa… mấy điểm tham quan. Tới đây để lụm đồ.
    Các điểm màu trắng là Gym, thường là tạp hóa, circleK Bimart ( cái này mình mới test 1 2 điểm thôi). Lv5 đến đây để làm gì đó mình cũng chưa biết, mới lv2.
    3. Bắt Pokemon bằng cách giữ bóng và vuốt về hướng Pokemon canh lực cho chuẩn ko là mất bóng.
    4. 1 Bước trong game bằng tầm 10 bước người lớn ở ngoài đời.
    5. Cái bình hương dùng để thu hút pkm khi nào chuẩn bị đi chơi hay tập thể dục hãy bật, đừng chơi dại như mình bật ở nhà xong ngồi im thì phí lắm.
    6. Lv up Pokemon cần stardust và candy của Pokemon đó. Stardust có đc khi bắt Pokemon, star tính chung. Candy có đc khi bắt Pokemon cùng 1 họ, ví dụ charmander charmanleon charizard đều ra 1 loại candy.
    7. CP là Combat Power hay còn gọi là lực chiến, cái này khi đánh gym hoặc PvP sẽ rất quan trọng.
    8. Pokemon trùng nhau thì các bạn click vào Pokemon và kéo xuống dưới cùng chọn Transfer để đổi nguyên liệu nâng cấp.
  • Share Code javascript hiển thị thời gian - ngày giờ cho blogspot

    NNếu các bạn muốn trang trí thêm cho blogspot của mình đẹp hơn thì hôm nay mình xin giới thiệu các bạn đoạn javascript hiển thị thời gian - ngày, giờ, tháng năm cho blogspot.
    Các tích hợp vào template blogpsot rất đơn giản. bạn chỉ cần bỏ code sau vào vị trí bạn muốn hiển tị ngày tháng năm vậy là được. Đây là một kiểu mình sẽ tổng hợp các kiểu khác trên bài viết này sau.


    Cách tích hợp đoạn code ngày giờ này vào template blogspot

    <script language="javascript" type="text/javascript"> 
      dayName = new Array ("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy")
      monName = new Array ("1","2","3","4","5","6","7","8","9","10","11","12")
      now = new Date
      document.write("<font color=#FF6600><b>"+now.getHours()+ ":" +now.getMinutes()+ " phút -  " +dayName[now.getDay()]+ ", " +now.getDate()+ "-" +monName[now.getMonth()]+ "-" +now.getFullYear()+ "</b></font>")                                    
    </script>

    Lưu ý:
    Bạn có thể sửa thứ ha thành thứ 2...
    Tháng 1 thành tháng 01 nha....
    Hoặc đảo các vị trí ngày giờ tháng năm ở sau document.write........
    Chúc các bạn thành công!
  • Cách up file js và css lưu trữ bằng google hosting lên trực tiếp template blogspot

    Chào mọi người. với những người chơi blogger thì thường dùng drive của google làm nơi lưu trự css cũng như js, có thể nói drive là một hosting của blogger.
    Tuy nhiên theo thông tin thì tới ngày 31/08 google sẽ hủy tính năng hosting drive. tức là những file lưu trự này sẽ không còn hoạt động nữa hay nói cách khác là bị die link.


    Hôm nay mình sẽ hướng dẫn các bạn up code trực tiếp lên Template blogger của bạn. Điều này sẽ không làm blog của bạn không bị lệ thuộc vào bất kỳ trang lưu trự nào. Điều này cũng không ảnh hưởng quá nhiều đến tốc độ tải trang mà đôi khi sẽ giúp website của bạn nhanh hơn. 


    Hướng dẫn up những file js, css từ hosting trực tiếp vào template blogger

    Bước 1: Vào code kiểm tra xem blog của bạn đang lưu trữ js, css ở đâu ( chỉ kiểm tra xem có lưu ở drive ko thôi nha)
    - Ctrl + F tìm googledrive.com.
    Ví dụ: bạn tìm được 2 link sau
    Link css: <link href="https://googledrive.com/host/..........." rel="stylesheet" type="text/css" />
    Link js: <script src="https://googledrive.com/host/..........." type="text/javascript" />
    Thì các bạn hay coppy link của nó: https://googledrive.com/host/...........

    Bước 2: Các bạn paste link url của googledrive lên trình duyệt. Nhứ hình minh họa dưới


    Ở bước này cửa số trình duyệt sẽ hiển thị ra đoạn code. bạn copy lại.
    Bước 3. Copy code vào trong blog theo công thức sau ( đặt code ngay dưới file google drive bạn vừa tìm được nha)
    - Với file css thì lưu ở dạng sau:
    <style type="text/css" >
    /* code*/
    </style>
    - Với file js thì bạn lưu ở dạng sau:
    <script type='text/javascript'>
    //<![CDATA[
    /* code*/
    //]]>
    </script>
    Bước 4: Xóa đoạn hosting googledrive và lưu lại.
    ok, giờ các bạn thư xem blog của các bạn có hoạt động bình thường không.
    Lưu ý trương hợp file js mà các bạn không lưu được. các bạn thử để ý xem nó có bị lập //<![CDATA[ , //]]> 2 lần không nếu có các bạn xóa bớt 1 cái đi và save lại nhé!.
    Cảm ơn các bạn đã tin tưởng và ủng hộ Chu Bằng Ai Ti!

  • Cách tăng nét ảnh thumbnail cho blogspot

    Có rất nhiều nguyên nhân dẫn tới chất lượng ảnh thumbnail blog bị mờ. Tuy nhiên nguyên nhân chủ yếu là do chế độ cắt ảnh tự động của blogger ( data:post.firstImageUrl ) s72-c... nó cắt ảnh với kích thước mặc định 72 x 72. Khi đó nếu kích thước hiển thị ảnh thumbnail thực tế trên blog của bạn lớn hơn nó sẽ khiến ảnh kéo to ra, gây mờ ảnh.

    Hôm nay mình sẽ hướng dẫn các bạn cách khắc phục lỗi này, và làm nét ảnh thumbnail cho blogspot. Bằng phương pháp resize và cắt ảnh cho đúng với kích thước ảnh thực tế.


    Hướng dẫn làm nét ảnh thumbnail cho blogspot

    1. Vào Mẫu --> chỉnh sủa HTML và tìm thẻ </head>
    2. Copy code bên dưới dán vào vào trên thẻ </head> tìm được.
    <script type='text/javascript'>//<![CDATA[
    $(document).ready(function() {
      var rong = 200;
      var cao = 150;
      $('#PopularPosts1, #Blog1, #related-posts').find('img').each(function(n, image){
        var image = $(image);
        image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + rong + '-h' + cao +'-c')});
        image.attr('width',rong);
        image.attr('height',cao);
      });
    });
    //]]></script>
    Trong đó:
    rong = 200;
    cao = 150;
    Là kích thước ảnh được cắt cho hợp với kích thước thực tế. cái này bạn xem kích thước ảnh thức tế để điều trình kích thước cắt ảnh thumbnail cho hợp lý. Nếu không bạn cứ để kích thước đều là 1600 nếu ảnh thumbnail là ảnh vuông.
    #PopularPosts1#Blog1#related-posts là những Id đối tượng khu vực trên template blogspot mà bạn cần làm nét ảnh thumbnail. Nghĩa là những Id bao khu vực chứa tất cả các ảnh cần làm nét ảnh thumbnail.
    3. Xong khi chỉnh xong bạn lưu mẫu và ra check xem ok chưa. nếu không được thì do 1 là Id bạn chọn nó chưa chứa ảnh, hoặc kích thước cắt ảnh vẫn bé hơn kích thước thực tế.


    Chúc bạn thành công!
  • GET A FREE QUOTE NOW

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

    Tìm kiếm Blog này

    Lưu trữ Blog

    Được tạo bởi Blogger.
    ADDRESS

    Cát Tiên - Lâm Đồng

    EMAIL

    contact-support@mail.com
    vanquymmo@mail.com

    TELEPHONE

    +84969519760
    +501 478 9800

    MOBILE

    0969519760,
    017 775362 13