Tag Archives: images

Place Image Links on Tumblr Sidebar


This tumblr tip will show you how to place an Image Link on your Tumblr Sidebar.  To do this we need to edit your theme html, just addind some code.

How To Place Image Links on your Tumblr Sidebar.

  1. First, make sure to have the images that you want to use as links are uploaded here and grab the url they give your for each picture, this way you make sure they won’t get deleted as they are part of your layout, these must be the right size to fit your tumblr sidebar, otherwise they will “break” the layout.  Also try to create the page you want to link to first.
  2. Go to Customize >>> Theme >>> Custom HTML
  3. Now, we must find the exact place where you want your image link to be placed.  Use control+F in your tumblr theme html to find something you can see on your sidebar and that you want the link to be placed below or above.  Usually there’s a search for, so look for “search”.  The whole sidebar section is usually called that same way or maybe something shorter, like “side”. In our example, we are going to place the image link right below our Tumblr Tumbleroll.

    4. Tumblr Image Link

  4. Let’s prepare the code you’ll insert in your layout html; Insert your page URL where it says PAGEURL.  Insert your image url where it says IMAGEURL. Do not delete the quotation marks, if you do your image links won’t show up.  For each image link you want to add, repeat the line of code starting with <a href…… , always within the <div></div> tags



    5. <div>
    <a href=”PAGEURL”><img src=”IMAGEURL”/></a>
    </div>

  5. Copy and paste your code into the sidebar section you initially chose.  Again, you must not insert the code within specific <section></section> or <div></div> tags.
  6. If you want to improve the looks of the way the image links are spaced you will have to edit the .css file

How To Disable Right Click on Tumblr


If you are tired of getting your pictures getting copied/stolen from your Tumblr account Disabling Right Click for your Tumblr account screen is a good first step to stop the thiefs.

  1. Go to Customize >>> Theme >>> Custom HTML
  2. Once there, look for the <head> tag with control+F in your browser

  3. Insert the following jscript code right after the <head> tag , make sure it is before any other code within the <head> tag as well.
    4. <script language=”javascript” type=”text/javascript”>

    <!–
    var message=””;

    function clickIE()
    {if (document.all)
    {(message);return false;}}

    function clickNS(e) {
    if
    (document.layers||(document.getElementById&&!document.all))
    {
    if (e.which==2||e.which==3) {(message);return false;}}}

    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.  onmousedown=clickNS;}
    else
    {document.onmouseup=clickNS;document.oncontextmenu  =clickIE;}

    document.oncontextmenu=new Function(“return false”)
    –>
    </script>

  4. Save the theme.  That’s it.  Disabling Right Clicks is one chance less for other Tumblrs to steal your photos.

As I said, disabling right clicks is only the first step, as anyone who is just a bit tech savy has several other ways of stealing your images (including print screen).