Memasang Tombol Share +1 | Tutorial Blog

Langsung saja Sob, berikut cara pasang tombol share G+1 :

Login ke Blogger
Klik Tata Letak > Tambah Gadget.
Lalu pilih Tombol +1.
Save dan lihat hasilnya.

Untuk Memasang Widget Google Plus melayang (floating), silakan ikuti tutorial berikut :

Login ke Blogger
Klik Template > Edit HTML.
Klik Lanjutkan.
Beri centang pada Expand Template Widget.
Cari kode </head> lalu letakkan kode berikut diatasnya.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
untuk Blog berbahasa indonesia gunakan kode berikut.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">

{lang: 'id'}

</script>
Cari kode ]]></b:skin>, lalu letakan kode berikut diatas kode ]]></b:skin>.

#g_one { position:fixed;_position:absolute; bottom:0px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Selanjutnya cari kode </body> dan letakkan kode berikut di atasnya :

<div id='g_one'>
<g:plusone size='tall'/>
</div>
Terakhir klik Simpan Template dan lihat hasilnya di blog sobat.

Segitu aja Sob, semoga bermanfaat...

Backlink here..

<div style="text-align: left;">
Langsung saja Sob, berikut cara pasang tombol share G+1 :</div>
<ul>
<li>Login ke Blogger</li>
<li>Klik <span style="color: red;"><b>Tata Letak</b></span> > <b><span style="color: red;">Tambah Gadget</span></b>.</li>
<li>Lalu pilih <span style="color: red;"><b>Tombol +1</b></span>.<a href="http://www.blogger.com/blogger.g?blogID=2754484828830750862" name="more"></a><br />
<img alt="Memasang Tombol Share +1" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/G1.gif" /></li>
<li><b><span style="color: red;">Save</span></b> dan lihat hasilnya.</li>
</ul>
<div style="text-align: left;">
Untuk Memasang Widget Google Plus melayang (floating), silakan ikuti tutorial berikut :</div>
<ul>
<li>Login ke Blogger</li>
<li>Klik <span style="color: red;"><b>Template</b></span> > <b><span style="color: red;">Edit HTML</span></b>.<br />
<img alt="Memasang Tombol Share +1" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/G3.gif" /></li>
<li>Klik <span style="color: red;"><b>Lanjutkan</b></span>.<br />
<img alt="Memasang Tombol Share +1" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/G4.gif" /></li>
<li>Beri centang pada <span style="color: red;">Expand Template Widget</span>.<br />
<img alt="Memasang Tombol Share +1" border="0" src="http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/G5.gif" /></li>
<li>Cari kode <span style="color: red;"></head></span> lalu letakkan kode berikut diatasnya.<br />
<div style="background: #bbddff; border: 2px inset#00f;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/></div>
untuk Blog berbahasa indonesia gunakan kode berikut.<br />
<div style="background: #bbddff; border: 2px inset#00f;">
<div>
<span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></i></span></div>
<div>
<span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i>  {lang: 'id'}</i></span></div>
<div>
<span class="Apple-style-span" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i></script></i></span></div>
</div>
</li>
<li>Cari kode <span style="color: red;">]]></b:skin></span>, lalu letakan kode berikut diatas kode <span style="color: red;">]]></b:skin></span>.<br />
<div style="background: #bbddff; border: 2px inset#00f;">
#g_one { position:fixed;_position:absolute; bottom:0px; right:0px; 
clip:inherit; _top:expression(document.documentElement.scrollTop+ 
document.documentElement.clientHeight-this.clientHeight); 
_left:expression(document.documentElement.scrollLeft+ 
document.documentElement.clientWidth - offsetWidth); }</div>
</li>
<li>Selanjutnya cari kode <span style="color: red;"></body></span> dan letakkan kode berikut di atasnya :<br />
<div style="background: #bbddff; border: 2px inset#00f;">
<div id='g_one'><br />
<g:plusone size='tall'/><br />
</div></div>
</li>
<li>Terakhir klik <span style="color: red;"><b>Simpan Template</b></span> dan lihat hasilnya di blog sobat.</li>
</ul>
<div style="text-align: left;">
Segitu aja Sob, semoga bermanfaat...</div>
<br/> Sumber:
      <a href='http://trikmasdewa.blogspot.com/2013/03/memasang-tombol-share-1-tutorial-blog.html'>
Koleksi Mas Dewa
</a>

Memasang Tombol Share +1 | Tutorial Blog

Written By Unknown on Selasa, 12 Maret 2013 | 22.49

0 komentar:

Followers

Test Footer

Link Sahabat Mas Dewa

Flag Counter