Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Pinterest Sharing System by BOP5 for VB 3.8 & VB 4.x! (Pinterest Pin Button Mod) Details »»
Pinterest Sharing System by BOP5 for VB 3.8 & VB 4.x! (Pinterest Pin Button Mod)
Mod Version: 1.04, by BirdOPrey5 (Moderator) BirdOPrey5 is offline
Developer Last Online: Aug 2014 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (15 votes - 4.93 average) Installs: 95
Released: 12 Apr 2012 Last Update: 03 Jun 2012 Downloads: 372
Supported Uses Plugins Auto-Template Translations External Content  

Brought to you by BirdOPrey5
www.Qapla.com


A BIG Thank You to all for voting this May 2012 Mod of the Month!

Version 1.04 - Added showpost compatibility
Version 1.01 - Compatibility fix for dbtech Advanced Thanks/Like mod
Version 1.0 - Initial (Non-Beta) Release

This mod is compatible with all VB 3.8 and 4.x versions released to date. It has been tested on VB 3.8.7, VB 4.1.11, and VB 4.2.0 and should work on older and newer versions as well.

Live Demos:
VB4 Demo: Pinterest Share Demo at Qapla.com
VB3 Demo: Pinterest Share Demo Thread - JUOT - Joe's Ultimate Off Topic

Pinterest is the next big thing in Social Media. It offers a very intuitive and friendly interface for users to share the things they like, use, and appreciate.

Unlike with Facebook or Twitter Pinterest absolutely requires some sort of visual representation of what you are sharing- this takes the form of a thumbnail image of a larger image or a thumbnail of a video.

Previously even if you could incorporate the Pinterest Pin button code into vBulletin there was no way to associate a unique image with every post.

This mod will search east post for any of the following. Priority is given to higher ranked items. The first instance of the first item type found will become the thumbnail sent to Pinterest. Each item can be enabled or disabled from the mod settings.

1) First it will look for YouTube videos. (Either embedded with [VIDEO] BBCode OR regular YouTube links OR YouTube videos embedded with the AME mod.

2) If no YouTube video is found it will next look for links to any external images. These are images that use the [IMG] BBCode.

3) If no external images are found it will look for any inline attachments. In the settings you can specify whether it should share the full sized attached image or only the thumbnail. Guests must have permission to download attachments or to see thumbnails for this option to work.

4) If none of the above find anything the mod can use this option will use avatar of the poster as the thumbnail sent to Pinterest.

5) If the user has no avatar as a last resort you can specify a link to a default forum image (perhaps the forum logo?) that will be submitted as the thumbnail.

Pinterest will not accept any Pins that do not contain a valid, guest accessible, image thumbnail.

You can choose the default description text. You can take text from the post itself, the thread title, or the forum META description. In any case the user always has the option to edit the description before submitting it to Pinterest.

The mod also contains a number of settings that allow you to choose how you want the Pinterest button to look, where you want it, and other basics such as what forums, styles, or usergroups to disable but button for or in.

The mod uses auto template edits for basic use however power-users will want to opt for the manual template edits (explained below) for even better customization and positioning of the Pinterest Pin Button.

Known Issues:
Using the recommended locations and settings the mod is working well on VB 3.8 and VB 4.x as you can see in the demo links above. However adding the Pinterest button causes some visual changes in some browsers.

For example in VB 4 with Chrome browser if you quick-edit a post with the Pinterest button the editor toolbar is pushed down lower than normal. Everything works it's just different than you are used to. In Firefox however the editor toolbar looks fine.

In VB 3 in the post message area location the "numbers" from the pin button are outside the border of the main table. This is somewhat on purpose- I think having the count outside the box draws more attention to them. Unfortunately if you don't like that all I can suggest is to disable the count completely because I am not a style expert. You are free however to do the manual template edit including in the instructions (and below) to find the perfect spot for your Pin button on your style(s).

Please Mark as Installed if you use this.
Donations Always Appreciated.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	pinterest_pin_settings_free.jpg
Views:	439
Size:	104.1 KB
ID:	137699Click image for larger version

Name:	pinterest_pin_vb3_post.jpg
Views:	1739
Size:	123.6 KB
ID:	137700Click image for larger version

Name:	pinterest_pin_vb4_post.jpg
Views:	1158
Size:	91.4 KB
ID:	137701

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
  #31  
Old 15 Apr 2012, 18:01
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
No it won't work once per thread because Pinterest is designed for sharing media and that is usually specific to posts.

If you wanted to show it only on the first post though you could edit the "Pin button in Posts" plugin and find the code:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and change it to:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
-Joe (@BirdOPrey5)
Qapla.com - Exclusive VB Mods! | Joe's Ultimate Off Topic | My Free VB "Mods"
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #32  
Old 15 Apr 2012, 19:59
tpearl5's Avatar
tpearl5 tpearl5 is offline
 
Join Date: Nov 2001
Real name: John
It just seems like making a call x number of threads to pinterest would add a lot of calls to every thread page load.

Thanks Joe!
Reply With Quote
  #33  
Old 15 Apr 2012, 20:12
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Actually the javascript loads only once per page. The "calls to pinterest" are just images and once an image is downloaded once the browser doesn't re-download it again anyway. They design it so you can use multiple buttons on one page.
__________________
-Joe (@BirdOPrey5)
Qapla.com - Exclusive VB Mods! | Joe's Ultimate Off Topic | My Free VB "Mods"
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #34  
Old 15 Apr 2012, 20:33
pete_brady pete_brady is offline
 
Join Date: Mar 2002
any easy way to move the button down to beside the quote / multiquote links?
__________________
thumped.com
Reply With Quote
  #35  
Old 15 Apr 2012, 20:40
tpearl5's Avatar
tpearl5 tpearl5 is offline
 
Join Date: Nov 2001
Real name: John
Originally Posted by BirdOPrey5 View Post
Actually the javascript loads only once per page. The "calls to pinterest" are just images and once an image is downloaded once the browser doesn't re-download it again anyway. They design it so you can use multiple buttons on one page.
Right, I meant the call to get the pin count, which isn't a very large file anyway (0.4kb)

Any idea on how to move the button up next to the post title?
Reply With Quote
  #36  
Old 15 Apr 2012, 20:58
tpearl5's Avatar
tpearl5 tpearl5 is offline
 
Join Date: Nov 2001
Real name: John
fyi, you should consider moving the default location anyway since quotes can hide it. For example:
http://nikonites.com/photo-critique/...html#post12524
Reply With Quote
  #37  
Old 15 Apr 2012, 21:31
tpearl5's Avatar
tpearl5 tpearl5 is offline
 
Join Date: Nov 2001
Real name: John
nevermind, I moved it by adding position:relative; top:-35px; to the div to make it:

<div style="position:relative; top:-35px; float: {vb:raw boppin.lorr}; padding-{vb:raw boppin.rorl}: 2px;">"
Reply With Quote
  #38  
Old 15 Apr 2012, 23:37
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Originally Posted by pete_brady View Post
any easy way to move the button down to beside the quote / multiquote links?
Originally Posted by tpearl5 View Post
nevermind, I moved it by adding position:relative; top:-35px; to the div to make it:

<div style="position:relative; top:-35px; float: {vb:raw boppin.lorr}; padding-{vb:raw boppin.rorl}: 2px;">"
That is a cool location, thanks for sharing.

I'm sorry I don't have any better ideas on where to position the button- playing with CSS frustrates me.

Hopefully more people will be kind enough to release the edits they made to better position the button like tpearl5 did.

I'm using the VB4 default built in position myself until I can find something better.
__________________
-Joe (@BirdOPrey5)
Qapla.com - Exclusive VB Mods! | Joe's Ultimate Off Topic | My Free VB "Mods"
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #39  
Old 16 Apr 2012, 14:11
deverill2010 deverill2010 is offline
 
Join Date: Jan 2011
Nominated
Reply With Quote
  #40  
Old 17 Apr 2012, 20:23
BlessedFWI's Avatar
BlessedFWI BlessedFWI is offline
 
Join Date: Dec 2008
Love it! Thank you!

Nominated!!!
Reply With Quote
  #41  
Old 17 Apr 2012, 20:42
pete_brady pete_brady is offline
 
Join Date: Mar 2002
Originally Posted by BirdOPrey5 View Post
That is a cool location, thanks for sharing.

I'm sorry I don't have any better ideas on where to position the button- playing with CSS frustrates me.

Hopefully more people will be kind enough to release the edits they made to better position the button like tpearl5 did.

I'm using the VB4 default built in position myself until I can find something better.
is there a hook that can be used to display it in the postbit footer?
__________________
thumped.com
Reply With Quote
  #42  
Old 17 Apr 2012, 21:56
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Originally Posted by BlessedLAF View Post
Love it! Thank you!

Nominated!!!
Thanks!

Originally Posted by pete_brady View Post
is there a hook that can be used to display it in the postbit footer?
I don't know what you mean by a postbit footer? There is where the edit/reply/quote buttons are- that is called posbit_controls. And yes there is a template hook there (I have an option to use it in the VB3 version) but you will see if you use it for VB4 the button will be terribly out of place. This is because VB4 requires some sort of additional css to make the button fit properly into the postbit controls area and I don't like messing with CSS.

If you manually edit the postbit or postbit_legacy template you can put the template hook *anywhere* you want.
__________________
-Joe (@BirdOPrey5)
Qapla.com - Exclusive VB Mods! | Joe's Ultimate Off Topic | My Free VB "Mods"
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #43  
Old 17 Apr 2012, 23:26
pete_brady pete_brady is offline
 
Join Date: Mar 2002
Originally Posted by BirdOPrey5 View Post
Thanks!



I don't know what you mean by a postbit footer? There is where the edit/reply/quote buttons are- that is called posbit_controls. And yes there is a template hook there (I have an option to use it in the VB3 version) but you will see if you use it for VB4 the button will be terribly out of place. This is because VB4 requires some sort of additional css to make the button fit properly into the postbit controls area and I don't like messing with CSS.

If you manually edit the postbit or postbit_legacy template you can put the template hook *anywhere* you want.
postbit controls - that's the one.

sooo.... how to manually edit the postbit template to put the hook there? (yes, i am an idiot)
__________________
thumped.com
Reply With Quote
  #44  
Old 17 Apr 2012, 23:54
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Go to Admin CP - > Styles & Templates -> Style Manager -> [Choose your style] -> Choose "Edit Templates" from the drop down menu -> Postbit Templates (double click to expand this group.)

Now find either [b]postbit[/B ]or postbit_legacy depending on the one you use and double click on it to open it in the template editor.


Paste in this code wherever you want the Pinterest button to appear:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

finally, save the template...

Now check how it looks. It will probably need some adjusting. You will also need to edit the template postbit_pinterest_vb4 to make additional adjustments as needed.

Sorry but that is as much detail as I'm willing to go into making these edits. Quite frankly I don't suggest people try these if they don't already know what they are doing.
__________________
-Joe (@BirdOPrey5)
Qapla.com - Exclusive VB Mods! | Joe's Ultimate Off Topic | My Free VB "Mods"
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #45  
Old 19 Apr 2012, 16:44
juliannova juliannova is offline
 
Join Date: Feb 2008
so I can't use this hook or code for the album by manual putting it in....it won't work?
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 07:35.

Layout Options | Width: Wide Color: