G
oogle Plus Activity Widget is a perfect for those who wish to give the users ability to show their Google+ activities on their blogs or websites either on the profile wall or on the sidebar.
The idea of this is very simple. You add this widget by adding the below code given, provide your Google+ user id or page id and that’s it! You decide where to show it. It can be showed both in ‘Content Area’ and ‘Side Bar top’ and ‘Side Bar bottom’. You can decide on how many activities you want to show. The Addon supports advanced caching.This is Third version that i developed the next versions will be posted soon.
Front End Look Like This
- First thing you need to do this goto your google+ profile page or your fan page see the address bar of your browser and find the google+ User Id from the url.
- Then copy the user id from the url and paste in the following User Id box.
- Then copy the code .
- Now Atlast goto Blogger>>Layout>>Add Gadget>>Html/javascript and paste the code.
- If You have any porblem in the code please contact me or comment me.thankyou for using this widget.
Your Google+ User Id* :
<link href="http://googleplus-activity-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js" type="text/javascript">
<link href="http://googleplus-activity-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" /></script><style type="text/css">
/* CSS of Google+ Activity Widget v1.0
Blog : http://www.knocksuperbuzz.blogspot.com
Project: http://code.google.com/p/googleplus-activity-widget/
*/
/* knocksuperbuzz.blogspot.com activity list */
ul.gpaw-body{
font: 100% arial,sans-serif;
padding:0;
margin:0;
overflow:hidden;
position:relative;
background:#000;
color:#fff
}
ul.gpaw-body li{
border-bottom:#666 1px solid;
margin:0 0 4px 0;
padding:4px;
list-style-type:none;
overflow:hidden
}
ul.gpaw-body .thumb{
display:block;
float:right;
margin:0 0 5px 5px
}
ul.gpaw-body .thumb a{
text-decoration:none;
outline:none
}
ul.gpaw-body .thumb img{
border:#666 1px solid
}
ul.gpaw-body .thumb a:hover img{
border:#999 1px solid
}
ul.gpaw-body .title a{
outline:none;
text-decoration:none;
color:#fff
}
ul.gpaw-body .title a:hover {
color:#eee
}
/* meta : date, plusones */
ul.gpaw-body .meta {
color:#ccc;
display:block;
font-size:95%;
margin:5px 0 0;
overflow:hidden;
clear:both
}
ul.gpaw-body .meta a, ul.gpaw-body .meta span{
display:block;
float:left;
padding:0 6px 0 0
}
ul.gpaw-body .meta a{
color:#ccc;
text-decoration:none
}
ul.gpaw-body .meta a:hover{
color:#fff;
text-decoration:none
}
ul.gpaw-body .plusones{
color:#8BA8E2;
font-style: italic
}
ul.gpaw-body .shares{
color:#8BA8E2
}
/* knocksuperbuzz.blogspot.com Fade-out effect with transparent png */
ul.gpaw-body .fade{
background:url(http://googleplus-activity-widget.googlecode.com/svn/v1/fade.png) repeat-x left bottom;
opacity:0.3;
background:expression("");
left: 0;
bottom: 0;
height: 50px;
position: absolute;
width: 100%;
z-index: 10
}
/*knocksuperbuzz.blogspot.com Profile */
.gpaw-profile{
border-top:#444 1px solid;
border-bottom: 1px solid #444;
background:#222;
color:#f1f1f1;
padding:8px;
overflow:hidden
}
.gpaw-profile a.avatar{
display:block;
float:left;
text-decoration:none;
outline:none;
margin:0 10px 0 0
}
.gpaw-profile a.avatar img{
border:#666 1px solid;
display:block
}
.gpaw-profile a.avatar:hover img{
border:#999 1px solid;
display:block
}
.gpaw-profile .name{
font-size:120%;
font-weight:bold;
overflow:hidden;
margin:0 0 8px 0
}
.gpaw-profile a.add{
display:inline-block;
text-decoration:none;
outline:none;
padding:4px 8px;
background-color:#666;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #eee
}
.gpaw-profile a.add:hover{
background-color: #D14836;
border: 1px solid transparent;
color:#fff
}
a.gpaw-info{
border-top:#666 1px solid;
border-bottom:#666 1px solid;
background:#333;
padding:3px;
text-align:right;
font-size:80%;
text-decoration:none;
color:#ccc;
display:none
}
a.gpaw-info:hover{
color:#eee
}/*end of this css code knocksuperbuzz.blogspot.com */
</style>
<script type="text/javascript">
//<![CDATA[
jQuery.fn.googlePlusActivity.defaults.api_key = 'AIzaSyAIRzs0iAQSenDSFzkdmGHyRLvFvzjm98Q';/* knocksuperbuzz.blogspot.com licence api key*/
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($) {
$('#gpaw').googlePlusActivity({
api_key : 'AIzaSyAIRzs0iAQSenDSFzkdmGHyRLvFvzjm98Q'/* knocksuperbuzz.blogspot.com licence api key*/
,user:'106482602555751793707'
,image_width:75
,image_height:75
,body_height:350
});
});
//]]>
</script>
<!-- Insert widget placeholder -->
<script>
<!--
document.write(unescape("%3C%64%69%76%20%69%64%3D%22%67%70%61%77%22%3E%0A%20%20%20%3C%61%20%63%6C%61%73%73%3D%22%67%70%61%77%2D%69%6E%66%6F%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6B%6E%6F%63%6B%73%75%70%65%72%62%75%7A%7A%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%47%6F%6F%67%6C%65%2B%20%41%63%74%69%76%69%74%79%20%57%69%64%67%65%74%3C%2F%61%3E%0A%3C%2F%64%69%76%3E"));
//-->
</script>
Go To previous version
visitors
0 comments:
Post a Comment