Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.
Pada Artikel kali ini kita akan membahas Cara Memasang Social Bookmarks Keren di Blog, Postingan ini masih berhubungan dengan Artikel Widget.
Cara memasang widget google plus twitter dan fanspage fb di blog - Sebelumnya saya sudah menbagikan artikel mengenai cara memasang fanspage facebook di blog, maka pada kesempatan kali ini saya akan membagikan tutorial mengenai cara memasang social bookmarks di blog. Seperti yang kita ketahui, memasang sosial bookmark di blog sangatlah penting mengingat pengguna sosial media dari hari ke hari terus bertambah. Dengan menggunakan sosial bookmark ini, maka kita selaku para blogger dapat memberikan kesempatan para pengguna sosial media itu sendiri untuk dapat berinteraksi langsung dengan kita menggunakan situs media sosial.
Selain karena alasan di atas, kita juga dapat meningkatkan trafik pengunjung blog kita melalui media sosial itu sendiri sesuai yang di gunakan oleh para penggunanya. Jadi lumayan kan, selain kita mendapatkan trafik dari search engine kita juga bisa memanfaatkan keberadaan situs-situs media sosial itu sendiri untuk meningkatkan trafik blog kita. Baiklah tanpa banyak prolog lagi, bagi anda yang ingin menampilkannya di blog milik sobat, sobat bisa langsung mengikuti langkah-langkah di bawah ini. Untuk hasil dari pemasangan tutorial kali ini bisa anda lihat seperti gambar di bawah ini.
2. Selanjutnya silahkan sobat masuk ke halaman tata letak --> add gadget --> HTML
3. Selanjutnya silahkan masukkan kode di bawah ini ke dalamnya.
Keterangan :
Silahkan ganti kode-kode di bawah ini dengan Username/ ID anda masing-masing.
Itulah di atas cara untuk cara memasang social bookmarks keren di blog. Bagi anda yang memiliki pertanyaan seputar tutorial di atas silahkan tinggalkan komentar ya. Terimakasih telah membaca artikel di atas. Semoga bermanfaat :)
Pada Artikel kali ini kita akan membahas Cara Memasang Social Bookmarks Keren di Blog, Postingan ini masih berhubungan dengan Artikel Widget.
Cara Memasang Social Bookmarks Keren di Blog
Advertisement
Selain karena alasan di atas, kita juga dapat meningkatkan trafik pengunjung blog kita melalui media sosial itu sendiri sesuai yang di gunakan oleh para penggunanya. Jadi lumayan kan, selain kita mendapatkan trafik dari search engine kita juga bisa memanfaatkan keberadaan situs-situs media sosial itu sendiri untuk meningkatkan trafik blog kita. Baiklah tanpa banyak prolog lagi, bagi anda yang ingin menampilkannya di blog milik sobat, sobat bisa langsung mengikuti langkah-langkah di bawah ini. Untuk hasil dari pemasangan tutorial kali ini bisa anda lihat seperti gambar di bawah ini.
Cara Memasang Social Bookmarks di Blog
1. Pertama silahkan sobat masuk ke halaman blog sobat2. Selanjutnya silahkan sobat masuk ke halaman tata letak --> add gadget --> HTML
3. Selanjutnya silahkan masukkan kode di bawah ini ke dalamnya.
<style type="text/css" scoped="">
.siabdiglebox { width:280px; background:#333; margin:0 auto; padding:10px 0 10px 20px; border-bottom:1px solid #1e1e1e; }
.siabdigle1,.siabdigle2 { margin-top:5px; }
.people { float:left; margin-top:3px; font-weight:bold; color:#fff; }
.googlewidget { margin-left:120px; }
.siabdifbox { width:260px; background:turquoise; 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; }
.siabdi,.siabditw { font-weight:bold; margin-bottom:5px; color:#fff; }
</style>
<div class="siabdiglebox">
<div class="siabdigle1">
<span class="people">Siabdi on</span><div class="googlewidget"><div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/u/0/104527979197381087968" data-rel="author"></div></div>
</div>
</div>
<div class="twitter-box">
<div class="siabdi">Siabdi on Twitter</div>
<a href="https://twitter.com/Abdi_Negaraa" rel="nofollow" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @Abdi_Negaraa</a>
</div>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/></script>
<div class="siabdifbox">
<div class="siabdifb">Siabdi on Facebook</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/fansiabdi" 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 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>
Keterangan :
Silahkan ganti kode-kode di bawah ini dengan Username/ ID anda masing-masing.
- 104527979197381087968 ganti dengan ID google+ anda
- https://twitter.com/Abdi_Negaraa ganti dengan alamat twiter anda
- @Abdi_Negaraa ganti dengan Username Twitter anda
- https://www.facebook.com/fansiabdi danti dengan Username Fanspage anda
Itulah di atas cara untuk cara memasang social bookmarks keren di blog. Bagi anda yang memiliki pertanyaan seputar tutorial di atas silahkan tinggalkan komentar ya. Terimakasih telah membaca artikel di atas. Semoga bermanfaat :)
EmoticonEmoticon