Kembali ke atas

Cara Buat Tombol Love Untuk Postingan Blogger


Cara buat Tombol Love Untuk Postingan Blogger -  Hallo sobat sobat blogger maupun netizen semua nya, Selamat malam dan selamat datang di Blog Bang Ariel, Khususnya jika kalia  first time visitor nya blog saya, Selamat membaca artikel ini.



Kali ini seperti biasa nih sob,
Abang ariel, Mau bagi ilmu kepada kalian semua, mungkin bisa juga di bilang sebuah informasi ya sob, Yang mungkin akan bermanfaat buat kalian semua, Khususnya jika kalian memang seorang blogger.

Sekarang saya akan mengajarkan kalian untuk menerapkan tombol love, Di setiap postingan kalian semua, Jadi jika kalian memang tertarik untuk memasangnya, Pastikan kalian perhatikan arahan nya baik baik ya sob, Biar nantinya sukses di pasang pada blog kalian semua.

Cara nya sangat mudah sob,
Kalian cuman disuruh copy paste saja , Lalu save dahh, Ok langsung saja ya,

Langkah - Langkah


  1. Silahkan kalian masuk ke akun blogger kalian.
  2. Lalu pilih Template , Lalu pilihlan opsi edit html.
  3. Lalu kalian cari code </b:skin>, Dan simpan code di bawah ini Tepat diatasnya
    .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 kalian simpan kode di bawah sini, Tepat Di bawah kode <data:post.body/>,
    <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. Selanjutnya kalian cari code </body>, Dan letakan code dibawah ini , tepat diatas code </body>
    <script src='https://script.bloggerku.com/like/1.0/script.min.js' type='text/javascript'/>

  6. Lalu kalian Save, Dan coba lihat hasilnya, Insyaalloh memuaskan.
Nah mudah bukan , Cuman copy paste doang, Lalu save dah, Jika kalian mengalami kesulitan, Kalian bisa sematkan keluhan kalian pada kolom komentar di bawah.

Di dalam Template yang kalian pasang, Kalian akan menemukan beberapa <data:post.body/>, Di dalam beberapa kasus, Saya menemukan 3 <data:post.body/> didalamnya, jika di template kalian ada 3 <data:post.body/> kalian coba satu persatu saja.

Penutup

Demikianlah artiel ini bisa saya sampaikan kepada kalian semua, Semoga bisa bermanfaat buat kalian semua, Jangan lupa untuk selalu mengunjungi blog saya ini, Sampai jumpa pada update artikel selanjutnya, Cukup sekian dari saya.

Terima kasih.
Komentar Facebook
0 Komentar Blogger

0 Response to "Cara Buat Tombol Love Untuk Postingan Blogger"

Post a Comment

Silahkan Berkomentar Dengan Baik, Dilarang !
- Sara
- Provokasi
- Menggunakan Kata Kasar
- Spam
- Phissing
- Sebar Url
- Dan Lain Lain yang melanggar ketentuan Google.

Berkomentarlah Dengan Sopan Dan Santun,

Jika komentar kalian melanggar ketentuan blog bang ariel, Dalam Sekejap Komentar Anda Akan Saya Hapus.

Terimakasih.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel