PDA

View Full Version : Show Thread Enhancements - Google +1 Button for vBulletin


togebi33
06-01-2011, 10:00 PM
Hello friends, Google created a new system of turkey today started to use vBulletin's how to add Google button and +1 +1 Button will tell you what it does.

+1 According to the statement on the Google button:


The +1 button is shorthand for "this is pretty cool" or "you should check this out."
Click +1 to publicly give something your stamp of approval. Your +1's can help friends, contacts, and others on the web find the best stuff when they search.

Currently available for English searches on Google.com (http://www.google.com/).


See +1's

Sometimes it?s easier to find exactly what you?re looking for when someone you know already found it. Get recommendations for the things that interest you, right when you want them, in your search results.
The next time you?re trying to remember that bed and breakfast your buddy was raving about, or find a great charity to support, a +1 could help you out. Just make sure you're signed in to your Google Account.
Show +1's

In order to +1 things, you first need a public Google profile. This helps people see who recommended that tasty recipe or great campsite. When you create a profile, it's visible to anyone and connections with your email address can easily find it.
Your +1?s are stored in a new tab on your Google profile. You can show your +1?s tab to the world, or keep it private and just use it to personally manage the ever-expanding record of things you love around the web.


Demo : vBulletin 4x i?in Google +1 Butonu (http://forum.saygisiz.com/40-tema-editlemeleri-249/94989-vbulletin-4x-icin-google-1-butonu.html)

Please read the following description to be able to integrate vBulletin site, a very simple

Installation:

open Postbit_Legacy template

Find Code:

{vb:raw post.message}Add Below

<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>or show only first post
<vb:if condition="$post[postcount] == 1">
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>
</vb:if>

or next to facebook like button

open facebook_likebutton templete and Add code to the top or the bottom

Click (http://forum.saygisiz.com/40-tema-editlemeleri-249/94989-vbulletin-4x-icin-google-1-butonu.html) for the Turkish version of this topic

iHatton
06-02-2011, 04:51 PM
Tagged, will be installing soon, thanks!

eternal_
06-02-2011, 05:55 PM
is there any way to put it at the beginning or end of a thread. Having at the end in each person's post is too much. Doesn't look good.

togebi33
06-02-2011, 07:16 PM
is there any way to put it at the beginning or end of a thread. Having at the end in each person's post is too much. Doesn't look good.

first post added

salvino
06-03-2011, 07:54 AM
How do I install +1 next to like facebook?

togebi33
06-03-2011, 12:55 PM
How do I install +1 next to like facebook?

first post added

Brandon Sheley
06-03-2011, 01:11 PM
thanks for the info, I'll check it out

/me tags

Juggernaut
06-05-2011, 08:15 PM
This works perfect in blogs, but I seem to get the exclamation park whenever I try to use this button in the threads, I have it installed next to the facebook like button.

tpearl5
06-09-2011, 02:07 PM
I found that putting this right after </iframe> in facebook_likebutton positions it nicely to the left of the fb like button:

<div align="right" style="position:relative; left:25px; top:-17px"><g:plusone></g:plusone></div>

example: http://nikonites.com/weekly-photo-challenges/2938-weekly-challenge-june-8-15-flowers-twist.html

isg22
06-20-2011, 08:58 PM
i added the plus 1 button on VB 4.1.2 but it didn't work???

DNN
06-26-2011, 02:17 AM
Just added +1 and it's sitting pretty. Thank you so much for this quick and helpful online tutorial! =)

Gn_Snake
06-29-2011, 07:40 AM
Thanks Togebi33, for this quick and helpful tutorial

hivitro
06-30-2011, 08:52 AM
Very simple, i will try

Macgiber
07-13-2011, 10:22 PM
will be installing 4.1.4

appsfinder
07-15-2011, 06:41 AM
Hi where do i find code facebook like button

I found that putting this right after </iframe> in facebook_likebutton positions it nicely to the left of the fb like button:

<div align="right" style="position:relative; left:25px; top:-17px"><g:plusone></g:plusone></div>

example: http://nikonites.com/weekly-photo-challenges/2938-weekly-challenge-june-8-15-flowers-twist.html

setishock
07-16-2011, 08:12 PM
How do you install this in 4.1.2 postbit?

lovecraft22
08-14-2011, 09:47 PM
Any way to have this integrated on the pop up that comes out when you clic on "share" function provided by the latest version (3.6.0) of vbseo?

Thank you!

basilrath
08-15-2011, 07:27 AM
How do you install this in 4.1.2 postbit?

Find template: postbit.css

Add css values

/* google plus one button*/
#plus-one {
top:65px;
right:-20px;
position:absolute;
}
/* google plus one button*/


postbit_legacy template find:

{vb:raw ad_location.thread_first_post_content}


add after:

<vb:if condition="$post[postcount] == 1">
<div id="plus-one">
<g:plusone></g:plusone>
</div>
</vb:if>


obviously change parameters to suit your style although it maybe ok ............

youl see it on my site

www.tabletennistalk.co.uk

vb50kgpoo
08-15-2011, 10:40 AM
Sorry, the instructions are not easy to follow. I gave up trying to do this after 30 minutes.

vb50kgpoo
08-15-2011, 12:32 PM
PS

I installed this which is much better IMHO as easier and with more submits;
https://vborg.vbsupport.ru/showthread.php?t=266159&highlight=bookmark+share

ngphuc2k
08-24-2011, 07:31 AM
I would add google + button for title CMS Vbulletin.
Help me

Gn_Snake
08-30-2011, 11:39 AM
The button has stopped working, perhaps with the upgrade vbulletin?

I have 4.1.5 patch level 1

doctorsexy
09-06-2011, 06:18 PM
Working on my 4.1.5

sevak
02-03-2012, 08:28 AM
done as you mentioned below [title] in postbit_legecy i paste the link but nothing happened...:(

Toorak Times
02-06-2012, 05:16 PM
Thanks mate, worked a treat! Sent my first G+ straight away

Mopar1973Man
03-27-2012, 10:51 PM
I put a slight twist on this to fit vB 4.1.11

First off the css...

Find the postbit.css template

Find this line...

/* CSS Document */

Add below...


/* google plus one button*/
#plus-one {
float: right;
top: -5px;
position: relative;
}


Then go find the postbit template.

Find...

<vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}

Below...


<vb:if condition="$post['isfirstshown']">
<div id="plus-one"><g:plusone></g:plusone></div>
</vb:if>


This will produce a single Google +1 tag on the first post.

https://vborg.vbsupport.ru/external/2012/03/9.jpg

Basically the same thing but slightly tweaked...:D

parveznpt
10-25-2012, 10:03 AM
Thanks...............Brother

https://vborg.vbsupport.ru/attachment.php?attachmentid=141975&stc=1&d=1351163510
http://www.pakians.com/forum.php

JAFRI
10-31-2012, 02:08 PM
nice work...



<div style="float: right; padding: 0px 0px 0px 0px;">
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone></div>

and this too.


.bbcode_container {
margin: 30px 20px 20px;
}