Blogger template: Community

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:
<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>

Ora sostituisci i link con quelli che ti interessano e le relative parole che vuoi che appaiano.

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

<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>

Twitter update:

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
<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='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLUaSyCm5I/AAAAAAAAAIo/171-xow2ueI/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&amp;count=1' type='text/javascript'/>>

Iscrizione RSS:

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
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bietemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<input class='textarea' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter email address here&apos;;}' onfocus='if (this.value == &apos;Enter email address here&apos;) {this.value = &apos;&apos;;}' 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&amp;fg=ffffff&amp;anim=1' style='border:0' width='88'/></a></p>

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.

125x125 Banner:

Cerca questa porzione e sostitiusci gli # e le immagine con i link e le immagini che ti interessano.
<a class='ad1' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>

<!-- Ad2 start -->

<a class='ad2' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>

<!-- Ad3 start -->

<a class='ad3' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>

<!-- Ad4 start -->

<a class='ad4' href='#'><img src='http://4.bp.blogspot.com/_sunpK_FtO1E/SmLcNLRnB4I/AAAAAAAAAI8/T31xo25DqCQ/s1600/themeforest.jpg'/></a>


Ora il template è pronto per essere usato

Altri articoli simili:



0 commenti: