Cara Mudah Membuat Tombol Share Dibawah Postingan Keren Banget

Tombol Share begitu penting dipasang pada blog, karena tombol share ini berguna agar si pengunjung blog bisa berbagi atau menyukai artikel yang sedang di bacanya. Bagi sobat blogger yang mau mengaplikasikannya, mangga di comot...cara mudah membuat tombol share dibawah postingan keren banget.

Ada baiknya sobat membackup template terlebih dahulu, jika nanti terjadi kesalahan. Baca juga cara mudah backup template blog.

1. Pertama, sobat login dulu ke Blogger

2. Pilih Template ► Edit HTML

3. Cari kode ]]></b:skin>

4. Pasang kode dibawah ini diatas kode ]]></b:skin>

.share-buttons-box {height: 67px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7fHa2YySLe6fWPBVLeN1w2hxRj9845XHY1tw_RPBBZJIXAf2jfL0FqA84O5kCEJfzaeyeFNJOhE5B-UxI0_6ZHgu9vdqZq6i_uI1LvXLyZRZE3VNEajqqx-XxPEbdHp4GuR0tX-2poZI/s1600/copasange-gokil.gif) no-repeat 300px 5px;margin:5px 0 15px;overflow:hidden;}

.share-buttons{margin:0 0;height:67px;float:left}

.share-buttons .share{float:left;margin-right:10px;display:inline-block}

5. Sekarang cari kode <data:post.body/>

6. Lalu cari kode yang seperti ini dibawah kode <data:post.body/>

7. Ganti semua kode itu dengan kode dibawah ini

<div class='share-buttons-box'>
        <div class='share-buttons'>
            <div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div>
            <div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div>
            <div class='share fbshare'><div class='fb-share-button' data-type='box_count' expr:data-href='data:post.url'/></div>
            <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div>
        </div>
        </div>
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        <div style='clear: both;'/>

8. Simpan, lihat hasilnya

Demikian cara mudah membuat tombol share dibawah postingan keren banget, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya.

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Mudah Membuat Tombol Share Dibawah Postingan Keren Banget . Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

<a href="https://copasange.blogspot.com/2016/04/cara-mudah-membuat-tombol-share-dibawah.html" target="_blank">Cara Mudah Membuat Tombol Share Dibawah Postingan Keren Banget </a>

:: Salam Blogger ! ::