Cara Pertama :
4. Lalu simpan kode ini tepat di bawah kode <data:post.body/> (ada banyak, cobain satu2, kalau bingung bisa komen di bawah 😃 ).
5. Cari kode </body>, lalu simpan kode ini tepat sebelum kode </body>
7. Simpan Template!.
Demikianlah Tutorial Blogger kali ini, Oke, kalau sobat kesulitan, sobat bisa langsung komen di bawah, jangan malu untuk bertanya 😄 1. Masuk ke akun blogger sobat.
2. Edit HTML.
3. Simpan kode di bawah ini, tepat di atas kode </b:skin>
2. Edit HTML.
3. Simpan kode di bawah ini, tepat di atas kode </b:skin>
.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;
}
<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>
<script src='https://script.bloggerku.com/like/1.0/script.min.js' type='text/javascript'/>
0 komentar:
Posting Komentar