Bloggerku Logo

BLOGGERKU

Bloggerku Logo
BLOGGERKU
AboutDisclaimerPrivacyTOS
BARU!, Tombol Like Untuk Blogger

BARU!, Tombol Like Untuk Blogger

Dihak M Nur A
di February 11, 2018
Udah, berbulan2 nih gak update artikel ðŸ˜‚ Sekarang saya bakal share script super keren, yaitu script like buat blogger. 😄

Script ini adalah script untuk membuat blog kita menjadi makin keren, pengunjung bisa memberikan like pada artikel yang dia sukai ðŸ˜„ udah ah, langsung cek demonya aja ðŸ˜‚

Demo Tutorial

Cara Memasang Tombol Like Untuk Blogger

  1. Masuk ke akun blogger sobat.
  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;
}

  4. Lalu simpan kode ini tepat di bawah kode <data:post.body/> (ada banyak, cobain satu2, kalau bingung bisa komen di bawah ðŸ˜ƒ ).
    <div class='lovebutton-bloggerku' expr:data-id='data:blog.blogId + &quot;_&quot; + 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>

  5. Cari kode </body>, lalu simpan kode ini tepat sebelum kode </body>
    <script src='https://script.bloggerku.com/like/1.0/script.min.js' type='text/javascript'/>

  6. Terakhir, SAVE & Lihat hasilnya ðŸ˜ƒ
Oke, kalau sobat kesulitan, sobat bisa langsung komen di bawah, jangan malu untuk bertanya 😄 

Sekian dan terima kasih, sampai ketemu di artikel selanjutnya 😘
0
Shares