Thursday, September 24, 2015

Responsive multi menu



Step 1 - Include HTML code to <head></head>

<!-- Include scripts -->
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="js/responsivemultimenu.js"></script>
<!-- Include styles -->
<link rel="stylesheet" href="css/responsivemultimenu.css" type="text/css"/>
<!-- Include media queries -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
Step 2 - Include HTML code to <body></body>

<div class="rmm style">
<ul>
<li>
<a href="#">Books</a>
<ul>
<li>
<a href="#">Audiobooks</a>
</li>
<li>
<a href="#">Cookbooks</a>
</li>
<li>
<a href="#">Catalogs</a>
</li>
<li>
<a href="#">Other</a>
<ul>
<li><a href="#">Other 1</a></li>
<li><a href="#">Other 2</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">Dvds</a>
</li>
<li>
<a href="#">Music</a>
<ul>
<li><a href="#">Cassettes</a></li>
<li><a href="#">CD</a></li>
<li><a href="#">Records</a></li>
</ul>
</li>
<li>
<a href="#">Video games</a>
</li>
</ul>
</div>
Nguồn + Demo : http://responsivemultimenu.com/

Thursday, September 3, 2015

Tạo phân trang Blogspot - PageNavi Blogspot

Phân trang Blogspot rất quang trọng trong việc hướng người dùng di chuyển tìm bài viết trên website của bạn. Có rất nhiều cách để bạn có thể tạo ra PageNavi Blogspot đẹp.


Bài viết này sẽ tạo cho bạn 1 PageNavi Blogspot đẹp mà đơn giản. Hơn nữa với 1 số cách tạo phân trang Blogspot được chia sẻ, mình thấy hay có thêm phần chỉnh sửa

'data:label.url'
Thành

'data:label.url + &quot;?&amp;max-results=5&quot;'

Với bài này, bạn không cần phải chỉnh sửa như vậy.

Đầu tiên ta tìm đến dòng này

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Mẹo: Nhấn ctrl + f để tìm, gõ Blog1 vào là ra.

Sau khi tìm được chèn phía dưới nó:


<!-- navigation -->
<b:includable id='page-navi'>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "Đầu tiên",
lastText: "Cuối cùng",
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot; }
</script>
<script src='https://googledrive.com/host/0B6UUlJWYUtOodUQzMWxudHhiYnc' type='text/javascript'/>

Tiếp theo, tìm trong template của bạn: 

<b:include name='nextprev'/>

Thay nó bằng: 

<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi' />
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi' />
</b:if>
</b:if>


Tùy chỉnh script:

- perPage: số bài viết hiển thị trong 1 trang
- numPages: số trang hiển thị
- firstText, lastText, nextText, prevText: các từ hiển thị cho các nút First, Last, Next, Prev


Cuối cùng, bạn lựa chọn kiểu mà bạn muốn hiển thị bằng các kiểu dưới đây và dán nó lên trên dòng: 

]]></b:skin>

1 số kiểu cho bạn lựa chọn:

Kiểu 1:


.pagenavi{clear:both;margin:10px auto;text-align:center}
.pagenavi span,.pagenavi a { font-size:12px;padding: 2px 4px 2px 4px;margin: 2px;border: 1px solid #dfdfdf;color:#000;}
.pagenavi a:visited{}
.pagenavi a:hover,.pagenavi .current{color: #FFF;background-color: #e81d1d;border: 1px solid #fb1515;text-decoration:none;}

Kiểu 2:

.pagenavi{clear:both;margin:10px auto;text-align:left}
.pagenavi span,.pagenavi a {background:#0e0f10;font-size:12px;padding: 3px 5px;margin: 2px;border: 1px solid #333;color:#fff;}
.pagenavi a:visited{}
.pagenavi a:hover,.pagenavi .current{color: #FFF;background-color: #33393f;border: 1px solid #444;text-decoration:none;}

Kiểu 3:


.pagenavi{clear:both;margin:30px auto 20px;text-align:center}
.pagenavi span,.pagenavi a{background:#1dc1ff;padding:6px 6px;color:#fff;margin:2px;font-size:12px;-moz-border-radius:5px}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{background:#ff9200;color:#fff;text-decoration:none}
.pagenavi .pages{display:none}

Kiểu 4:


.pagenavi{clear:both;margin:30px auto 20px;text-align:center}
.pagenavi span,.pagenavi a{background:#24bde2;border:1px solid #4adcff;padding:3px 8px;color:#fff;margin:2px;font-size:12px}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{color:#fff;background:#ff6734;border:1px solid #ddd;text-decoration:none}
.pagenavi .pages{display:none}

Kiểu 5:



.pagenavi{clear:both;margin:30px auto 20px;text-align:center}
.pagenavi span,.pagenavi a{background:-moz-linear-gradient(center top,#96aeba,#536a75) repeat scroll 0 0 transparent;border:1px solid #616e76;padding:4px 8px;color:#fff;margin:2px;font-size:12px;-moz-border-radius:4px}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{color:#fff;background:#c70e0c;border:1px solid #782f28;text-decoration:none}
.pagenavi .pages{color:#fff}

Kiểu 6:



.pagenavi{background:#3498b9;clear:both;margin:30px auto 20px;text-align:center;border:1px solid #2f7a93;padding:4px 0}
.pagenavi span,.pagenavi a{font-weight:bold;padding:7px 8px;color:#fff;margin:1px;font-size:11px}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{background:#236e8f;color:#fff;text-decoration:none}
.pagenavi .pages{color:#fff}

Kiểu 7:



.pagenavi{background:#f1f1f1;clear:both;margin:30px auto 20px;text-align:center;border:1px solid #bfbfbf;padding:3px 0}
.pagenavi span,.pagenavi a{border:1px solid #f1f1f1;padding:1px 4px;color:#000;margin:2px;font-size:12px}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{border:1px solid #bfbfbf;background:#fffdf0;color:#000;text-decoration:none}
.pagenavi .pages{color:#666}

Kiểu 8:


.pagenavi{clear:both;text-align:right;margin:25px 0 10px 0;font-size:.714em;font-weight:600;line-height:1.4em}
.pagenavi span,.pagenavi a{background:#e1e1e1;border:1px solid #555;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 #FFF;-webkit-box-shadow:0 1px 0 #FFF;box-shadow:0 1px 0 #FFF;color:#555;margin-left:5px;padding:4px 6px 3px;text-shadow:0 1px 0 #C2C2C2}
.pagenavi span{color:#3a3a3a}
.pagenavi a:hover,.pagenavi .current{background:-moz-linear-gradient(center top,#45bc3f,#1c6318) repeat scroll 0 0 transparent;border:1px solid #00203B;text-shadow:0 -1px 0 #00203B;color:#fff;text-decoration:none}
.pagenavi .pages{background:none;border:none}

Monday, August 18, 2014

Cách kiếm tiền từ bán Game cho điện thoại


Thời đại ngày nay, khi mà điện thoại và các thiết bị cầm nay lên ngôi thì Game cho điện thoại cũng dần trở thành 1 thị trường béo bở cho các nhà làm game. 

Còn với bạn, bạn cũng có thể dễ dàng kiếm tiền từ bán Game cho điện thoại chỉ cần bạn có đam mê và biết cách tạo 1 blogspot thì chuyện còn lại là quá đơn giản


Việc kiếm tiền từ game mà các nhà phân phối vẫn hay làm là cách làm ra 1 game hay, sau đó gắn mã kích hoạt bằng tin nhắn, khi 1 người chơi tải game về và kích hoạt game thì họ sẽ bị trừ 1 số tiền tương ứng.

Hôm nay mình xin chia sẻ với các bạn 1 số trang có cho bạn phân phối các game của họ để bạn có thể tham gia và kiếm tiền từ đó. Đây là cách mà các bạn hoàn toàn ko cần phải bỏ ra 1 đồng vốn nào cả, tất cả cách bạn làm là bạn lấy link game và giới thiệu bạn bè, chia sẻ mọi cách để có người tải game của bạn về và kichs hoạt nó.

Đây là ví dụ về 1 blogspot kiếm tiền bằng cách bán game cho điện thoại: Tải Game iWin mới nhất

Bạn đầu tiên vào trang https://mwork.vn và đăng ký 1 tài khoản


Bạn điền thông tin bao gồm 1 tài khoản Gmail
Sau khi đăng ký thành công bạn sẽ nhận được thông báo:


Bạn vào mail và kích hoạt tài khoản.
Sau khi kích hoạt bạn điền đầy đủ thông tin vào form yêu cầu của trang web

Vậy là đã xong, bạn vào và cập nhật đầy đủ thông tin tài khoản của mình nhé.

Lấy link phân phối bán lấy tiền

Bạn đăng nhập vào tài khoản của mình, nhấn vào tab Việc Hay


Tại đây các bạn sẽ được phân phối các hình thức như game onine, offline, ứng dụng...
Các bạn sẽ tham gia cái nào cũng được, tùy theo thế mạnh và khá năng của mình, còn mình lấy ví dụ bằng kinh doanh game online
khi nhấp vào mục bán game online bạn sẽ nhận được rất nhiều game hay mà bạn tha hồ lấy link phân phối.

Bạn chọn 1 game và nhấp vào phần Tham gia bán



Ở đây website sẽ cho bạn lựa chọ cách mà bạn có thể dễ dàng tiếp thị hay giới thiệu game của mình, bạn coppy link và đi giới thiệu bạn bè, spam fb... miễn sao có ng tải game của bạn và kích hoạt bạn sẽ có tiền.

Quá dễ để kiếm tiền từ Game cho điện thoại phải không nào, càng giới thiệu được nhiều người thì bạn càng có cơ hội trở thành 1 nhà triệu phú đó. Chúc bạn thành công

Thursday, August 14, 2014

Tùy biến Comment cho blogspot, khung bình luận đẹp blogspot

Bạn quá nhàm chán với khung Comment của blogspot, bạn cũng đang chán với Comment của Facebook rồi, bạn muốn làm mới Style comment blog của bạn 1 cách chuyên nghiệp hơn. vậy bài viết sau đây sẽ làm bài hài lòng nhất.

Tùy biến Comment cho blogspot

Nói tùy biến không phải, đây chỉ là 1 Plugin hỗ trợ cho comment blogspot 1 cách chuyên nghiệp hơn, đặc biệt là những blog về tin tức, thủ thuật thì đây là 1 Plugin bạn không thể bỏ qua. Chắc hẳn các bạn đã từng vào trang Dantri.com.vn để đọc tin tức rồi đúng không, khi đến cuối bài bạn để ý có 1 khung comment rất đẹp và cũng rất chuyên nghiệp nữa, Plugin mình giới thiệu sau đây cũng tương tự như vậy.


Đây là kết quả khi bạn làm thành công trên Blogspot của bạn.
Nó có đầy đủ chức năng như trả lời, đánh giá, sắp xếp bình luận, like, dislike, đăng nhập bằng Twitter, ....
Còn đây là phần quản trị trực quan cho các comment trên blogspot của bạn.
Bạn có thể xóa, chặn Ip các comment bạn không muốn cho hiển thị...
Quá tuyệt vời phải không, Thích chưa nào.

Tùy biến Comment cho blogspot, khung bình luận đẹp blogspot'

Đầu tiên bạn đăng ký 1 tài khoản tại đây http://intensedebate.com/

Sau khi đăng ký và kích hoạt mail xong, bạn vào phần quản trị >> Sites >> Add blog/site và thêm Blog của bạn vào

Thêm địa chỉ Blogspot muốn chèn Comment vào

Qua bước cài đặt trang web sẽ yêu cầu bạn Backup/Restore template blogspot mà bạn muốn chèn comment vào.

Bạn vào phần quản trị blog >> mẫu >> sao lưu và khôi phục >> Bạn upload lên trang Intensedebate như yêu cầu

Tới bước này website sẽ cung cấp cho bạn 1 khung code html, bạn copy toàn bộ và thay thế cho html Blogspot của bạn


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

Chú ý: Bạn có thể tùy chỉnh khung comment trong blogspot của bạn bằng cách vào phần setting và tùy chỉnh những gì mình thích trong đó. bạn có thể chuyển qua ngôn ngữ Việt Nam nếu thích

Rất đơn giản phải không, Với khung comment đẹp cho blogspot này nhìn blog của bạn sẽ rất chuyên nghiệp và đẹp nữa đấy, Chúc bạn thành công.

Nếu bạn cần hỗ trợ gì, cứ comment bên dưới nhé. mình sẽ hỗ trợ các bạn :))



Wednesday, August 13, 2014

Từ điển Blogspot

Lấy ra tiêu đề
<b:loop var='i' values='data:posts'>
<h2><data:i.title/></h2>
</b:loop>
Tiêu đề trang hiện hành
<title><data:blog.pageTitle/></title> 
Lấy Description của trang hiện hành
<data:blog.metaDescription/>
Tên tác giả
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
</a>
Nếu Địa chỉ url của trang hiện hành = địa chỉ trang chủ
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
Nếu url trang hiện hành = trang url-bai-viet
<b:if cond='data:blog.url == "Url-bai-viet"'>

Nếu Định dạng của trang hiện tại = trang tĩnh (item // bài viết; index // Trang index; archive // Trang lưu trữ)
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 

Thêm nút share ảnh lên Pinterest vào trong ảnh bài đăng blogspot


Chèn button chia sẻ ảnh lên Pinterest, Facebook hoặc Twitter, việc chia sẻ ảnh này rất có lợi khi có 1 người muốn chia sẻ ảnh của bạn mà không cần phải thao tác nhiều lần. Việc này cũng giúp blog của bạn chuyên nghiệp hơn.

Demo:
Cách làm: Mẫu >> Chỉnh sửa html >> sau đó tìm với từ khóa </head> hoặc </body>, chèn đoạn code sau vào trước nó.

<script type="text/javascript">(function(features){var d=document,s=d.createElement('script');s.src='http://widget.symphonytools.com/widget/js/symphony.js';s.type='text/javascript';s.async='true';s.onload=s.onreadystatechange=function(){var rs=this.readyState;if (!rs || /loaded|complete/.test(rs)) try{symphony.init(features);}catch(e){}};var sc=d.getElementsByTagName('script')[0];sc.parentNode.insertBefore(s,sc);})();</script>

Kiểu 2

<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async="async" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

Lưu lại và kiểm tra.



Các loại Thẻ data trong blogspot


Các loại Thẻ data trong blogspot là gì? cách sử dụng các loại Thẻ data trong blogspot như thế nào trong lập trình blosgpot

>> Thẻ data là thẻ được Google cung cấp để lấy hầu như toàn bộ thông tin cần thiết tại blog của chúng ta mà chúng ta nhập vào hoặc thiết lập như, bài viết, tiêu đề, địa chỉ url của bài viết, hình ảnh, ... và rất nhiều cái khác nữa. Thẻ data được sử dụng trong widget (tiện ích) nào sẽ lấy ra thông tin, tại widget đó.

Cú pháp sử dụng thẻ data
Đối với từng loại widget, thì có từng kiểu dữ liệu được lấy ra. Có 2 định dạng thẻ data có thể sử dụng

<data:tên/>

hoặc

<data:tên1.tên2/>

tên,tên1: là tên dữ liệu cần lấy ra ví dụ
<data:title/> // Lấy ra tiêu đề widget hiện tại
tên2: là tên nằm trong danh sách dữ liệu có thể lấy ra của tên1 ví dụ
<data:photo.url/> // Lấy ra địa chỉ hình ảnh
Danh sách dữ liệu của từng widget
Dưới đây là toàn bộ danh sách dữ liệu có thể lấy ra từ blog của chúng ta.

Globally Available Data (Dữ liệu có sẵn)
Page Header (Tiêu đề Trang)
Blog Posts (Bài đăng trên Blog)
Blog Archives (Lưu trữ Blog)
Profile (Hồ sơ)
Text / HTML / JavaScript
Feed (Nguồn cấp)
Picture (Hình ảnh)
Labels (Nhãn)
List (Danh sách)
Link List (Danh sách Liên kết)
Logo

Globally Available Data (Dữ liệu có sẵn)

Không giống như những loại data của thẻ widget khác, những cái bạn thấy ở đây có thể sử dụng ở bất cứ đâu trong template của bạn. Lưu ý, bạn phải thêm "blog" là dữ liệu đầu để lấy ra thông tin, ví dụ như <data:blog.title/>, v.v..

title: Tiêu đề của blog.
pageType: Định dạng của trang hiện tại. Là 'item', 'archive', hoặc 'index'.
url: Địa chỉ url của trang hiện hành.
homepageUrl: Địa chỉ trang chủ.
pageTitle: Tiêu đề của trang hiện hành. Bình thường nó sẽ vẫn là tiêu đề của blog, nhưng có thể có thêm thông tin của bài viết hoặc trang lưu trữ.
encoding: Bộ mã sử dụng cho blog, ví dụ UTF-8.
languageDirection: Một trong 2 "ltr" hoặc "rtl" tương ướng với ngôn ngữ left-to-right (viết từ tráng sang phải) right-to-left (từ phải sang trái).
feedLinks: Tự động nhận dạng feed links.

Page Header (Tiêu đề Trang)

Đây là một widget đơn giản chỉ gồm 2 dữ liệu. Bạn có thể đơn giản gọi nó như sau <data:title/> và <data:description/>.

title: Tiêu đề của blog.
description: Mô ta của blog.

Blog Posts (Bài đăng trên Blog)

Đây là thành phần chính của mọi blog, và dữ liệu thì khá là phức tạp. Mình xin nhắc lại là nó khá là phức tạp, do dó ai muốn tự tay viết lại tiện ích này thì nên tham khảo kỹ ở các template khác trước xem họ viết như thế nào. Nói thế thôi, dưới đây là danh sách dữ liệu trong widget này.

feedLinks: Danh sách feed của trang. Nếu ở trang chủ, feed này chỉ chứa bài viết; Còn nếu ở trang bài viết, nó sẽ chứa thêm cả phần feed của nhận xét. Trong mục này gồm có:
url: Địa chỉ URL của feed.
name: Tên của feed (v.d. 'Bài đăng' hoặc 'Nhận xét').
feedType: Kiểu dữ liệu của feed (Atom hoặc RSS).
mimeType: Định dạng của feed.
olderPageUrl: Nếu có bài viết cũ hơn bài viết hiện tại đang xem, đây sẽ là địa chỉ URL đến bài viết đó. Cái này chỉ xuất hiện tại trang bài viết.
olderPageTitle: Tiêu đề của bài viết cũ hơn.
newerPageUrl: Tương tự với olderPageUrl, nhưng ngược lại, đây là địa chỉ bài viết mới hơn.
newerPageTitle: Tiêu đề bài viết mới hơn.
commentLabel: Cụm từ bạn thiết lập cho nhận xét (Bố cục >> Chỉnh sửa Bài đăng trên Blog bạn sẽ thấy) v.d. "Nhận xét"
authorLabel: Cụm từ bạn thiết lập cho bài đăng, v.d. "Được đăng bởi"
timestampLabel: Cụm từ bạn thiết lập cho thời gian đăng bài, v.d. "vào lúc"
postLabelsLabel: Cụm từ giới thiệu về nhãn, v.d. "Nhãn:"
backlinksLabel: Cụm từ mô tả về backlinks của bài, v.d. "Các liên kết với bài này"
posts: Danh sách tất cả các bài viết. Mỗi bài viết gồm có những dữ liệu sau:
dateHeader: Ngày đăng của bài viết, chỉ xuất hiện khi bài viết đầu tiên đăng vào ngày đó.
id: Số thứ tự (ID) của bài viết.
title: Tiêu đề bài viết.
body: Nội dung của bài viết.
author: Tên của tác giả bài viết.
url: Địa chỉ cố định của bài viết.
timestamp: Thời gian đăng bài. Không giống như dateHeader, cái này xuất hiện ở mọi bài viết.
labels: Danh sách nhãn của bài viết. Nhãn lại gồm có các dữ liệu sau:
name: Tên của nhãn.
url: Địa chỉ URL của nhãn, địa chỉ này sẽ lấy ra toàn bộ bài viết co nhãn.
isLast: True hoặc false. Xem xét coi có phải nhãn cuối cùng trong danh sách (Hữu ích cho việc bỏ dấu phẩy nếu nó là nhãn cuối).
allowComments: 'True' (Đúng) nếu cho chép nhận xét tại bài.
numComments: Số lượng nhận xét tại bài viết hiện tại.
showBacklinks: Hiện backlinks cho bài viết hiện tại.
numBacklinks: Số lượng backlinks bài viết hiện tại.
addCommentUrl: Địa chỉ URL của 'thêm nhận xét' của bài viết hiện tại.
emailPostUrl: Địa chỉ URL của 'Gửi bài đăng qua Email' của bài viết hiện tại.
editUrl: Địa chỉ URL sửa bài viết hiện tại.
feedLinks: Danh sách feed của bài viết. (Khác với blog feedLinks ở đầu bài, nó có thể chứa feeds của nhận xét.) Mỗi feedLinks gồm có:
url: Địa chỉ URL của feed.
name: Tên của feed (v.d. 'Bài đăng' or 'Nhận xét').
feedType: Loại feed (Atom hay RSS).
mimeType: Định dạng của feed.
comments: Danh sách toàn bộ nhận xét của bài viết hiện tại (chỉ hiện ở trang bài viết). Dữ liệu gồm:
id: Số thứ tự ID của nhận xét.
body: Nội dung của nhận xét.
timestamp: Thời gian đăng nhận xét.
author: Tác giả của nhận xét, hoặc 'Ẩn danh'.
authorUrl: Địa chỉ URL vào hồ sơ của tác giả nhận xét, đương nhiên nếu không phải là ẩn danh.
deleteUrl: Địa chỉ URL dùng để xóa nhận xét.
isDeleted: Xem xét coi nhận xét đã bị xóa hay chưa. (Dùng để hiện chữ thay thế khi nhận xét đó đã bị xóa.)

Blog Archives (Lưu trữ Blog)

Các kiểu của Lưu trữ có thể thiết lập tại widget. Nếu bạn muốn thử thiết kế lại nó, đơn giản nhất nên sử dụng 'FLAT' (Danh sách phẳng), sau đó sử tùy chỉnh lại các thành phần còn lại.

title: Tiêu đề của widget.
style: Loại 'MENU', 'FLAT', or 'HIERARCHY'. (Thứ bậc, Danh sách phẳng, Trình đơn thả xuống)
data: Danh sách đối tượng của widget gòm có:
name: Tên khoảng thời gian lưu trữ, v.d. "tháng mười hai."
url: Địa chỉ URL với từng đối tượng thời gian lưu trữ.
post-count: Số lượng bài viết của một đối tượng.

Profile Widget (Hồ sơ)

Đối với blog chỉ có một tác giả, widget hồ sơ chứa các thông tin sau. Lưu ý rằng để truy cập vào các phần khác của dữ liệu hình ảnh, bạn sẽ sử dụng định dạng như sau <data:photo.url/>.

title: Tiêu đề của widget.
userUrl: Địa chỉ URL đến hồ sơ của tác giả.
location: Nơi ở trong hồ sơ của tác giả.
aboutme: Nội dung "Giới thiệu" lấy từ hồ sơ của tác giả.
displayname: Tên hiển thị của tác giả.
photo: Ảnh đại định của tác giả, gồm có các thành phần sau:
url: Địa chỉ URL của ảnh.
width: Chiều rộng ảnh, tính theo pixels.
height: Chiều cao của ảnh, tính theo pixels.
alt: Văn bản thay thế ảnh.

Đối giới blog có nhiều tác giả, widget hồ sơ chứa ít thông tin hơn về các tác giả của blog, gồm có.

title: Tiều đề của widget.
authors: Danh sách tất cả tác giả, gồm các thành phần sau:
displayname: Tên hiển thị của tác giả.
userURL: Địa chỉ URL đến hồ sơ của tác giả.

Nếu bạn muốn thiết kế một template (giao diện) có thể sử dụng chung cho một hoặc nhiều tác giả, bạn có thể sử dụng giá trị data:team để phân biệt trường hợp. v.d. <b:if cond='data:team=="true"'> (hiện nhiều tác giả) </b:if>

Text / HTML / JavaScript Widget

Tiêu đề của HTML/JavaScript widget chỉ gồm 2 dữ liệu.

title: Tiêu đè của widget.
content: Nội dung của widget.

Feed Widget (Nguồn cấp)

Nội dung feed được nạp một cách tự động bởi Google AJAX API sau khi được trả lại bởi trình duyệt. Chỉ có thể làm đẹp lại bằng CSS.

title: Tiêu đè của widget
feedUrl: Địa chỉ URL của feed.

Picture Widget (Hình ảnh)

Widget hình ảnh chỉ chứa một hình ảnh, và chứa các dữ liệu của ảnh đó.

title: Tiêu đề của widget.
sourceUrl: Địa chỉ URL của hình ảnh.
width: Chiều rộng ảnh, tính theo pixels.
height: Chiều cao ảnh, tính theo pixels.
caption: Caption của ảnh.

Labels Widget (Nhãn)

Widget nhãn sẽ chứa toàn bộ nhãn đang được sử dụng trên blog.

title: Tiêu đề widget.
labels: Danh sách nhãn, mỗi nhãn gồm có:
name: Tên của nhãn.
count: Số lượng bài viết của nhãn.
url: Địa chỉ URL của nhãn.

List Widget (Danh sách)

Hình thức đơn giản nhất của một danh sách. Mỗi mục chỉ chứa một thành phần duy nhấ là văn bản, mà không cần bất kỳ loại dữ liệu khác.

title: Tiêu đề widget.
items: Danh sách tất cả các mục.

Link List Widget (Danh sách liên kết)

Danh sách liên kết thì sử dụng cũng khá đơn giản, nó chỉ bao gồm 2 thành phần chỉnh: tên và địa chỉ.

title: Tiêu đề của widget.
links: Danh sách liên kết, trong nó gồm có:
name: Tên của liên kết.
target: Địa chỉ URL của liên kết.

Logo Widget

Cái đơn giản nhất trong tất cả các loại ở đây đây, chỉ có đúng một thành phần.

fullButton: Địa chỉ URL của nút mà bạn đã chọn.

Nguồn: http://www.kslzone.net/2014/01/the-la-data-la-gi-va-cach-su-dung-no.html

Labels

1 column 2 column 3 column 4 column aaSolah Accessories add button subscrise for blogger Add Digg Button to Blogger add feedburner for blogger add like button facebook to blogger Add Pinterest Pin it Button to Blogger add sitemap blogger to google add stumbleUpon badge to blogger Ads Ready afghan afghan stitch AGULHAS AMIGURUMI Anchor text Ảnh đẹp Ảnh vui Animasi applique Art artikel Árvore de Natal em croche Aulia baby crochet Baby Dress baby knitting Baby learn bag Bags Bài viết BAKTUS Ballet Bun Cover balloons BARRADOS Bayi Bead Beads Bear Ear Hat BEBÊS belts Berita Berry Best WP Theme 2014 Better Blogger Seo Biologi Black blanket Blogal Template Blogger Codex Blogger Images Slider blogger navbar Blogger Rating blogger template 2014 Blogger Templates Blogger Tool Tip Blogger Tutorials Blogger Widgets Blogger-Template Blogspot Blogspot Templates Blue BLUSAS BOINA BOLEROS BOLSAS books BORBOLETAS Bounce Rates bows boxes bracelet Brown Browse Business Butterfly Button Counter Button Facebook CACHECOL CACHECOLAR cake candles candy Candy Cane Cards carving carving fruit carving fruits CASACO INFANTI CASACOS CASAQUINHO EM CROCHE CASAQUINHO EM TRICO CASAQUINHO PARA BEBÊ Cerpen CHAPEU clay COLAR COLAR DE FLORES COLETE coloring Competitor Research Contact Form for Blogger CORDÃO CORUJUINHAS crafts CROCHE COM SAQUINHOS PLASTICOS CROCHE IRLANDES Crochet Crochet Geek crochet pattern cross stitch Curtain customize cutting paper DECORAÇAO Design blogger template Dicionário de Trico - Inglês/Portugues Digg button Dijual Documentation Doily Domain dress dwell time earring ECHARPE Ecommerce Embroidery ENXOVAL PARA BEBÉ ESTOLAS Event Exit Rates facebook facebook button facebook like in blogger facebook share button facebook share button with counter FAIXA PARA CABELOS fashion Favicon for blogger feed rss Felt Fisika Flat News Templates FLORES Flower flower arrangement flowers crochet Folding paper FOLHAS food food decor Foto Free Blogger Templates Free Download Blogger Templates FREE FORM Free Premium frustration Funny Galaxy Stitch Gallery Games garden Gaya Hidup gel grips Geografi gift Gifts Girl glass Go Green GOLINHAS Google Google Analytics Google Merged All Accounts into One google plus button Google SERPs Google Webmaster Tools Google+ Google+ comment GORRO GRÁFICOS Granny Square Gray Green hair clip Haji Hama hats Heart Hexagon hide blogger navbar holiday craft holiday crafts home and garden Hook how to how to add favicon for blogger how to add feedburner How to install flat news how to turn off google plus comment how-to-guides Hunian Iklan Baris Ilmu Pertanian Image Thumbnail for Blogger imam Indexed Quickly for blogspot iNews 2014 Blogger Template Info Kontes Installing Blogger Template Internet Iseng Islam Itunes jewelery jewelry Karma Blogger Template Kata Bijak Kata Mutiara Kesehatan Kewarganegaraan Keyword Research Kiếm tiền kirigami Knit knitting knitting pattern knot Kuliner Landing Page Blogger Templates Lập trình Blogspot Latent Semantic Indexing LEAVES Like button facebook Lirik Lagu LirikNasyid Log Cabin Square LSI LUMINÁRIAS LUVAS LUVINHAS PARA BEBÊ Magazine Magazine Blogger Template make up making flower making flowers Making toys Manta MANTA PARA BEBÊ MANTA PARA SOFÁ Mashable MEUS MOMENTOS MEUS TRABALHOS mittens motif Motivasi Movie Multiples Music Nail art Nature necklace News News blogger template News Google News Pro Blogger Template Nivo image slider Olah Raga On page seo Online store Orange Organik Origami Pagerank painting PANTUFAS PAP Paper Patchwork PELERINE Penyakit Tanaman Peribahasa Personal Phần mềm pictures Pilihan Pillows Pink plastic POLAINA PONCHO Popcorn Popular Posts Popular Posts Code For Blogger Portfolio post automatically to twitter Premium Blogger Teamplates professional blogger templates Profil puff stitch Puisi pumpkin cap QUADRADO Quilling paper Quilt RECEITA RECEITA CULINÁRIA RECEITA DE PONTOS recycle recycling Red redirected to FeedBurner Related Post Widget remove navbar blogger RENDA DE PELO DE CABRA repair work Responsive Blogger Template retweet button ribbon rings rss for blogger rugs SACOLAS SAIAS DE CROCHE SANDÁLIAS EM CROCHÊ SAPATINHOS SAPATINHOS PARA BEBÊ Sastra Scarf scarves search engine optimization Search engine users seo Seo Blogger Template SEO Course Outline Seo For Blogger SEO Friendly Seo in 2014 Seo tips Seo Tutorial Seo Tutorial 2014 Seo With Blogger Serba Info Serba Tips serps sewing share button share twitter button shawls shoes and sandals Simple Singing sitemap blogspot sitemap page skirt Slider for blogspot snood Snowflake soap socks SQUARE steps to design a nice blogger template Strawberry subscrise button SUÉTER sweater Swiffer Sweeper Cover Syahira blogger theme TABELAS DE MEDIDAS DE TRICO E CROCHE tablecloths Tanaman Padi TAPETES. RECEITA Template TENIS PARA BEBÊ Thank you the panda update Thủ thuật Tien Nguyen tip tips Tips and Tricks TOALHAS TOUCAS TOUCAS PARA BEBÊ Travel TRICO Từ điển Blogspot TÚNICA tunisian turn off google plus comment Tutorial Tutorial Blog Tutorial video twitter button Twitter follow button twitter for blogspot underwear Valentine's day Vegeta Blogger Templates Video VÍDEO Video Blogger Templates video tutorial weaving Web 2.0 wedding Wedding Mag what is a bounce What Is Anchor Text what is bounce rate What is Seo White WIDGET Widget For Blogger wood Wordpress Look WordPress Themes XALE Yellow Youtube