How to add a garland to the top of your tumblr blog! An HTML tutorial for absolute beginners.
this tutorial is only tested on the default tumblr blog layout.
working example : https://mooliedirds.tumblr.com/
The garland is NOT part of the header and lays on top. It does not effect the search function or any other functions on the site. It also doesn't make a horizontal scrollbar appear! First, go to the tumblr blog you want to customize and click the customize button.
then click "edit html"
once the code loads in, type in
<!--additions-->
you can replace additions with whatever you like. This is just to keep the code more organized.
then, copy paste this code.
<img style="max-width:200px; position:fixed; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:205px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:410px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:615px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:820px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:1025px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:1230px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:1435px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:1640px; z-index:3;" src="insert link here">
<img style="max-width:200px; position:fixed; left:1845px; z-index:3;" src="insert link here">
Replace insert link here with a link to any banner or gif that you would like. something similar to any of these-
Then, click "update preview" and see that it looks nice. If it looks weird, edit
"max-width:200px;"
to be a different value. (however you will need to update the left:---px; as well to match.) I put a spacing of 5 px between the banners, however that might not work for every gif, so you may need to edit them.
Once it looks good, click "save" and admire your work! you just added a banner! Code help from AviCode on Toyhouse















