BARU!, Tombol Like Untuk Blogger
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 😂


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