Cara memasang Fanspage Google Plus ke Blog - cara membuat widget fanspage Facebook + google plus dan cara memasangnya di Blog blogspot. Widget google plus standar selalu menampilkan teman-teman yang menambahkan anda ke lingkaranya. Berbeda dengan widget Fansepage Google plus yang satu ini.
Jadi Laman atau halaman sendiri adalah salah satu fitur Google plus yang mirip dengan sebuah fans page facebook. Halaman ini biasanya di gunakan untuk mempromosikan sesuatu kepada para pengguna google plus. Semakin banyak vote halaman, maka semakin terkenal pula halaman google plus tersebut. Anda juga bisa membagikan artikel terbaru atau lama anda di halaman google plus ini.
1. Sebelumnya anda harus memiliki fansepage Facebook + Google Plus !!
2. Login dengan akun blog saudara
3. Masuk ke menu TATA LETAK
4. Tambah Gadget, lalu pilih HTML/Javascript
5. Masukan kode di bawa ini:
DEMO:
<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="seocipsglebox">
<div
class="seocipsgle1">
<span class="people">Rhenaldy on</span><div
class="googlewidget"><div class="g-follow"
data-annotation="bubble" data-height="24"
data-href="//plus.google.com/u/0/105331123587240119358"
data-rel="author"></div></div>
</div>
<div
class="seocipsgle2">
<span class="people">Saha Berbagi on</span><div
class="googlewidget"><div class="g-follow"
data-annotation="bubble" data-height="24"
data-href="//plus.google.com/u/0/105331123587240119358"
data-rel="publisher"></div></div>
</div>
</div>
<div
class="seocipsfbox">
<div class="seocipsfb">Saha Berbagi 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/pages/sahaberbagiblogspotcom/1574973616051303"
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="rhenaldytw">Rhenaldy on Twitter</div>
<a
href="https://twitter.com/Rhe_Naldy"
rel="nofollow" class="twitter-follow-button"
data-show-count="true" data-lang="en">Follow @Rhe_Naldy</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>
Keterangan :
- Yang berwarna Merah ganti dengan Nama Fanspage kalian.
- Yang berwarana Hijau atur ukurannya sesuai Keinginan kalian Juga.
- Yang berwarna Biru ganti dengan Link/Url fanspage Kalian Masing masing.
Selamat Mencoba!! SAHA Berbagi...