13 November 2018

Tutorial Menampilkan Halaman Facebook Dan Twitter Pada Blog.


Saya akan mencoba share bagaimana menampilkan halaman facebook dan twitter di blog anda yang saya dapatkan dari hasil searching google, dan akhirnya pilihan saya ke blog sanjaya

Langkah Pertama.

  • Silahkan anda login ke https://www.blogger.com/
  • lalu login dan pilih tata letak pada sebelah kanan blogspot anda.
  • Masukkan kode HTML dibawah ini 


Silahkan Copy Kode HTML ini ke blog anda :

<style type="text/css" scoped="">
.seocipsglebox { width:280px; background:#333; margin:0 auto; padding:10px 0 10px 20px; border-bottom:1px solid #1e1e1e; }
.seocipsgle1,.seocipsgle2 { margin-top:5px; }
.people { float:left; margin-top:3px; font-weight:bold; color:#fff; }
.googlewidget { margin-left:120px; }
.seocipsfbox { width:260px; background:#333; padding:10px 20px; margin:0 auto; text-align:left; border-top:1px solid #454444; border-bottom:1px solid #1e1e1e; }
.twitter-box { width:260px; background:#333; padding:10px 20px; margin:0 auto; text-align:left; border-top:1px solid #454444; }
.seocipsfb,.seocipstw { font-weight:bold; margin-bottom:5px; color:#fff; }
</style>
<div class="seocipsgle2">
    <span class="people">Info</span><div class="googlewidget"><div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/u/0/communities/102576803816343773336" data-rel="publisher"></div></div>
</div>
<div class="seocipsfbox">
    <div class="seocipsfb">Wisata Dunia</div>
<div style="background:#efefef;border:1px solid #ccc;border-radius:3px;padding:5px;"><div class="fb-like-box" data-href="https://www.facebook.com/2013448548947727" data-rel="nofollow" data-width="232" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div></div>
    </div>
<div class="twitter-box">
    <div class="seocipstw">yull hartono on Twitter</div>
<a href="https://twitter.com/yullhartono" rel="nofollow" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @yullhartono</a>
    </div>
<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&appId=483767385088491&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/></script>
<a href='http://sanjaya-dot-net.blogspot.co.id/2016/12/cara-membuat-gadget-facebook-twitter.html' target='_blank'>:: Get this widget !:</a>

Note : Ganti Kode warna kuning dengan kode Facebook, Google plus dan Twitter anda.

Berikut hasilnya :


Demikian sekilas tutorial menampilkan halaman facebook dan twitter pada blog. Semoga membatu.

Load disqus comments

0 komentar