Questo è un template a mio parere bellissimo infatti, con qualche modifica, l'ho installato anch'io nel blog della mia ragazza, che vi consiglio vivamente di visitare se vi interessa l'architettura.
Caratteristiche principali:
- Layout a 3 colonne
- ottimizzato per i motori di ricerca
- Predisposto per annunci adsense
- Post espandibili in home page
- Facile personalizzazione
- Predisposto per Twitter
Designer:
Bietemplate
Come settarlo:
Menu in alto:
In modifica HTML cercare questa parte di codice:
Ora sostituisci i link con quelli che ti interessano e le relative parole che vuoi che appaiano.<div class='topnav'> <ul id='topnav'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='http://www.bietemplates.com/' target='_blank'> Template Gallery</a></li> <li><a href='http://dezigntuts.com' target='_blank'>Dezigntuts</a></li> <li><a href='http://www.emocutez.com' target='_blank'>Emoticon</a></li> <li><a href='http://blogger.com' target='_blank'>Login</a></li> </ul> </div>
Header:
Crea il tuo logo personalizzato e in layout --> Elementi pagina clicca sul gadget dell'header e inserisci la tua immagine al posto di titolo e descrizione
468x60 Banner a fianco dell'header:
Come per l'header clicca sul gadget relativo e inserisci il codice html del tuo codice adsense o del tuo banner
Menu sotto all'header:
In modifica HTML cerca questa porzione di codice e, come per l'altro menu, modificala con i tuoi links
Twitter update:<div id='navbarmenu'> <ul id='nav'> <li><a href='http://your-link-here'>Photoshop</a></li> <li> <a href='http://your-link-here'>Freebies</a> <ul> <li> <a href='http://your-link-here'>Icon</a> <ul> <li><a href='http://your-link-here'>Icon #1</a></li> <li><a href='http://your-link-here'>Icon #2</a></li> <li><a href='http://your-link-here'>Icon #3</a></li> </ul> </li> <li><a href='http://your-link-here'>Pattern</a></li> <li><a href='http://your-link-here'>Brush</a></li> <li><a href='http://your-link-here'>Swirl</a></li> </ul> </li> <li><a href='http://your-link-here'>Vector</a></li> <li><a href='http://your-link-here'>Sketch</a></li> <li><a href='http://your-link-here'>Wallpaper</a></li> <li><a href='http://your-link-here'>Theme</a></li> <li><a href='http://your-link-here'>Layout</a></li> <li><a href='http://your-link-here'>Inkscape</a></li> <li><a href='http://your-link-here'>Graphic</a></li> <li><a href='http://your-link-here'>CSS</a></li> <li><a href='http://your-link-here'>Community</a></li> <li><a href='http://your-link-here'>Submit</a></li> </ul> </div>
Per settare il tuo template con il tuo account di Twitter vai su Layout --> Modifica HTML e espandi i modelli widget. Ora cerca questo le parti in rosso con il tuo username
Iscrizione RSS:<h2 class='sidebar-title' style='display:none;'>Twitter Updates</h2> <ul id='twitter_update_list'/> <a href='http://twitter.com/bietemplates' id='twitter-link' style='display:block;text-align:right;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPNRyLPQvmYxKh_U5yJfLP9Ur9e9xoi4TGY3tpdpu591zME5sn-PSLnSsbdr7d-NYhLrDt6oy06yXo0uSNJD_sl9iAJ9IW6z8wCuHosopMR3CDLXVyAhbdWzUgaCPXqlWwbgStD6uBoOa/s1600/twitter.png'/></a> </div> <script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/> <script src='http://twitter.com/statuses/user_timeline/bietemplates.json?callback=twitterCallback2&count=1' type='text/javascript'/>>
Sempre in Modifica HTML e con i modelli widget espansi cerca cerca questa porzione e inserisci i tuoi dati al posto di quelli in rosso
NOTA: l'indirizzo di feedburner non è sempre feeds2.feedburner.com/tuousename. A volte il 2 appena dopo feeds non cè; in questo caso toglilo anche dal tuo codice.<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=bietemplates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input class='textarea' name='email' onblur='if (this.value == '') {this.value = 'Enter email address here';}' onfocus='if (this.value == 'Enter email address here') {this.value = '';}' type='text' value='Enter email address here'/><br/> <input name='uri' type='hidden' value='camelgraph'/> <input name='title' type='hidden' value='54800'/> <input name='loc' type='hidden' value='en_US'/> </form> <p><a href='http://feeds2.feedburner.com/bietemplates'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/bietemplates?bg=5eb7c3&fg=ffffff&anim=1' style='border:0' width='88'/></a></p>
125x125 Banner:
Cerca questa porzione e sostitiusci gli # e le immagine con i link e le immagini che ti interessano.
Ora il template è pronto per essere usato<a class='ad1' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_4TTgdQVE5dxKneU3HDahs2pHT0564j1kEZmAWIUl43Gl99EkgwwNbk9KoVT-JYdCuFsc7P4WEN8wx8TWPWEUgNZM-TsH-aAvEJKjZHqQvo4kLCnd0ry3wb0TCaTbgdnP4YGJuuef3o7/s1600/themeforest.jpg'/></a> <!-- Ad2 start --> <a class='ad2' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_4TTgdQVE5dxKneU3HDahs2pHT0564j1kEZmAWIUl43Gl99EkgwwNbk9KoVT-JYdCuFsc7P4WEN8wx8TWPWEUgNZM-TsH-aAvEJKjZHqQvo4kLCnd0ry3wb0TCaTbgdnP4YGJuuef3o7/s1600/themeforest.jpg'/></a> <!-- Ad3 start --> <a class='ad3' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_4TTgdQVE5dxKneU3HDahs2pHT0564j1kEZmAWIUl43Gl99EkgwwNbk9KoVT-JYdCuFsc7P4WEN8wx8TWPWEUgNZM-TsH-aAvEJKjZHqQvo4kLCnd0ry3wb0TCaTbgdnP4YGJuuef3o7/s1600/themeforest.jpg'/></a> <!-- Ad4 start --> <a class='ad4' href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_4TTgdQVE5dxKneU3HDahs2pHT0564j1kEZmAWIUl43Gl99EkgwwNbk9KoVT-JYdCuFsc7P4WEN8wx8TWPWEUgNZM-TsH-aAvEJKjZHqQvo4kLCnd0ry3wb0TCaTbgdnP4YGJuuef3o7/s1600/themeforest.jpg'/></a>
0 commenti:
Posta un commento