Tutorial + Freebies : Put Scalloped Edges

Assalammualaikum.

Template Designer 
1. Dashboard > Layout > Add a gadget > HTML / Javascript
2. Copy code below and paste in the space ;
<div style=" background-image: url('URL IMG'); top: -10px;  width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
3. Save.

Classic Template / Blogskin
1. Dashboard > Template
2. Ctrl + F <html> or <head>
3. Copy code below ;
<div style=" background-image: url('URL IMG'); top: -10px;  width: 100%; left:0px; height: 44px; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100);"></div>
4. Paste after <html> or <head>
5. Preview > Save template.


F R E E B I E S

1. You can get from theamazingtutorial@tumblr
2. I get scalloped edges below from tumblrboutique@tumblr.

http://static.tumblr.com/mw3v5cd/0xElog61f/02.png
http://static.tumblr.com/mw3v5cd/3tclog60y/01.png
http://static.tumblr.com/mw3v5cd/ooDlog61v/03.png
http://static.tumblr.com/mw3v5cd/Sehlog64x/11.png
http://static.tumblr.com/mw3v5cd/bL2log633/07.png
http://static.tumblr.com/mw3v5cd/dNYlog649/10.png
 http://static.tumblr.com/mw3v5cd/J7Ylog62m/06.png

B O N U S




This code was edited by me so please comment before using them ;o; thanks in advance. Hope you appreciate my hardwork Lol you can change where necessary. Please don't re-tutorial for this ;o;

1. Without sidebar
<div style=" background-image:url('BACKGROUND URL'); top: -5px;  width: 300px; left:-10px; height: 100%; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100); padding:5px; border: 5px solid #CEE3F6;"></div>

2. With sidebar
<div style=" background-image:url('BACKGROUND URL'); top: -5px;  width: 300px; left:-10px; height: 100%; z-index: 100; position: fixed; background-hover:filter:alpha(opacity=100); padding:5px; border: 5px solid #CEE3F6;">
<br />
<br />
<br />
<br />
<br />
<br />
<center><div style="border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; box-shadow:0px 0px 0px #eaeaea; background: #FFF ; padding: 5px; width: 230px;">
<center>
SIDEBAR CONTENT.
</center></div></center>
</div>

13 comments:

I don't approve harsh comments (: