Cara Menambahkan Widget Fanspage Like Pada Blog

Kali ini mimin mau berbagi mengenai Widget Blog, mungkin kalian merasa "kurang enak banget blog gua diliat, polos baget kayanya" dengan cara yang ini mungkin dapat memcahkan masalah kalian, ini widget sepasang sama widget yang sebelomnya mimin pernah share yaitu Cara Menambah Widget Share Artikel Mengambang jadi jika kalian ada pikiran untuk menambahkan widget untuk penampilan blog kalian baca artikel ini sampai selesai ya kawan, jangan dilewatin satu persatu, perhatikan dengan teliti. Sumber : Seocips, seperti yang mimin bahas pada artikel sebelumnya, widget merupakan suatu pelengkap dalam blog yang disediakan oleh Blogger, jadi karena adanya widget kita dapat mudah untuk memasukan sesuatu kedalam blog kita. Pensaran dengan caranya ? Check it out ! ;)

• Pertama, kalian copy code dibawah ini, lalu Paste ke notepad atau disimpan juga tidak apa-apa karena untuk jaga-jaga jika terjadi sesuai dengan blog kita apakah itu banned atau block kan bisa saja. Kalo mau share jangan lupakan sumber ya hehehe.

<style>
/*Fixed Facebook Like Box Seocips*/
.fb-btn-seocips {background:rgba(1, 0, 1, 0.2);margin:0;padding:0;text-align:center;position:fixed;bottom:1%;right:0.5%;z-index:9999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;-moz-animation:atas 10s;-webkit-animation:atas 10s;animation:atas 10s;}
.fb-btn-seocips {padding:5px ;color:#fff;font-size:120%;}
.fb-btn-seocips a:link, .fb-btn-seocips a:visited {color:#ffcc00;}
.fb-btn-seocips a:hover {color:#fff;}
.fb-btn-seocips2{background:rgba(1, 0, 1, 0.3);-moz-animation:kiri 15s;-webkit-animation:kiri 15s;animation:kiri 15s}
.fb-btn-seocips2 {padding:3px ;color:#fff;font-size:120%;}
@-webkit-keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@keyframes atas{
from{transform:translate(0px, -2000px)}
to{transform:translate(0px,0px)}
}
@-webkit-keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
@keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
</style>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.5&appId=1439296419615573";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-btn-seocips">
<div class="fb-btn-seocips2">
<div class="fb-page" data-href="LINK FANSPAGE KALIAN" data-width="200" data-height="125" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="LINK FANSPAGE KALIAN"><a href="LINK FANSPAGE KALIAN">Curut Kota</a></blockquote></div></div>
</div>
</div>

• Lalu, pastekan kode tersebut di Blog kalian, caranya Tata Letak > Tambahkan widget > HTML/Javascript lalu pastekan kode tersebut di kotak "Konten", jangan lupa yang tulisannya Merah itu diganti dengan link atau URL Fanspage kalian masing-masing ya, lalu klik simpan. Dan taraa !

Semoga berhasil dan selamat bersenang-senang dengan widget baru kalian hehehe, jika ingin copas Sertakan sumber ya ;). Jika ada yang membingungkan dan ingin di tanyakan, silahkan taro pertanyaan kalian di kolom komentar ya ;) Free Share, Free Comment.

Cara Menambahkan Widget Fanspage Like Pada Blog

4/ 5

Oleh RUMPIN

Ditulis RUMPIN Pada 12/12/2016 Komentar