Wednesday, February 3, 2016

Cara membuat tombol SHARE & LIKE FACEBOOK melayang pada blog

Cara membuat tombol SHARE & LIKE FACEBOOK melayang pada blog



Selamat datang kembali di blog cara1komputer. Blog yang membahas tentang tutorial IT, tutorial VB.NET, tutorial microsoft excel, tutorial blog, tutorial youtube dan tutorial-tutorial lainnya. Semua yang dirasa bermanfaat pasti admin share di blog ini. Okey kali ini di blog CK admin akan membahas tentang Cara membuat tombol SHARE & LIKE FACEBOOK melayang pada blog.

Seorang blogger pasti akan mencari info bagaimana cara mempercantik tampilan blognya agar si pembaca dari blog tersebut betah berada di blog si blogger tersebut. Disini saya akan bahas tentang cara menampilkan tombol share sekaligus like facebook melayang yang mana tombol tersebut akan mengikuti jalannya sortiran (ke atas / ke bawah). Langsung saja ikuti langkah-langkah di bawah ini :

Contoh gambar sebagai berikut (lihat bagian yang di kotak merah) :


1. Masuk ke akun blogger anda => Klik menu tata letak di bilah sisi kiri.

2. Klik tambahkan gadget => klik HTML/JavaScript. Berikut adalah screenshot gambarnya :


3. Copy dan paste script di bawah ini ke dalam menu HTML/JavaScript.

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>

4. Klik simpan (pojok kanan atas) dan lihat hasilnya. Wah sekarang blog anda sudah ada tombol share kerennya yang tentunya memudahkan visitor blog anda untuk membagikan artikel anda.

Demikianlah tutorial yang dapat admin bagikan di blog Cara1Komputer (CK) kali ini. Semoga tutorial Cara membuat tombol SHARE & LIKE FACEBOOK melayang pada blog yang admin tulis di blog Cara1Komputer (CK) kali ini dapat bermanfaat. Selamat mencoba dan terimakasih.

2 comments:

  1. Salam kenal Gan...! Izin download artikel nya . Menarik sekali..Terimakasih.

    ReplyDelete

Postingan Populer dari blog saya...

Cek artikel terbaru kami yang tidak kalah penting juga...

TUTORIAL Cara Reset Printer Epson L3210 L3250 L5290 Dilengkapi dengan Gambar Pasti Berhasil dilakukan sendiri

Tutorial Cara Reset Printer Epson L3210 L3250 Pasti Berhasil Dilengkapi Dengan Gambar & Pasti Bisa Melakukannya Sendiri Halo teman-teman...