PDA

View Full Version : BB Code Enhancements - Kickstarter/IndieGoGo Widget BBcode


dizzynation
01-20-2013, 11:00 PM
I present to you BB code for embedding Kickstarter/IndieGoGo
Widgets to your site. Tested on 3.8.7 and 4.2

================
Please remember to click Mark as Installed and rate if you use this modification.
================

KickStarter

Title Kickstarter

BB Code Tag Name kick

Replacement

<iframe frameborder="0" height="380" src="http://kickstarter.com/projects/{param}/widget/card.html" width="220"></iframe>

Example 509186654/strengthen-the-project-gym-2013 **Copy the project ID and tile**


Description Will add specific Kickstarter.com Project Widget

Use {option} No

(Image) See attachment


IndieGoGo

Title IndieGoGo

BB Code Tag Name gogo

Replacement

<iframe src="http://www.indiegogo.com/project/{param}/widget" width="224px" height="439px" frameborder="0" scrolling="no"></iframe>

Example 301495 **Copy project ID only**

Description Will add specific IndieGoGo.com Project Widget

Use {option} No

(Image) See attachment



Make sure you don't have kickstarter.png or indiegogo.png already in the folder you upload to.

__________________________________________________ ____

Additional Options: (Tested on 4.2)

Create a new Forum Block

AdminCP --> Forums and Moderators --> Forum Blocks Manager --> Add Block --> HTML & PHP

Title Promoted Project

Description What ever you want

Display Order What ever you want

Content Type HTML

Content Enter the embed code for the widget via Kickstarter or Indiegogo EMBED option

SAVE

Screen Shot
http://www.digipress.us/pics/sample1.jpg

Live DEMO -- HERE (http://www.filmmakerforum.org)

dizzynation
01-21-2013, 03:49 AM
Help finding the right part of the URL to copy:

Fine the project you want

Kickstarter

Sample
kickstarter.com/projects/91940725/grass-and-jackals?ref=discover_rec

Copy this part
kickstarter.com/projects/91940725/grass-and-jackals?ref=discover_rec
**NOTE** the numbers in kickstarter links my sometimes be words, which is fine just copy the part of the URL in red

IndieGoGo

Find the project you want, click EMBED

Sample
indiegogo.com/project/share/263509

Copy this part
indiegogo.com/project/share/263509

The links on these sites differ because it depends on what part of the site you clicked to find the project, but stick with only copying what is instructed and you will be good

dizzynation
01-21-2013, 07:22 PM
Updated "Additional Options"

Morrus
01-21-2013, 07:28 PM
Where would one find the Kickstarter project ID?

dizzynation
01-21-2013, 07:35 PM
Fine the project you want

Kickstarter

Sample
kickstarter.com/projects/91940725/grass-and-jackals?ref=discover_rec

Copy this part
kickstarter.com/projects/91940725/grass-and-jackals?ref=discover_rec

IndieGoGo

Find the project you want, click EMBED

Sample
indiegogo.com/project/share/263509

Copy this part
indiegogo.com/project/share/263509

The links on these sites differ because it depends on what part of the site you clicked to find the project, but stick with only copying what is instructed and you will be good :)

Morrus
01-21-2013, 07:38 PM
My Kickstarter project has no number like that in it:

http://www.kickstarter.com/projects/enworld/rebuilding-en-world

dizzynation
01-21-2013, 07:42 PM
My Kickstarter project has no number like that in it:

http://www.kickstarter.com/projects/enworld/rebuilding-en-world


This is what you would need

enworld/rebuilding-en-world

dizzynation
01-21-2013, 07:45 PM
And if you follow the "additional Options" here is what it looks like on homepage

http://www.filmmakerforum.org/forum.php

dizzynation
01-23-2013, 01:06 PM
Sample picture updated