Nhân Blogger - Blog Chia Sẻ Thủ Thuật Blogspot

GIỚI THIỆU VỀ HTML

HTML là gì?

HTML là một ngôn ngữ đánh dấu dùng để miêu tả tài liệu web (các trang web).

HTML viết tắt của Hyper Text Markup Language (ngôn ngữ đánh dấu siêu văn bản).
Một ngôn ngữ đánh dấu bao gồm một tập các thẻ đánh dấu nội dung.
Tài liệu HTML được đánh dấu bằng các thẻ HTML.
Mỗi thẻ HTML dùng để mô tả một nội dung nào đó trên trang web.

HTML do Tim Berner-Lee giới thiệu năm 1990 và hiện đang được World Wide Web Consortium (W3C) tiếp tục duy trì.

Ví dụ về HTML

Ví dụ về một tài liệu web viết bằng HTML đơn giản như sau:

<!DOCTYPE html>

<html>

<head>

  <title>Hello HTML</title>

</head>

<body>

  <h1>Hello HTML</h1>

  <p>HTML tutorials from TBit.</p>

</body>

</html>

Giải thích các thẻ trong ví dụ trên:

!DOCTYPE là khai báo tài liệu này là HTML (quy định từ HTML5)
Phần văn bản nằm giữa <html> và </html> là nội dung của tài liệu HTML
Phần văn bản nằm giữa <head> và </head> cung cấp các thông tin khai báo của tài liệu
Phần văn bản giữa <title> và </title> là tiêu đề của trang (hiển thị trên trình duyệt)
Phần văn bản nằm giữa <body> và </body> là những nội dung sẽ hiển thị lên trên trang web
Thẻ <h1> và </h1> định nghĩa một đề mục cấp 1
Thẻ <p> và </p> định nghĩa một đoạn văn

Trình duyệt sẽ đọc những thẻ HTML này và hiển thị nội dung chính xác lên trên trang web.

Thẻ HTML

Thẻ HTML là những từ khoá được định nghĩa trước nằm trong cặp dấu <...>

<tên_thẻ>nội dung</tên_thẻ>

Trình duyệt web

Chức năng của trình duyệt web (Chrome, Firefox, Internet Explorer, Safari, Opera...) là đọc tài liệu HTML và hiển thị lên trang web.

Trình duyệt không hiển thị các thẻ HTML mà dùng chúng để hiển thị các nội dung của tài liệu.

Cấu trúc của một tài liệu HTML

Hình ảnh sau đây mô tả cấu trúc cơ bản của một tài liệu HTML (một trang web).

Chú ý: Chỉ những phần nằm giữa <body> và </body> mới được hiển thị trên trang web.

Các phiên bản HTML

Các phiên bản HTML qua các năm:

Phiên bản	Năm
HTML	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML	2000
HTML5	2014

Các Blogger Việt Nổi Tiếng Mà Bạn Nên Ghé Thăm Vào Năm 2018

Xin chào các bạn, chào mừng các bạn đã trở lại với Nhân Blogger ở bài viết này mình sẽ liệt kê danh sách các blogger nổi tiếng hoặc các blog có thủ thuật, nội dung hay. Danh sách này được liệt kê theo ý kiến riêng của mình nên không thích thì đừng nặng lời nhé !

1. Bác Sĩ Windows

- Bác Sĩ Windows là blog do anh Trường ( Trường Nguyễn ) làm admin, blog này là blog chia sẻ thủ thuật blogger đã rất lâu đời rồi, Bác Sĩ Windows ngoài chia sẻ các thủ thuật blogger ra còn chia sẻ giáo trình học Guitar và đặc biệt là admin Trường rất giỏi viết theme blogger, các theme của BSW phần lớn đều là các theme responsive và tốc độ load nhanh, đây là demo 1 theme mà BSW đã viết.

2. Niệm Style

- Niệm Style là blog do anh Phan Niệm làm admin, blog này cũng rất "già" rồi , Niệm Style là blog chia sẻ thủ thuật, hình ảnh , lý do mình theo dõi blog này thường xuyên và âm thầm là do đa phần các bài viết của anh Niệm đều rất hữu ích, ngoài ra còn có ảnh gái xinh nên mình không thể nào cho blog này đứng vị trí top 2 trong tâm trí mình :P. Niệm Style còn chia sẻ các thủ thuật blogger , theme blogger mà có thể bạn sẽ cần. Nếu muốn vừa xem hình gái, vừa weytey thì bạn nên chọn blog này.

3. Star Cường IT

- Star Cường IT là blog do anh Phan Mạnh Cường làm admin, blog đã được anh phát triển từ trước khi mình đặt chân vào blogger, blog này là nơi tốt nhất để bạn học SEO, học Thủ Thuật Facebook và có các thủ thuật Blogger cực kì hay mà bạn không thể bỏ qua,các thủ thuật Windows và phần mềm cũng rất hữu ích, đặc biệt blog có 1 giao diện mà mình khá thích , giao diện này load nhanh, chuẩn seo, responsive,...nhìn là phát mê ~~.

4. Khanh Blogger

- Phải nói đây là cái tên mà nhiều người quan tâm nhất, cái tên Nguyễn Trọng Khanh đã xuất hiện rất nhiều trên các blog thủ thuật, đa phần các blogger nghiệp như nhờ copy các loại code mà Khanh làm ra để đưa vào theme của mình và giúp theme trở nên đẹp hơn, Khanh cũng là tác giả đã xuất bản template giống hệt Facebook NewFeeds có tên Facebook Parody For Blogger By KhanhBlogger blog hiện tại đang làm blog tạp chí vì Khanh có ước mơ làm nhà báo. Chúc Khanh thành công và đạt được ước mơ của mình !

5. Phú Cường Blogger

- Nguyễn Phú Cường , người đã đưa Blogger lên 1 tầm cao mới bằng việc Design 1 theme giống hệt Twitter và hướng dẫn nâng cấp khung comment blogger lên bản mới và khung blogger này được rất nhiều anh em sử dụng , blog này cũng là 1 nơi để anh em tìm hiểu thủ thuật blogger, thủ thuật máy tính, internet , lập trình,...và là nơi để anh em lấy tài liệu cần thiết cho việc phát triển và củng cố kiến thức một cách toàn diện nhất.

6. Tôi Share ( Star Bình )

- Đây là người mà mình khâm phục nhất , có thể nói đây là Idol mình , người đã gián tiếp tạo nên tên tuổi Nhân Ripper lúc trước mình làm Wordpress thấy theme Mocgin rất đẹp nhưng không có đủ chi phí để mua, mình search trên mạng thấy anh Bình có chia sẻ nhưng trên nền tảng Blogger và là bản RIP, lúc đó còn chơi Trick khá ngu :v nên nghĩ rip là dame acc Facebook này nọ,... Nhưng sau khi tiếp xúc Blogger một thời gian với cái tên Star Nhân IT mình đã biết RIP là gì và mình cũng đã bắt tay vào RIP thử. Bản RIP đầu tiên mà mình Rip đó chính là BacSiWindows Professional và Lapaklama ( Blog nước ngoài ). Blog anh Bình là blog chia sẻ thủ thuật mà dường như chỉ có 3% blogger Việt biết, các thủ thuật như tạo Carousel và biến khung Search thường thành khung Search Live cũng là những thủ thuật giúp cho theme của các blog Việt trở nên bắt mắt hơn.

Tổng kết

- Đó chỉ là ý kiến riêng của mình, nếu các bạn cảm thấy không thích thì cứ comment yêu cầu xóa bài ,... nếu có lý do chính đáng mình sẽ xóa ngay lập tức.

Share PSD Ảnh Bìa Hacker Facebook Mới Nhất 2018

Mới học Des nên không được đẹp nha , vì wind nhỏ nên mình không thể dùng kích thước 2048x758 được, anh em chịu khó xài size này nhé.

Tải PSD Ảnh Bìa Hacker

[NBG = 02] Template TVAnime - Professional Responsive Template for Blogspot

Đặc điểm nổi bật của Theme

Tốc độ tải trang nhanh, chuẩn SEO.
Thiết kế đẹp, phù hợp , đã responsive video
Bố cục gọn gàng, mượt mà, dễ nhìn.
Hỗ trợ nhiều vị trí đặt quảng cáo.
Còn nữa....

Xem Demo

Thông tin về Theme

Tên Theme: [NBG-02] Template TVAnime - Professional Responsive Template for Blogspot
Thiết kế: Hữu Nhân [Admin]
Mã Template: NBG - 02
Ngày xuất bản: 02/11/2018
Phiên bản mới nhất: 1.0
Ngày cập nhật gần nhất: chưa có bản cập nhật nào
Bố cục: 02 cột (có thể tùy chỉnh).
Thể loại: Phim, Nhạc, Video
Giá: ~~200.000đ~~ miễn phí

Cách Nhận Theme

Share bài viết lên Google+, comment link share + email của bạn, theme sẽ được gửi sau 24 giờ.

[NBG = 01] Template VNExpress - Professional Responsive Template for Blogspot

Đặc điểm nổi bật của Theme

Tốc độ tải trang nhanh, chuẩn SEO.
Thiết kế đẹp, giống 90% VnExpress.
Bố cục gọn gàng, mượt mà, dễ nhìn.
Hỗ trợ nhiều vị trí đặt quảng cáo.
Thanh menu Dropdown.
Thread Comment phiên bản mới nhất.
Recent Post by Label, Related Post, Recent Comment Widget.
Còn nữa....

Xem Demo

Thông tin về Theme

Tên Theme: [NBG-01] VnExpress - Professional Responsive Template for Blogspot
Thiết kế: Hữu Nhân [Admin]
Mã Template: NBG - 01
Ngày xuất bản: 01/11/2018
Phiên bản mới nhất: 1.0
Ngày cập nhật gần nhất: chưa có bản cập nhật nào
Bố cục: 02 cột (có thể tùy chỉnh).
Thể loại: Blogging, Magazine/Tạp chí.
Giá: ~~600.000đ~~ miễn phí

Cách Nhận Theme

Share bài viết lên Google+, comment link share + email của bạn, theme sẽ được gửi sau 24 giờ.

Hướng Dẫn Tạo Featured Hiển Thị Bài Viết Đẹp Cho Blogspot

Mở đầu

Xin chào anh em, hôm nay là ngày thành lập Nhân Blogger , mình sẽ hướng dẫn cho anh em chèn widget hiển thị bài viết cho blogger.

Hướng Dẫn

- Bạn chèn toàn bộ code sau vào nơi cần hiển thị, thường là dưới Menu hoặc Footer :

<style>
/* Arlina Featured Post */
#feature-post-section{max-width: 1200px;max-height:370px;overflow:hidden;margin:10px auto;}
.featured-posts a{color:#fff;}
.featured-posts a:hover{color:#fff;text-decoration:underline;}
.main-post.featured-posts a{margin:0;font-size:18px}
.featured-posts .col-post{float:left;position:relative;overflow:hidden;}
.featured-posts .secondary-post{width:24.8%;margin:0;}
.featured-posts .main-post{width:24.8%;padding:0;margin:0 0 0 0}
.featured-posts span{padding:8px;color:#fff;font-size:12px;font-style:normal;top:0;left:0;z-index:2;position:absolute}
.featured-posts span.lebb{background:#e74c3c;visibility:hidden;opacity:0;top:-20px;transition:all .3s}
.featured-posts .main-post:hover span.lebb,.featured-posts .secondary-post:hover span.lebb{visibility:visible;opacity:1;top:0;}
.featured-posts img{height:100%;transition:transform 0.35s ease 0s;-moz-transition:transform 0.35s ease 0s;-o-transition:transform 0.35s ease 0s}
.featured-posts .main-post img{height:175px;width:100%;object-fit:cover}
.featured-posts .secondary-post img{height:175px;object-fit:cover;width:100%}
.featured-posts .main-post:hover img,.featured-posts .secondary-post:hover img{transform:scale(1.1)}
.featured-posts header{ width: 100%;position:absolute;bottom:0;left:0;padding:0px;;z-index:2}
.featured-posts h2{ color: #fff!important; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; padding: 12px;
background: #000000a1;
font: 700 17px Roboto Condensed;}
.featured-posts header h3,.featured-posts header h2{font-weight:400}
.featured-posts span.vignette{background-color:transparent;position:absolute;overflow:hidden;margin:0;padding:0;height:100%;top:0;left:0;right:0;bottom:0;transition:background 0.3s linear,opacity 0.3s linear}
.featured-posts span.vignette:before{content:'';width:100%;height:100%;position:absolute;z-index:1;top:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,.7) 100%);opacity:0.5;transition:background 0.3s linear,opacity 0.3s linear}
.featured-posts .main-post span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000000 100%)}
.featured-posts .secondary-post span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#dc2a02 100%)}
.featured-posts .secondary-post:nth-child(odd) span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#005f87 100%)}
.featured-posts .main-post:hover span.vignette:before,.featured-posts .secondary-post:hover span.vignette:before{opacity:.9;}.featured-posts.padding.clearfix a {
color: #FFF!important;
}
.featured-posts header h3 {
background: #000000a1;
font: 700 17px Roboto Condensed;
padding: 12px;
}

@media only screen and (max-width:480px){#feature-post-section{display:none}}
</style>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(e,t){for(var s=e.split("<"),r=0;r<s.length;r++)-1!=s[r].indexOf(">")&&(s[r]=s[r].substring(s[r].indexOf(">")+1,s[r].length));return s=s.join(""),s=s.substring(0,t-1)}function sliderpost(e){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0,img=new Array,numposts1<=e.feed.entry.length?maxpost=numposts1:maxpost=e.feed.entry.length;for(var t=0;t<maxpost;t++){var r,i,n=e.feed.entry[t],l=n.category[0].term,o=n.title.$t;if(t==e.feed.entry.length)break;for(var m=0;m<n.link.length;m++)if("alternate"==n.link[m].rel){i=n.link[m].href;break}for(var m=0;m<n.link.length;m++)if("replies"==n.link[m].rel&&"text/html"==n.link[m].type){r=n.link[m].title.split(" ")[0];break}if("content"in n)var g=n.content.$t;else if("summary"in n)var g=n.summary.$t;else var g="";postdate=n.published.$t,j>imgr.length-1&&(j=0),img[t]=imgr[j],s=g,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(img[t]=d);for(var h=[1,2,3,4,5,6,7,8,9,10,11,12],p=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],f=(postdate.split("-")[2].substring(0,2),postdate.split("-")[1]),u=(postdate.split("-")[0],0);u<h.length;u++)if(parseInt(f)==h[u]){f=p[u];break}if(0==t){var v='<div class="main-post col-post"><a href="'+i+'"><span class="lebb">'+l+'</span><span class="vignette"></span><img src="'+img[t]+'" height="350" width="640" alt=""></img></a><header><h3 class="entry-title-Thin"><a href="'+i+'" title="">'+o+"</a></h3></header></div>";document.write(v)}else{var v='<div class="ripplelink secondary-post col-post" style="margin-right:0"><span class="lebb">'+l+'</span><span class="vignette"></span><a class="hover_play_small" href="'+i+'"><img src="'+img[t]+'" height="200" width="320"></img></a><header><h2><a href="'+i+'">'+o+"</a></h2></header></div>";document.write(v)}j++}}imgr=new Array,imgr[0]="http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif",showRandomImg=!0,aBold=!0,summaryPost=150,summaryTitle=50,numposts1=10,featured_numpost="4";
//]]>
</script>
<div class='ct-wrapper' id='feature-post-section'>
<div class='featured-posts padding clearfix'>
<script type='text/javaScript'>
//<![CDATA[
document.write("<script src=\"/feeds/posts/default?max-results="+featured_numpost+"&orderby=published&alt=json-in-script&callback=sliderpost\"><\/script>");
//]]>
</script>

Vâỵ là xong, chúc anh em thành công !

Web Design Tutorials

Programming Tutorials

Bạn đang muốn học gì?

Hướng dẫn thiết kế web

Hướng dẫn lập trnh

Lập trnh Pascal

Lập trnh C/C++

Lập trnh C#

Lập trnh Java

Android Dev

iOS Dev

PhoneGap

Unity / Unity 3D

Những hướng dẫn khc

Đồ họa

Kiểm thử

SEO

Khc

GIỚI THIỆU VỀ HTML

HTML là gì?

Ví dụ về HTML

Giải thích các thẻ trong ví dụ trên:

Thẻ HTML

Trình duyệt web

Cấu trúc của một tài liệu HTML

Các phiên bản HTML

Các Blogger Việt Nổi Tiếng Mà Bạn Nên Ghé Thăm Vào Năm 2018

1. Bác Sĩ Windows

2. Niệm Style

3. Star Cường IT

4. Khanh Blogger

5. Phú Cường Blogger

6. Tôi Share ( Star Bình )

Tổng kết

Share PSD Ảnh Bìa Hacker Facebook Mới Nhất 2018

[NBG = 02] Template TVAnime - Professional Responsive Template for Blogspot

Đặc điểm nổi bật của Theme

Thông tin về Theme

Cách Nhận Theme

[NBG = 01] Template VNExpress - Professional Responsive Template for Blogspot

Đặc điểm nổi bật của Theme

Thông tin về Theme

Cách Nhận Theme

Hướng Dẫn Tạo Featured Hiển Thị Bài Viết Đẹp Cho Blogspot

Mở đầu

Hướng Dẫn