Add in blogger Like button for topics
Shaampc great addition special course templates Blogger is to put impress button on the heart of the topics form will add a nice touch And an opportunity for visitors to admire what you provided, which is also an opportunity for the site owner as an incentive.
1. Edit the template and search for this code. </b:skin> Using ( Ctrl +F )
2. Place the following code above it.
2. Place the following code above it.
.lovebutton-bloggerku { width: 100%; display: inline-block; text-align: center; margin: 20px 0; } .lovebutton-bloggerku .inner { text-align: center; display: inline-table; } .lovebutton-bloggerku a { background: #fff; border: 1px solid #aaa; display: inline-block; border-radius: 50%; width: 50px; height: 50px; cursor: pointer; float: left; overflow: hidden; margin-right: 10px; } .lovebutton-bloggerku .icon { padding-top: 13px; } .lovebutton-bloggerku svg { fill: #aaa; transition: all 0.2s; } .lovebutton-bloggerku a:hover svg { fill: #666; } .lovebutton-bloggerku a .active svg { fill: #F44336; } .lovebutton-bloggerku .total { line-height: 50px; font-size: 20px; display: inline; }
3. Look for this code <data:post.body/> you will find it recursively, the second is intended, then put the following code either above or below it so that if you put it on it it will appear under the title, but if you put it below it will appear below the end of the topic
<div class='lovebutton-bloggerku' expr:data-id='data:blog.blogId + "_" + data:post.id'>
<div class='inner'>
<a href='javascript:;'>
<div class='icon'>
<svg height='25' viewBox='0 0 1792 1792' width='25' xmlns='http://www.w3.org/2000/svg'><path d='M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26t-55.5-65.5-68-97.5-53.5-121-23.5-138q0-220 127-344t351-124q62 0 126.5 21.5t120 58 95.5 68.5 76 68q36-36 76-68t95.5-68.5 120-58 126.5-21.5q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z'/></svg>
</div>
</a>
<div class='total'>Loading</div>
<div style='clear:both;'/>
</div>
</div>
4. Look for this code </body> and place the following code over it
<script src='https://raw.githack.com/Shaampc/new-Archive/master/like.js' type='text/javascript'/>
Post a Comment