bài thử nghiệm blogger post

/*----Full Width Post-----*/

[full-post]

/*----Left Main Post-----*/ 

[left-post]

/*----Right Main Post-----*/

[right-post] 

/*----Post with Left Side Only-----*/

[left-side]

/*----Post with Right Side Only-----*/

[right-side]

[tab]
[content title="Youtube"] [youtube src="IxPRkwNfYxo"][/youtube] [/content]
[content title="Maps"] [map src="10.2007911,105.3707761,16z"][/map] [/content]
[/tab]

[lock] Yours Paragraph Here Yours Paragraph Here Yours Paragraph Here [/lock]


[accordion]
[item title="Accordion 1"]Your Text Here[/item]
[item title="Accordion 2"]Your Text Here[/item]
[item title="Accordion 3"]Your Text Here[/item]
[/accordion]



[review]
 [content title="Summary" label="Overall Score"]My fellow Earthicans, as I have explained in my book Earth in the Balance, and the much more popular Harry Potter and the Balance of Earth, we need to defend our planet against pollution. Also dark wizards but I know you in the future back in our hands.[/content]
 [item value="7"]Gameplay[/item]
 [item value="8"]Graphics[/item]
 [item value="10"]Sound[/item]
 [item value="5"]Ease of play[/item]
 [item value="9"]Hardware[/item]
 [/review]


[tooltip url="Tooltip_URL" title="Tooltip_title- văn bản mô tả đường link"]Text/Element went mouse hover or enter the tooltip[/tooltip]

[tab] [content icon="diamond" title="Tab 1"]Your Text Here[/content] [content icon="heartbeat" title="Tab 2"]Your Text Here[/content] [content icon="buysellads" title="Tab 3"]Your Text Here[/content] [/tab]

[vtab] [content title="Tab 1"]Your Text Here[/content] [content title="Tab 2"]Your Text Here[/content] [content title="Tab 3"]Your Text Here[/content] [/vtab]


[4column] [content]Your Text Here[/content] [content]Your Text Here[/content] [content]Your Text Here[/content] [content]Your Text Here[/content] [/4column]



[code type="HTML"]/*----Small Buttons-----*/ <a href='/' class="button small red">Button Text</a> <a href='/' class="button small pink">Button Text</a> <a href='/' class="button small orange">Button Text</a> <a href='/' class="button small yellow">Button Text</a> <a href='/' class="button small green">Button Text</a> <a href='/' class="button small turquoise">Button Text</a> <a href='/' class="button small blue">Button Text</a> <a href='/' class="button small purple">Button Text</a> <a href='/' class="button small midnight">Button Text</a> <a href='/' class="button small grey">Button Text</a> <a href='/' class="button small asbestos">Button Text</a> <a href='/' class="button small dark">Button Text</a>
/*----Medium Buttons-----*/ <a href='/' class="button medium red">Button Text</a> <a href='/' class="button medium pink">Button Text</a> <a href='/' class="button medium orange">Button Text</a> <a href='/' class="button medium yellow">Button Text</a> <a href='/' class="button medium green">Button Text</a> <a href='/' class="button medium turquoise">Button Text</a> <a href='/' class="button medium blue">Button Text</a> <a href='/' class="button medium purple">Button Text</a> <a href='/' class="button medium midnight">Button Text</a> <a href='/' class="button medium grey">Button Text</a> <a href='/' class="button medium asbestos">Button Text</a> <a href='/' class="button medium dark">Button Text</a>
/*----Large Buttons-----*/ <a href='/' class="button large red">Button Text</a> <a href='/' class="button large pink">Button Text</a> <a href='/' class="button large orange">Button Text</a> <a href='/' class="button large yellow">Button Text</a> <a href='/' class="button large green">Button Text</a> <a href='/' class="button large turquoise">Button Text</a> <a href='/' class="button large blue">Button Text</a> <a href='/' class="button large purple">Button Text</a> <a href='/' class="button large midnight">Button Text</a> <a href='/' class="button large grey">Button Text</a> <a href='/' class="button large asbestos">Button Text</a> <a href='/' class="button large dark">Button Text</a>
[/code]

[code type="CSS"]
 Yours Paragraph Here Yours Paragraph Here Yours Paragraph Here
[/code]

[code type="JavaScript"]
[/code]
[code type="JQuery"]You JQuery Code Here[/code]


[error title="Error message" icon="exclamation-circle"] Oh snap! Change a few things up [/error]

[info title="Info message" icon="info-circle"] This a simple info for you. [/info]

[update title="Update message" icon="info-circle"] You successfully to update your content. [/update]

[warning title="Warning message" icon="exclamation-triangle"] Warning! Best check yo self. [/warning]

[success title="Success message" icon="check-circle"] You successfully read this important message. [/success]

[alert title="Alert message" icon="info-circle"] This alert needs your attention [/alert]




Yours Paragraph Here
Yours Paragraph Here
Yours Paragraph Here
[next]
Yours Paragraph Here
Yours Paragraph Here
[next]
Yours Paragraph Here
Yours Paragraph Here
Yours Paragraph Here