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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0a24m-yhc9174WUU29bWpog_GVR28Mcm1BlSEmviESFaijv7DSC1LIrhVQ_Em9BJR5N6uZQrUyMYrwOtedr3_LEJABR921PbqMGOy0VfoMo3LkGsZMVO0PiXzp3RcfhWY3BV3MJs72ys/s400/g%252B+softglad.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