Az Sands

                                                                

                 
    Download



Lineaments:

-Az Sands  is 2 Column  Blogger Templete ,

- It's Free and Simple Template.

-Compatible with All Major Browsers

-Best for Website Blog , For Tech Blog

-Designer Name Given Inside Template


Install Template : 

-First Step – Open  www.Blogger.com/home  ,  It opens your Blogger Dashboard There is List of Blogs Click on Blog Title and Open it.
-Second Step – There is “Template” Option on The Left Side Click On the “Template” Option
-Third Step – Left side There is Option “Backup/Restore” click on the option

-Fourth Step – Box Screen  will Appear with  Options 
        1.       Download
        2.       Browse
        3.      Upload
-Now you can Download Older Template and save it if you want, now Click on “Browse”  Option and select   Theme File  like “theme.xml”  , It should be .xml file -- not  .zip or .rar – Select  .xml file then Click “Upload” Button.  

---------------------------------------------------------------------------------

this template body style code and variable declaration


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, li, img, ul, ol{
    margin: 0;
    padding: 0;
}

body{
    margin: 0;
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    background: #d7d2bc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKDsny1A4IRLtVDPOLDG2cOWLpceqXQpF4giqN03xFASrE2cUFMCJoQpViytr14gpfGXp8w381m2zo_m8t9FVsoaG5TCG8kitrkoO5QEZHrVVOZwHVl4L-Yv37CYBhKIXIUIzjv2qR2M8I/s0/body.jpg) top center no-repeat;
    color: #212121;   
}

a{
    color: #498bbf; text-decoration: none;
}

a:hover{
    color: #498bbf; text-decoration: underline;
}

img{
    border: none;
}

img a{
    border: none;
}

.alignright{
    float: right;
}

.alignleft{
    float: left;
}

.aligncenter{
    margin: auto;
}

--------------------------------------------------------------------------


Wrapper and menu style


#wrapper{
    width: 1011px; margin: auto; text-align: left; overflow: hidden;
    background: #d7d2bc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmbMtmahAEh5jnk2sXduS4QrrSx_gHJMALRA-30teVuVlMFZlDwdQ04mQY_rb-e0EQ_ZiwviyO7rBUNWIsF59qIaix_MXGItfGa4aysLf9XhifRCTJvaRyy8aAiduVFxne5_PqR4x8vAke/s0/wrapper.gif) top left repeat-y;
}

/*-----------Menu - Style---------------*/

#menu{
    width: 1011px; height: 92px; margin: 0; background: #d7d2bc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkxh9nn36-DtnR_l5Hh-Y5KAQPOxmwtq1TDGAASU1UE9HxR3eRUGcMCBuVMu-GyN8W7Tim_VbailfQ_DrRalYh9Oj07uTBvqt_3DGsTA1xYFpqmtwo-EuUvGaCw5N-nD62Av-8fSZbpnBW/s0/menu5.gif) top left no-repeat;
}

.menu-titles{
    float: left; width: 635px; margin: 0 0 0 30px; padding-top: 43px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.menu-titles h2{
    font-size: 17px; color: #d7d2bc; font-weight: normal;
}

.menu-titles h2 a{
    color: #d7d2bc; text-decoration: none; padding: 0 18px 0 15px; border-right: #d7d2bc 1px dotted;
}

.menu-titles h2 a:hover{
    color: #ececec; text-decoration: none;











0 comments:

Post a Comment