Wednesday, July 31, 2013

Membuat Google + Followers Box Melayang Disamping Blog






Assalamualaikum jika pada postingan sebelumnya saya share mengenai cara membuat twitter melayang diblog maka berbeda halnya dengan ini pada postingan ini saya akan share mengenai cara membuat Google + melayang untuk blog seperti twitter box kemaren jika sobat berminat menggunakannya sobat bisa ikuti langkah dibawah ini..

Masuk blog sobat
Pilih menu tata letak/add gadged
Pilih html javascript
Jika sudah lansung letakan kode dibawah ini pada box yang tersedia




 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript"> 
//<!-- 
$(document).ready(function() 
{$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .gplusbox{ background: url("http://4.bp.blogspot.com/-okzPzWuiDGg/UMOGvgAcgAI/AAAAAAAABpQ/8Q8oTKkyA6Q/s400/g%252B%2Bsoftglad.png") no-repeat scroll left center transparent !important; display: block; float: right; height: 275px; padding: 0 0px 0 46px; width: 325px; z-index: 99999; position:fixed; right:-330px; top:20%; } .gplusbox div{ padding: 8px; background: white; border: 2px solid #D64937; border-radius: 15px; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } </style> <div class="gplusbox"><div> <div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/u/0/113722753656632606178/" data-source="blogger:blog:followers" data-width="320"> </div> <script type="text/javascript"> (function() { window.___gcfg = {'lang': 'en'}; var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div></div>

silahkan ganti URL Google Plus saya diatas dengan URL Google plus agan jika sudah simpan template agan dan lihat hasilnya,,semoga bermanfaat...

0 comments:

Post a Comment