30 Mar 2014

Aliquam Vitae Dolor Lacus

30 Mar 2014
Aliquam vitae dolor lacus. Ut quam dui, euismod aliquam tincidunt a, mattis sit amet est. Ut dapibus malesuada euismod. Phasellus fermentum porttitor diam ut sollicitudin. In et lectus in nunc vulputate laoreet. Aenean sed neque nibh. Vestibulum egestas dui a urna consequat, ut convallis ipsum aliquet.

29 Mar 2014

Maecenas Aliquet Mollis Lectus

29 Mar 2014

Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula. Nulla ut felis in purus aliquam imperdiet. Maecenas aliquet mollis lectus. Vivamus consectetuer risus et tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.

Pellentesque Eget Sagittis Lectus

Pellentesque eget sagittis lectus, vitae auctor nibh. Proin quis dui leo. Donec at neque consectetur, condimentum nulla sed, cursus massa. Vestibulum pretium eleifend mauris ac dapibus. Mauris pretium vestibulum odio eget ultricies. Suspendisse blandit dolor eget purus ornare ultrices. Vestibulum blandit sapien eget metus volutpat rutrum. Donec rutrum dictum risus, sed laoreet urna accumsan non.

25 Mar 2014

Morbi Scelerisque Eros Turpis

25 Mar 2014
Morbi scelerisque eros turpis, ultrices accumsan leo dapibus vel. Suspendisse blandit dolor ut metus commodo mollis. Ut eros nibh, semper egestas arcu non, consectetur cursus arcu. Mauris tempus dui id magna blandit feugiat. Nullam bibendum sapien leo, quis luctus mi blandit non.


22 Mar 2014

Phasellus Eu Nibh In Purus

22 Mar 2014

Proin ultricies lacus quis ligula hendrerit sodales. Donec ac orci id nunc cursus scelerisque non eu nibh. Vestibulum ultrices sapien at augue vehicula, ac sodales erat euismod. Phasellus eu nibh in purus egestas adipiscing ut ac lacus. Sed id lacinia nisi. In hac habitasse platea dictumst. Nulla pharetra luctus dolor, ac pretium elit laoreet nec. Ut sapien odio, venenatis nec scelerisque eget, ultricies ac nibh. Praesent cursus lorem quis erat sodales posuere. Cras suscipit dui et nisi rutrum, et condimentum risus blandit.
19 Mar 2014

Sample HTML Post

19 Mar 2014
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eleifend augue eu nulla tempus congue. Sed sed nunc et quam malesuada convallis quis a erat. Duis vitae elit ac dolor facilisis egestas. Blogger template aenean congue ligula augue, quis pellentesque dui auctor sit amet.

Eum minim evertitur in, mei dicat ridens mediocrem ad. Id vix audire perfecto, ne pro soleat option, vero facete quodsi nec ne. Cu eam hendrerit maiestatis reprimique, modus malis pri cu.

No pro posse argumentum reprimique, cu his diam utinam nullam. No dicant timeam duo, vitae virtute mel et. Eam ea adipisci disputando, at cum errem dolor.

Suas diam eligendi in nec, ]]></b:skin> dicant labitur has in. Case graeco mei ex. Regione tincidunt et vim. Option voluptaria et his, vix te laudem expetenda deseruisse.

Omnis iisque voluptatum ad duo. Errem apeirian at qui. Has possit audiam id, esse necessitatibus an has, te ullum aperiri appetere eum. Eum no munere tractatos, ad sed iusto reprehendunt.

Quisque vel commodo odio. Ut hendrerit purus et tincidunt molestie. Curabitur feugiat rutrum bibendum. Sed et facilisis elit. Praesent pellentesque bibendum nulla vitae tristique


Blockquote q

Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.


Video




Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu eros eu turpis ullamcorper semper vitae nec elit. Donec accumsan, lectus mollis sagittis consectetur, urna urna mollis nulla, eu dapibus nibh dolor et velit
Nunc malesuada felis eget diam vulputate eu iaculis erat tristique. Lacinia ligula non maecenas diam blandit felis, eget odio consequat velit penatibus, dolor fusce eu hendrerit vestibulum volutpat nunc, est ullamcorper ut habitasse purus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu eros eu turpis ullamcorper semper vitae nec elit. Donec accumsan, lectus mollis sagittis consectetur, urna urna mollis nulla, eu dapibus nibh dolor et velit
Nunc malesuada felis eget diam vulputate eu iaculis erat tristique. Lacinia ligula non maecenas diam blandit felis, eget odio consequat velit penatibus, dolor fusce eu hendrerit vestibulum volutpat nunc, est ullamcorper ut habitasse purus


Ordered and Unordered List

  1. Ordered list 1
  2. Ordered list 2
  3. Ordered list 3
  4. Ordered list 4
  5. Ordered list 5
  • Default unordered list
  • Square Unordered list
  • Circle Unordered list
Suas diam eligendi in nec, dicant labitur has in. Case graeco mei ex. Regione tincidunt et vim. Option voluptaria et his, vix te laudem expetenda deseruisse


Code

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
</b:if>


Heading Tag

This is Heading Tag h1

This is Heading Tag h2

This is Heading Tag h3

This is Heading Tag h4

This is Heading Tag h5


Blockquote

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus.


Button

Default Red Blue Pink Gray Black Green White Violet Orange Black Blue

Small
Default
Large


Table Post

No Class A Class B Class C
1 Web Design HTML Hardware
2 Photoshop Javascript Software
3 Showcase CSS Security
14 Mar 2014

A Gallery Slider Post

14 Mar 2014
  • responsive blogger template

    Caption Title 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit

  • responsive photo blogger template

    Caption Title 2

    Integer euismod lacus luctus magna sem massa mattis sem

  • photography blogger template

    Caption Title 3

    Vestibulum ante ipsum primis in faucibus orci luctus

  • template photography

Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper.
13 Mar 2014

A Lightbox Post

13 Mar 2014
Click image below to see Lightbox work


Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales.
12 Mar 2014

Post Images Minimal 700px

12 Mar 2014
Flat Window Blogger template specially for photo or gallery blog with custom code for image post to make full width in post area. For perfect image post, it is need image size with minimal width 700px.

1. Only Image


Lorem ipsum dolor sit amet, scaevola definitiones eu vim, ut autem inciderint sea, ex etiam oratio malorum eam. Quo fugit mundi ex, enim ceteros eos cu. Verear disputando mel ei, mel ad ullum paulo sonet. Et congue epicurei eum. Qui sale pertinacia ullamcorper ad, sit scripta albucius dissentiunt in.

Image code

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_HETity_DxnNiusHHlUc3ecX_MldMH6JBZRmJaNhycjXbYvYC_IVi6ZJeGWuLANqpoU0KdAP_8MYIQbI95PqYwDx2VjNYGjVBfPFqhl_76U1qb9ACVOF567R4feGAKuM-CdVdMqXba1Q/s1600/img9.jpg" />

2. Image with link


Lorem ipsum dolor sit amet, scaevola definitiones eu vim, ut autem inciderint sea, ex etiam oratio malorum eam. Quo fugit mundi ex, enim ceteros eos cu. Verear disputando mel ei, mel ad ullum paulo sonet. Et congue epicurei eum. Qui sale pertinacia ullamcorper ad, sit scripta albucius dissentiunt in.

Image code

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhorks5qzWmKGvB9J_K4PAsrZW5KN8Kzy6EWza7mIVSgiqR51UVXANup7FEvRCX6FY3v5r8djZqM7mimJi-adPpwZVZl__-IxkmRvck7XG5yLmWGujBRdRNKT7jy91AO4i5ICUEaMisU0M/s1600/img13.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhorks5qzWmKGvB9J_K4PAsrZW5KN8Kzy6EWza7mIVSgiqR51UVXANup7FEvRCX6FY3v5r8djZqM7mimJi-adPpwZVZl__-IxkmRvck7XG5yLmWGujBRdRNKT7jy91AO4i5ICUEaMisU0M/s1600/img13.jpg" /></a>


3. Image with position


Lorem ipsum dolor sit amet, scaevola definitiones eu vim, ut autem inciderint sea, ex etiam oratio malorum eam. Quo fugit mundi ex, enim ceteros eos cu. Verear disputando mel ei, mel ad ullum paulo sonet. Et congue epicurei eum. Qui sale pertinacia ullamcorper ad, sit scripta albucius dissentiunt in.

Image code

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBObeRbQaaYMJ6tiRD_61uQTZvI7tovG5PnGHIub4BuBQpx6KjYGxJEe_vLucQ3w-kcXsqCnhMurQPxJG0r1-Lwnkd_DhCp_FchW3EGY31IYyz5BubVfuj_viFu6TQ-Pbhv9CKJ6eO6ec/s1600/img26.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBObeRbQaaYMJ6tiRD_61uQTZvI7tovG5PnGHIub4BuBQpx6KjYGxJEe_vLucQ3w-kcXsqCnhMurQPxJG0r1-Lwnkd_DhCp_FchW3EGY31IYyz5BubVfuj_viFu6TQ-Pbhv9CKJ6eO6ec/s1600/img26.jpg" /></a></div>


4. Image with caption

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, scaevola definitiones eu vim, ut autem inciderint sea, ex etiam oratio malorum eam. Quo fugit mundi ex, enim ceteros eos cu. Verear disputando mel ei, mel ad ullum paulo sonet. Et congue epicurei eum. Qui sale pertinacia ullamcorper ad, sit scripta albucius dissentiunt in.

Image code

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicchXYgxgk-Y0HqoeHN6_LX-D9XKGXWYLxOjZDk2LdwSJg9ZhyphenhyphenWwFvUqrXIol1rJ8T6pymCN9-SLgBcXl_v-Oja-mvh0s9qrYTqXAogs2Hdyty3eTo8y5gCcMSieOxGSLabOI6bHepibo/s1600/image18.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicchXYgxgk-Y0HqoeHN6_LX-D9XKGXWYLxOjZDk2LdwSJg9ZhyphenhyphenWwFvUqrXIol1rJ8T6pymCN9-SLgBcXl_v-Oja-mvh0s9qrYTqXAogs2Hdyty3eTo8y5gCcMSieOxGSLabOI6bHepibo/s1600/image18.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Lorem ipsum dolor sit amet</td></tr>
</tbody></table>


Note :

- Sample post image with position is center position.For other position such as right and left, it will a same with
- Do you want a normal image post?? Let me know. I will help you
11 Mar 2014

Post Images Less Than 700px With Text

11 Mar 2014

1. Image Center Position

1a. No Link


Fusce congue rutrum aliquet. In dignissim vitae odio sit amet pretium. Nam iaculis nunc vitae justo sagittis eleifend. Vestibulum vitae porta dui. Cras id ultricies massa. Cras dignissim vestibulum viverra. Donec iaculis est est, eu iaculis leo placerat eu.

1b. With Link


Eum minim evertitur in, mei dicat ridens mediocrem ad. Id vix audire perfecto, ne pro soleat option, vero facete quodsi nec ne. Cu eam hendrerit maiestatis reprimique, modus malis pri cu. Omnis equidem platonem sed ei, te semper propriae consequat vel. Sea quando eripuit no. Erat definiebas temporibus in nec, eros clita ei eos.

1b. With Caption

This is a caption image
No pro posse argumentum reprimique, cu his diam utinam nullam. No dicant timeam duo, vitae virtute mel et. Eam ea adipisci disputando, at cum errem dolor. Velit dolor at mei, eros altera cu per.


2. Image Right Position

2a. No Caption

Suas diam eligendi in nec, dicant labitur has in. Case graeco mei ex. Regione tincidunt et vim. Option voluptaria et his, vix te laudem expetenda deseruisse. Eam congue salutandi consequat an, pro illud perfecto ut, at mea posse aliquando.

2b. With Caption

Lorem ipsum dolor sit amet

Suas diam eligendi in nec, dicant labitur has in. Case graeco mei ex. Regione tincidunt et vim. Option voluptaria et his, vix te laudem expetenda deseruisse. Eam congue salutandi consequat an, pro illud perfecto ut, at mea posse aliquando.


3. Image Left Position

3a. No Caption

Nulla omnesque molestiae pri eu. No erat ubique sea, ad mea civibus probatus, sint nihil sed ea. Magna apeirian in eum, sea utinam sapientem repudiandae at. Quo dicta partem consetetur ad. Tale propriae eum no, eos no iriure ancillae. Ubique disputando eloquentiam cum no, est labore deseruisse in.

3b. With Caption

Omnis iisque voluptatum ad duo

Id cum lorem instructior, cu nostrud suscipiantur duo. In quod nominavi vel, tale enim errem eam in. Unum salutandi reformidans ut sit. Et essent nonumes explicari his, sint purto eum te. Id delenit conceptam est, et pri erat animal consequat. Omittam electram pertinacia usu ut.
10 Mar 2014

Post Images Less Than 700px

10 Mar 2014
Flat Window Blogger template specially for photo or gallery blog with custom code for image post to make full width in post area. Basically, this template need image size with minimal width is 700px.

I assume your image meet the criteria but if not, this is an example post for image less than 700px.

Please note the image code for each styles below (without link, with link, with position, with caption)

1. Only Image


Image code

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebnGQlGmFAHunZ_OUXOUAwJuZYOVZ50danUCdsd5zu_v9YVSHcnkdZlmlRzPTjCO9PHWdqbPHAFWiTel-78a-BoFSpExyKjDenvSk9WsQRWqRC8ry81roDHEw2AeA3Eye_VdgfhzfW0g/s1600/image7.jpg" />



Image code

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ4bPE-4IUx_GwtEPDpE2bhJJAbFo53CG2I5LWT-D48mvZusUrIEzhvztAVVN8Mhopin52cthCtmZ8S355GwN8iiHjQrez4eS1k_BMNC2XfufhSZmW902rOhmCN5p26w9Vvt0fGFbFVh0/s320/image15.jpg" />



Image code

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2LTK4aPkpKgyY2JPDD7AX1d3JsMxVTnecKscRbZ1uDo46gphUxfEWBSRKzFWyquM-VRDH1JEBdlI8_prVyFVpAdO5wGZUY1l7ufknmOmaKm7Y34pgALpIIcGKToOML5YSe0OC5T3ZM_0/s1600/img1.jpg" height="266" width="400" />


2. Image with Link


Image code

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbsDXPEKnkTPGERAsMvoYhZ_CV56xVapKnmPZ7LkrdIY0-mvQW3xJhf05AKGXJ1GxNQTZZe9oPv8Zp5qSOCgUsjebhZKkpIRLnryS20_9IobBEh7O7O1EAE0hql4nt5rSYaLD5ZOgJ9c/s1600/image13.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbsDXPEKnkTPGERAsMvoYhZ_CV56xVapKnmPZ7LkrdIY0-mvQW3xJhf05AKGXJ1GxNQTZZe9oPv8Zp5qSOCgUsjebhZKkpIRLnryS20_9IobBEh7O7O1EAE0hql4nt5rSYaLD5ZOgJ9c/s1600/image13.jpg" /></a>



Image code

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy8pHoVVf8MAtgrpZ4FvqjW-rzsJf4mTsaCkkLrJhIK2u5UNRWj99aQ8Bj9a46rTK9HQM8aBv_62_QOa6Mk2RbvX4JGX-p7RZBMTBcbToM05xIRu5Yp0jUaNFrjHCxR-8lHeIaTFhXYII/s1600/img5.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy8pHoVVf8MAtgrpZ4FvqjW-rzsJf4mTsaCkkLrJhIK2u5UNRWj99aQ8Bj9a46rTK9HQM8aBv_62_QOa6Mk2RbvX4JGX-p7RZBMTBcbToM05xIRu5Yp0jUaNFrjHCxR-8lHeIaTFhXYII/s400/img5.jpg" /></a>


3. Image with Position

3a. Center Position


Image code

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPQ44puV4AG9GWMdJ91rhP7W3C96akk52Y0bRZ1NfBYPtAeCHfSVwZrMMNYF_-SDHowGISUhZKoLkC98IzA5TpOJIT6ERj0R9doCBzhNDqdtMBnrujwCHpEkWiEVRVfySdJ47T2kuk58/s1600/img3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPQ44puV4AG9GWMdJ91rhP7W3C96akk52Y0bRZ1NfBYPtAeCHfSVwZrMMNYF_-SDHowGISUhZKoLkC98IzA5TpOJIT6ERj0R9doCBzhNDqdtMBnrujwCHpEkWiEVRVfySdJ47T2kuk58/s1600/img3.jpg" /></a></div>


3b. Right Position


Image code

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDflNhVqMNUrZzmb8o8urX5LA9tkvsFlIvCfLGsG-oYvKpjN3ZqvYMOlFBy-syzLaSVa56tMhbfVOyIe_Pe_WD9887ta4DiElL91R5jnFFMlM71PqDSOX6TTz5NJry69SO1wXFsqrfcLc/s1600/img4.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDflNhVqMNUrZzmb8o8urX5LA9tkvsFlIvCfLGsG-oYvKpjN3ZqvYMOlFBy-syzLaSVa56tMhbfVOyIe_Pe_WD9887ta4DiElL91R5jnFFMlM71PqDSOX6TTz5NJry69SO1wXFsqrfcLc/s1600/img4.jpg" /></a></div>


3c. Left Position


Image code

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjPdxKQK9ZpsJBIod7XK7Bx_Z74Bpg8A2sGvnDphCylxK2N9fBS9AMrHc8PMNWmMVyoWQd-o5cXWv88PeDFzC80y37M_tbvRiR0s3MCUFMjvRQNssvhAknhkAgnii5jz_mH4KbI6obFjc/s1600/img34.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjPdxKQK9ZpsJBIod7XK7Bx_Z74Bpg8A2sGvnDphCylxK2N9fBS9AMrHc8PMNWmMVyoWQd-o5cXWv88PeDFzC80y37M_tbvRiR0s3MCUFMjvRQNssvhAknhkAgnii5jz_mH4KbI6obFjc/s400/img34.jpg" /></a></div>


4. Image with Caption

4a. Image Center Position

This is a caption image

Image code

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheTrmcWZs7uorX92-BLWb7y-qZQMjIv1fRBL837Pm4v39UxFYNmMl50FGZK6M3pmnfVW53SR6A_tsV5Aen5_SNkvsSIhB-RLTnRn9Kcp8GrsyEVlGaH_7ytMWnjb1ku-BU_hDRz1thmKE/s1600/img19.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheTrmcWZs7uorX92-BLWb7y-qZQMjIv1fRBL837Pm4v39UxFYNmMl50FGZK6M3pmnfVW53SR6A_tsV5Aen5_SNkvsSIhB-RLTnRn9Kcp8GrsyEVlGaH_7ytMWnjb1ku-BU_hDRz1thmKE/s1600/img19.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">This is a caption image</td></tr>
</tbody></table>


4a. Image Right Position

Lorem ipsum dolor sit amet

Image code

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsuO6FlEQTXWvUsgB71cyhlwGjq1AqnQeJlQ2ropM8ZIQX6kNAoJRY87ro0CVANqtLmIhx_pu99DiYC4C4qjZ9bM9BySbYVJb0Pen_Kk7zMUtw3EtepYNOxv907JG-PD2vCo68uGyh6pQ/s1600/image4.jpg" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsuO6FlEQTXWvUsgB71cyhlwGjq1AqnQeJlQ2ropM8ZIQX6kNAoJRY87ro0CVANqtLmIhx_pu99DiYC4C4qjZ9bM9BySbYVJb0Pen_Kk7zMUtw3EtepYNOxv907JG-PD2vCo68uGyh6pQ/s1600/image4.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Lorem ipsum dolor sit amet</td></tr>


4a. Image Left Position

Omnis iisque voluptatum ad duo

Image code

<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBLxpa_8V6dgbmjofWe4RiR7t9BrnD4rrw4GaB8z1CKhGvL4R3vGZYrvJb9VCNAZg2uoDEKE0fOHfPeMw7X2EXuenrOyANX1PPZ-qtGUrotekpUnT14vBJBoPvZ60srCVol7nKO2HGt4/s1600/img12.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBLxpa_8V6dgbmjofWe4RiR7t9BrnD4rrw4GaB8z1CKhGvL4R3vGZYrvJb9VCNAZg2uoDEKE0fOHfPeMw7X2EXuenrOyANX1PPZ-qtGUrotekpUnT14vBJBoPvZ60srCVol7nKO2HGt4/s1600/img12.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="background-color: white; color: #80868a; font-family: Arimo; font-size: 14px; line-height: 24px; text-align: left;">Omnis iisque voluptatum ad duo</span></td></tr>
</tbody></table>


Note :

- Do you want a normal image post?? Let me know. I will help you
3 Mar 2014

Dropcap and Ordered List Shortcode

3 Mar 2014

Dropcap

Default Style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu eros eu turpis ullamcorper semper vitae nec elit. Donec accumsan, lectus mollis sagittis consectetur, urna urna mollis nulla, eu dapibus nibh dolor et velit

Custom Color Style

Nunc malesuada felis eget diam vulputate eu iaculis erat tristique. Lacinia ligula non maecenas diam blandit felis, eget odio consequat velit penatibus, dolor fusce eu hendrerit vestibulum volutpat nunc, est ullamcorper ut habitasse purus

Circle Style

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu eros eu turpis ullamcorper semper vitae nec elit. Donec accumsan, lectus mollis sagittis consectetur, urna urna mollis nulla, eu dapibus nibh dolor et velit

Square Style

Nunc malesuada felis eget diam vulputate eu iaculis erat tristique. Lacinia ligula non maecenas diam blandit felis, eget odio consequat velit penatibus, dolor fusce eu hendrerit vestibulum volutpat nunc, est ullamcorper ut habitasse purus

Dropcap shortcode

<span class='dropcap'>D</span>

Option

  • Background color : Default*, Black
  • Text color : Default, Black, White, Custom*

* Color based on template color style


List Style

Ordered List

  1. Ordered list 1
  2. Ordered list 2
  3. Ordered list 3
  4. Ordered list 4
  5. Ordered list 5

Unordered List

  • Default unordered list
  • Square Unordered list
  • Circle Unordered list

Option

  • List style : Default, Square, Circle
1 Mar 2014

Blockquote Shortcode

1 Mar 2014

Blockquuote Normal *

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eleifend augue eu nulla tempus congue. Sed sed nunc et quam malesuada convallis quis a erat. Duis vitae elit ac dolor facilisis egestas. Aenean congue ligula augue, quis pellentesque dui auctor sit amet. Aliquam tristique euismod nulla, et facilisis dui facilisis ut. Nulla auctor dictum nisi, in scelerisque ante fermentum eget. Donec condimentum lorem vel sodales porttitor. Mauris malesuada luctus viverra.

Shortcode

<blockquote>Your content does here</blockquote>


Blockquote q *

Fusce congue rutrum aliquet. In dignissim vitae odio sit amet pretium. Nam iaculis nunc vitae justo sagittis eleifend. Vestibulum vitae porta dui. Cras id ultricies massa. Cras dignissim vestibulum viverra. Donec iaculis est est, eu iaculis leo placerat eu.

Shortcode

<q>Your content does here</q>


* Color and icon in blockquote q default based on template color style