How to customize kaizen Template

[Templatesyard]

Please replay me with, how to setup social and email subscription widget like demo page.

[Gooyaabi]

Go to >> Dashboard >> Layouts>> Add Widget >> HTML & JacaScript (follow the step to when add every widget)

For Add Email Subscription Widget.

<div id='subscribe-box'>
<div class='title'>
               Subscribe Here
              </div>
                 <p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
             <div class='emailfield'>
              <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=KaizenTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='Your Name'/>
               <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input name='uri' type='hidden' value='Kaizentemplate'/>
<input name='loc' type='hidden' value='en_US'/>
                <input class='submitbutton' type='submit' value='Subscribe Now!'/>
              </form>
             </div>
</div>

Remove this URL http://feedburner.google.com/fb/a/mailverify?uri=KaizenTemplate with yours.

For Add Social Bookmark widget

<div class='social-box'>
 <div class='social-item-outer'>
 <a class='social-item-box facebook-box' href='http://www.facebook.com'>  
   <div class='counter'>
 10.000
</div>
<span class='social-title'>Fans</span>
 </a>
 </div>

 <div class='social-item-outer'>
 <a class='social-item-box twitter-box' href='http://twitter.com'>
   <div class='counter'>
 7.987
</div>
<span class='social-title'>Followers</span>
 </a>
 </div>

 <div class='social-item-outer'>
 <a class='social-item-box googleplus-box' href='http://plus.google.com'>
   <div class='counter'>
 5.987
</div>
<span class='social-title'>Followers</span>
 </a>
 </div>

 <div class='social-item-outer'>
 <a class='social-item-box rss-box' href='/feeds/posts/default'>
   <div class='counter'>
 450
</div>
<span class='social-title'>Subcribers</span>
 </a>
 </div>
    </div>

Replace social bookmarking site URLs with yours.

To show Recent Posts

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Gadget?published&alt=json-in-script&callback=labelthumbs"></script>

[Author]

Posts