GOP Hub Vote Button for your Blog

The code for adding a GOP Hub Vote button to your blog is provided below. There are specialized Blogger instructions and WordPress instructions in addition to the manual code. There is a small button and a big button. Click here for help on changing the size of your button. The bigger button will show the number of votes for the post, if it has not been submitted yet, the button takes the user to the submit page. If you have any problems you are welcome to contact us for help.

Manual HTML code for the vote button: (make sure to change targeturl.com to your site, also make sure this link is to your specific post, known as the permalink, and NOT to your root blog domain)

<script type="text/javascript"> submit_url = 'http://www.targeturl.com/post-name'; button_type = 0; </script> <script type="text/javascript" src="http://gophub.com/evb/button.php"> </script>

Button Types

Currently there are 2 button types to choose from. To select between these simply edit the following line (from the block of code shown above, for example) to either 0 or 1 according to which one you want (notice that when following the WordPress instructions if you want to change sizes you will have to change this line in two different places):

button_type = 0;

Button Type 0:


Button Type 1:

Blogger / BlogSpot

Three steps to integrating the GOP Hub vote button automatically for each post you make:

Step 1:
Go to your blog template -> Edit HTML -> expand the widgets -> and search for this line:

<p><data:post.body/></p>

Step 2:
Replace that line with this code:

<!-- GOPHUB --> <p> <div style='float:right; margin-left:10px;'> <script type="text/javascript"> submit_url = '<data:post.url/>'; button_type = 0; </script> <script type="text/javascript" src="http://gopub.com/evb/button.php"> </script> </div> <data:post.body/> </p>

Step 3:
Click on Save Template. Enjoy!

WordPress

First, you must be able to edit the template for your WordPress (meaning that this may not work on the free blogs hosted on WordPress.com). Six steps to integrating the GOP Hub vote button automatically for each post you make:

Step 1:
In WordPress admin area click on: "Presentation" -> "Theme Editor" -> on right side click "Main Index Template" (index.php) and search for this line:

<div class="entry">

Step 2:
Directly after that line paste this code:

<!-- GOPHUB --> <div style='float:right; margin-left:10px;'> <script type="text/javascript"> submit_url = '<?php the_permalink() ?>'; button_type = 0; </script> <script type="text/javascript" src="http://gophub.com/evb/button.php"> </script> </div> <!-- END GOPHUB -->

Step 3:
Click on Update File. This adds the button to your main page, so we still need to add it for the single post page.

Step 4:
On right side click "Single Post" (single.php) and search for this line:

<div class="entrytext">

Step 5:
Directly after that line paste this code:

<!-- GOPHUB --> <div style='float:right; margin-left:10px;'> <script type="text/javascript"> submit_url = '<?php the_permalink() ?>'; button_type = 0; </script> <script type="text/javascript" src="http://gophub.com/evb/button.php"> </script> </div> <!-- END GOPHUB -->

Step 6:
Click on Update File. That should do it. WordPress is sometimes grouchy about showing changes to the template, they should show up after you post a new post (you can just post a simple test post, then delete it).

Problems?

Click Here to contact GOP Hub if you have any problems with this code.