aLdyputRa
  • HOME
  • CERITA
  • GADGET
  • FOTOGRAFI
  • OPERATOR SELULAR
  • OTOMOTIF
  • SEO
  • YOUTUBE
  • Kerjasama
    Paid ReviewContent Placement
  • Guest Blogger

Share

Reply

  • 0

Home » Tips And Trik » Membuat Tombol Share Floating Di Samping Blog

Membuat Tombol Share Floating Di Samping Blog

Januari 21, 2013

Membuat Tombol Share Floating Di Samping BlogMembuat Tombol Share Floating Di Samping Blog – Kesempatan kali ini saya akan memberikan sedikit artikel mengenai dunia blogging. Setelah beberapa waktu yang lalu saya memberikan sebuah artikel mengenai Kategori Foto Dalam Dunia Fotografi kali ini saya akan memberikan sedikit informasi lainnya mengenai bagaimana sebenarnya cara untuk Membuat Tombol Share Floating Di Samping Blog.

Tombol Share merupakan salah satu cara untuk meningkatkan trafik blog dengan menshare ke berbagai social network maka akan mendatangkan banyak pegunjung kedalam situs kita melalui yang orang lain share dijejaring sosialnya.Memang sudah banyak yang memberikan artikel seperti ini, namun apa salahnya saya coba memberikan kembali untuk sahabat – sahabat semuanya.

Baiklah,daripada saya terlalu lama berbasa- basi tidak jelas lebih baik langsung saja saya berikan caranya. Silahkan di simak baik baik ya apa yang saya berikan untuk teman – teman semuanya.

Membuat Tombol Share Floating

Berikut ini adalah cara  untuk Membuat Tombol Share Floating Di Samping Blog dengan menggunakan blogspot :

  • Login ke blogspot.
  • Pilih template.
  • Edit HTML.
  • Cari kode ini <head>
  • Copy kode ini di tepat dibawahnya : <script src=’https://apis.google.com/js/plusone.js’ type=’text/javascript’/>
  • Save kemudian close.
  • Kemudian pilih Layout.
  • Add a gadget.
  • Pilih opsi HTML/Javascript.
  • Kemudian copy paste code ini
<!-- Floating social media buttons by www.howbler.com --><style>
#floatingbuttons{background:#295698;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3980E6), color-stop(1, #295698));background:-moz-linear-gradient(top, #3980E6, #295698);border:1px solid #1E4A8A;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style>
<div id='floatingbuttons' title="Share this post!"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.col/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div><div class='floatbutton' id='twitter'><a target="_blank" href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div>
  • Save

Bagaimana ?? Mudah bukan ?? Untuk yang menggunakan wordpress langkahnya sama saja, namun untuk penempatan dibawah <head> ada berada pada file header.php yang ada di bagian Appearance dashboard wordpress teman – teman semuanya. Mungkin sekian dulu informasi sederhana yang dapat saya berikan,semoga teman – teman menjadi tahu bagaimana cara untuk Membuat Tombol Share Floating Di Samping Blog.

« Kategori Foto Dalam Dunia Fotografi
Cara Membuat Random Ads Di WordPress »

BACA JUGA

  • HP Tidak Bisa Terima SMS dan Telepon? Ini Solusi Untuk Kalian!
  • Mau Blokir Nomor Telepon Yang Mengganggu? Gunakan Cara Ini!
  • Penggunaan Shortcut Excel Untuk Mempercepat Proses Kerja
  • Membuka Link Tautan Menuju Tab Baru Secara Otomatis di WordPress!
  • Cara Menghilangkan Karat Pada Besi Dengan 7 Langkah Ini
  • Cara Menampilkan Rating Bintang di Hasil Pencarian Google
  • Cara Mengatasi Font Powerpoint Berubah di Komputer Lain
  • Duplikat Konten: Pengertian, Cara Mengecek dan Solusinya
  • Cara Membuat Daftar Isi di Artikel Blog WordPress Kalian!
  • Melihat Pesan Whatsapp Yang Dihapus Itu Mudah Kok. Begini Caranya!

HP Tidak Bisa Terima SMS dan Telepon? Ini Solusi…

aLdyputRa
Okt 7, 2020 2 min read

Mau Blokir Nomor Telepon Yang Mengganggu? Gunakan Cara Ini!

aLdyputRa
Sep 14, 2020 2 min read

Penggunaan Shortcut Excel Untuk Mempercepat Proses Kerja

aLdyputRa
Jul 2, 2020 2 min read

Membuka Link Tautan Menuju Tab Baru Secara Otomatis di…

aLdyputRa
Jun 16, 2020 1 min read

Cara Menghilangkan Karat Pada Besi Dengan 7 Langkah Ini

aLdyputRa
Jun 5, 2020 2 min read

Cara Menampilkan Rating Bintang di Hasil Pencarian Google

aLdyputRa
Mei 25, 2020 1 min read

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

© Copyright aLdyputRa | Facebook | Instagram | Youtube

Blogger Services - Jasa - Kontak - Kebijakan Privasi - Sitemap - Tentang