Friday, September 20, 2013

How to add an Image on your Tumblr�s SideBar

If you're wondering to put images / photo's on your sidebar, this can be done easily. You can see here on my Tumblr Blog, On a sidebar a large scrolling image is in there. You just need to follow the steps below to just do as better than that on your Tumblr Blog.


PROCEDURE:

  • First thing to do is to upload your photo on free Photo Hosting sites like PostImage.
Once you've uploaded the photo, You should copy the Direct Link that you can see on PostImage after the Upload.
  • Then Insert that code inside this HTML Code that you can see Below:
<img src="DIRECT LINK" style="width:195px;">
You should Change the DIRECT LINK with the URL you've copied on PostImage. If you're still confuse, This is the example for this tutorial:
<img src="http://s13.postimg.org/olnpy4ptz/boarss.jpg" style="width:195px;">
If you want to make the Photo Scroll just like on the Link above. You may use the <marquee> tag. The code should be like this:
<marquee><img src="http://s13.postimg.org/olnpy4ptz/boarss.jpg" style="width:195px;"></marquee>

INSERTING THE IMAGE ON TUMBLR'S SIDEBAR:

When you're now on your Tumblr Blog.
  • Go to Customize.
  • Edit HTML.
  • Then find this code:
<div class="PST-sidebar">
Then insert the Code that we make above. The code should look like these:
<div class="PST-sidebar">
<marquee><img src="http://s13.postimg.org/olnpy4ptz/boarss.jpg" style="width:195px;"></marquee>
Then Hit Save. If you wanna make the Image larger, Just change 195px to what size you like.

Credit Expert

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comentarios:

Post a Comment

 

Copyright @ 2013 Mybloggerzone.

Designed by Templateiy & CollegeTalks