Support Center

Instructions for Tumblr

Last Updated: May 22, 2014 01:14PM EDT
1) Log into your Tumblr account and click on the link to your blog.




2) Click “Customize” at the top right of the page.





3) Click on the “Edit HTML” button.





4) This will pull up a side bar with HTML code. For those who are unfamiliar with HTML/Javascript code this may be a little confusing. Just follow these next steps and you should have no problem adding your code!

- Click anywhere in the code and press “Ctrl + F” (find command) on your keyboard.  Type in “Custom CSS”, this will bring you to the area of code where you can place your Chitika ad code.

- Using the “Ctrl + F” command on your keyboard search for “Div id” or “Div class”.




- You want to look for fields such as:
  • <div class="post"> 
  • <div class="text"> 

- These are good starting locations to place your ad code.
Note: Please be aware that Tumblr offers a variety of "themes" that you can choose from. Each of these themes have different HTML code to edit.

Log into your publisher account and get the code from our code creator.

- Paste the code directly after the fields mentioned above
  •  Example: <div class="post">[Chitika code here]
     
- Then hit the “Update Preview” button at the top of the page.

- On the right side of the screen you will find a Chitika ad is placed on the page.



- When you are satisfied with your code location press the “Save” button at the top of the code window. 


Additional Tips:

- The location of the ad is determined by the location of the code.
 
- If you do not like where the ad was placed, you can remove it by clicking back into the code window and press “Ctrl + Z” on your keyboard. This will undo the last change in code. You can also manually delete the ad code.

- If you make a serious mistake and delete or alter code that you needed, you can always exit out of the page to discard any changes made.

Contact Us