Cara Menambahkan Widget Like Artikel Mengambang

Hai sobat Curut Kota ! kali ini mimin kembali dengan membawa sesuatu yang mungkin sedang dibutuhkan oleh kalian. Kali ini mimin mau nulis artikel tentang "Cara Menambahkan Widget Share Artikel Mengambang" seperti pada gambar disamping yang telah mimin sisipi. Sumber : Seocips. Kali ini mimin bakal kasih kalian source code nya beserta cara pemasangannya untuk Curut Kota sejati hehehe. Widget yang disediakan oleh Blogger bertujuan untuk mempemudah para penggunanya untuk menginput code yang ingin di masukan ke dalam blog mereka masing-masing. Biasanya widget sendiri bawaan dari template yang kita pasang kepada blog kita. Jadi, jika kita mengerti mengenai CSS dan Javascript, mungkin juga HTML kita dapat menentukan desain atau style dari blog kita masing-masing. Okedeh, kalo begitu mimin langsun aja ke Topik utama artikel ini hehehe.

Bahan-bahan yang kalian butuhkan untuk menambahkan widget ini adalah Source Code yang akan mimin kasih nanti dibawah.

• Copy code ini lalu simpan di notepad kalian jika mau sebagai koleksi apabila blog kalian mengalami Banned atau sejenisnya.

<style>
#seocipssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#2c4584;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id='seocipssharebtn' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
</div>

• Pastekan code yang tadi kalian sudah copy di widget HTML/Javascript tanpa memberikan judul / nama widget. Caranya Tata Letak > Tambah Gadget > HTML/Javascript. Lalu Pastekan code sobat di kotak "Konten" lalu klik simpan. Silahkan liat blog kalian masing masing.

Sekian yang dapat mimin sampaikan, semoga bermanfaat bagi kalian semua dan bagi mimin sendiri, tinggalkan jejak dengan meninggalkan komentar di kolom komentar. Plis share artikel ini ke kerabat dan teman-teman kalian. Silahkan Copas asal Terapkan sumber di blog kalian hehehe :D

Cara Menambahkan Widget Like Artikel Mengambang

4/ 5

Oleh RUMPIN

Ditulis RUMPIN Pada 12/11/2016 Komentar