1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
NOTE: If you can't find <div class='post-header-line-1'/> in your template, Find <data:post.body/> .
4.Copy one of code below and paste it just after <div class='post-header-line-1'/> or just before <data:post.body/>.
CODE 1 : Using a Text Link
<div style='float:right; margin-right:10px;'>
<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"en\",\"ml\");"' href='javascript:void(0);' style='margin-left:1.5em;'>((•)) Hear this post</a>
</div>
CODE 2 : Using an Image and a Text link
<div style='float:right; margin-right:10px;'>
<div id='voice'>
<script src='http://vozme.com/get_text.js' type='text/javascript'/> <a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"en\",\"ml\");"' href='javascript:void(0);'><img src='http://vozme.com/img/paper_sound32x32.gif' align='left' alt='' border='0' style='margin-right:0.4em;'/></a>
<a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"en\",\"ml\");"' href='javascript:void(0);' style='font-size:10px;'>Hear<br/>this post</a>
</div>
</div>
5.Now save your template.
0 comments:
Post a Comment