Memasang Profil Google + Pengunjung pada Blog

Saturday, September 14, 2013

Pengunjung merupakan topik awal yang perlu dipikirkan oleh pemilik situs-situs. Sebab karena pengunjunglah blog/web kita terkenal bahkan meningkatkan pagerank (misterius). Salah satu yang bisa diterapkan untuk menarik pengnjung betah dalam blog kita adalah redesign blog Anda semaksimal mungkin dalam tampilan yang menarik.

Profil Google + Pengunjung pada Blog

Live Demo

Tampilan ini tidak terlalu menjanjikan akan sebuah perkembangan, akan tetapi minimal pengujung langsung terpotret otomatis dalam blog kita. Gak Percaya...???

/* profil googlePlus */
#googlePlus {
  background-color:transparent;
  position:absolute;
  height:80px;
  width:80px;
  visibility:hidden;
  z-index:100;
  border-radius:3px;
  -moz-border-radius:3px;
  padding:5px 3px 5px 2px;
  -moz-opacity:0.63;
  filter:alpha(opacity=63);
  opacity:0.63;
}

#googlePlus a img {
  border-radius:4px;
  display:block;
  float:left;
  margin:0 15px 0 0;
  opacity:1.0;
  filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=1,sizingMethod='auto expand');
  zoom:1;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  -webkit-transition:all 0.8s ease-out;
  -ms-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}

#googlePlus img:hover {
  opacity:0.5;
  filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
  zoom:1;
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}

<script type='text/javascript'>
cikiciuw=document.getElementById("googlePlus")
cikiciuw.innerHTML='<a rel=nofollow href="https://plus.google.com/116099308895340121198" target="_blank"><img src="https://profiles.google.com/s2/photos/profile/me" width="80" height="80"  title="Terima kasih telah mampir pada blog jelek ini...!!!" onmouseover="javascript:hover()" onmouseout="javascript:logo()"></a>'
function logo(){cikiciuw.getElementsByTagName("img")[0].src="https://profiles.google.com/s2/photos/profile/me"}
function hover(){cikiciuw.getElementsByTagName("img")[0].src="https://idtutorplus.96.lt/itp/imges/logo.png"}
</script>
<script type='text/javascript'>
//<![CDATA[
startX=parseInt(screen.width/2)-658;startY=parseInt(screen.height/2)-110;function iecompattest(){return(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body}function staticbar(){ns=(navigator.appName.indexOf("Netscape")!=-1)||window.opera;d=document;el=d.getElementById("googlePlus");barheight=el.offsetHeight;function ml(id){el.style.cssText="visibility:visible;width:80px";if(d.layers){el.style=el}el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px"};el.y=ns?pageYOffset+innerHeight:iecompattest().scrollTop+iecompattest().clientHeight;el.x=startX;el.y-=startY;return el}window.stayTopLeft=function(){var pY=ns?pageYOffset+innerHeight-barheight:iecompattest().scrollTop+iecompattest().clientHeight-barheight;ftlObj.y+=(pY-startY-ftlObj.y)/8;ftlObj.sP(ftlObj.x,ftlObj.y);setTimeout("stayTopLeft()",10)};ftlObj=ml("googlePlus");stayTopLeft()}if(window.addEventListener){window.addEventListener("load",staticbar,false)}else{if(window.attachEvent){window.attachEvent("onload",staticbar)}else{if(document.getElementById){window.onload=staticbar}}};
//]]>
</script>

<div id='googlePlus'>
 <img alt='cikiciuw' height='80' src='https://profiles.google.com/s2/photos/profile/me' width='80'/>
</div>

Silakan ganti yang ditandai diatas dengan Profil Google+ dan foto Anda.

Pasang Iklan Anda di Sini

Pasang Iklan Anda di Sini