New Horizon - Free Blogger Template - updated

 

                      Live Demo    Download

New Horizon είναι ένα πανέμορφο ελεύθερο blogger template

New Horizon 1.0  είναι ένα ελεύθερο blogger template
CSS  σχεδιασμός  πρότυπου by  styleshout  και μετατροπή για blogger έγινε από μένα

Αυτό το έργο διανέμεται υπό την Creative Commons Attribution 3.0 License , που σημαίνει ότι είστε ελεύθεροι να χρησιμοποιήσετε , να διανέμετε , να παρουσιάσετε στο κοινό το Έργο , να το τροποποιήσετε για οποιοδήποτε σκοπό.
Με μόνη προϋπόθεση να μην αφαιρεθούν οι σύνδεσμοι προς δημιουργούς από το footer .

Δε μπορείτε να χρησιμοποιήσετε το έργο αυτό για εμπορικούς σκοπούς.

Γενικές πληροφορίες για αυτό το πρότυπο :

  -  2 στήλες  
  - Fixed Width
  - Right Sidebar 
  - Υποστήριξη Διαθέσιμη
  - Ενσωματωμένο  Page Navigation
  - Σκουρόχρωμο θέμα με μεγάλη ωραία πολύχρωμη εικόνα κεφαλίδας

Οδηγίες ρυθμίσεις 

Για να ρυθμίσετε το Header Logo :

1. Βρείτε στο πρότυπο σας τον παρακάτω κώδικα :

<!-- header starts here -->
    <div id='header'>   
        <div id='clouds'/>
        <h1 id='logo-text'><a href='index.html' title=''>new horizon</a></h1>   
        <p id='slogan'>Free Blogger Template </p>               
    </div>  

2 .  Και αλλάξτε τον τίτλο και το url με τα δικά σας  , όπως βλέπετε παρακάτω .


<!-- header starts here -->
    <div id='header'>   
        <div id='clouds'/>
        <h1 id='logo-text'><a href= ' Εδώ το url του blog σας ' title=''>Εδω ο Τίτλος σας</a></h1>   
        <p id='slogan'>Εδω το slogan σας  </p>               
    </div>   

 

Για να ρυθμίσετε το Top navigation μενου  :

1 . Βρείτε στο πρότυπο σας τον παρακάτω κώδικα :

<!-- navigation starts here -->
    <div id='nav'>
        <ul>
            <li id='current'><a href=' index.html '>Home</a></li>
            <li><a href=' index.html '>News </a></li>
            <li><a href=' index.html '>Downloads</a></li>
            <li><a href=' index.html '>Support</a></li>
            <li><a href=' index.html '>About</a></li>           
        </ul>
    </div>

2 .  Και αλλάξτε τ url με τα δικά σας  . 

Για να ρυθμίσετε το sharebox :

1 . Βρείτε στο πρότυπο σας τον παρακάτω κώδικα :

<div id='sharebox'>
            <p>If you liked this article why don&#39;t you share it:</p>
<!-- Stumbleupon -->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Stumble' src='http://lh6.ggpht.com/_Q6tRnBVZnko/S4TwCsy7MmI/AAAAAAAAAH0/LZrAk7ZfpUU/stumble.png'/></a>
<!-- Delicious -->
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Delicious' src='http://lh4.ggpht.com/_Q6tRnBVZnko/S4TvgxvMurI/AAAAAAAAAHk/oxB6c6yNv34/delicious.png'/></a>
<!-- Reddit -->
<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Reddit' src='http://lh3.ggpht.com/_Q6tRnBVZnko/S4TvheTxWdI/AAAAAAAAAHw/aIdqxctqDTc/reddit.png'/></a>
<!-- Technorati -->
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'><img alt='Technorati' src='http://lh4.ggpht.com/_Q6tRnBVZnko/S4TxAwzsIcI/AAAAAAAAAH4/_EF9Beche1Q/technorati.png'/></a>
<!-- Twitthis -->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' target='_blank'><img alt='Twitter' src='http://lh4.ggpht.com/_Q6tRnBVZnko/S4TxirUBYFI/AAAAAAAAAIA/dKdgmPP5_sY/twitter.png'/></a>
<!-- Digg -->
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg it' src='http://lh3.ggpht.com/_Q6tRnBVZnko/S4TyA0p3fZI/AAAAAAAAAIE/Sx6RsK90bKE/digg.png'/></a>
<!-- Facebook -->
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Facebook' src='http://lh5.ggpht.com/_Q6tRnBVZnko/S4TvggjerjI/AAAAAAAAAHg/2z_8Rm8c2rA/facebook.png'/></a>
<!-- Google -->
<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Google Bookmarks' src='http://lh3.ggpht.com/_Q6tRnBVZnko/S4TvhQTB8UI/AAAAAAAAAHs/qnj8WuSpfog/google.png'/></a>
<!-- RSS -->
<a expr:href='&quot;YOUR FEED ADDRESS&quot;' title='Subscribe to Feeds'><img alt='Subscribe to RSS' src='http://lh5.ggpht.com/_Q6tRnBVZnko/S4TzPEn8bhI/AAAAAAAAAIM/CPcbBpxUE4w/rss.png'/></a>
</div>

2 .  Αλλάξτε το FEED ADDRESS με το δικό σας , δηλαδή όπου  YOUR FEED ADDRESS εισάγετε το url του δικού σας feed .
- Μπορείτε επίσης αν θέλετε να αλλάξετε το κείμενο ,αλλάζοντας το το κείμενο με το κόκκινο χρώμα :
<p>If you liked this article why don&#39;t you share it:</p>

Για να ρυθμίσετε το sidebar_social :

1 . Βρείτε στο πρότυπο σας τον παρακάτω κώδικα :

    <!-- Social Network Section -->
    <div id='sidebar_social'>
    <ul>
      <li>
        <a href=' Facebook-LINK-HERE '>
          <img alt='facebook' src='http://lh3.ggpht.com/_Q6tRnBVZnko/S4T9REpK0hI/AAAAAAAAAIU/I7P5s4OKNkA/Furry-Cushion-Facebook_48.png'/>
        </a>
      </li>
      <li>
        <a href=' TWITTER-LINK-HERE '>
          <img alt='Twitter' src='http://lh6.ggpht.com/_Q6tRnBVZnko/S4T-yYrA4bI/AAAAAAAAAIk/eAvBcPRR8vY/Furry-Cushion-Twitter_48.png'/>
        </a>
      </li>
      <li>
        <a href=' STUMBLEUPON-LINK-HERE '>
          <img alt='stuble' src='http://lh6.ggpht.com/_Q6tRnBVZnko/S4T9ReLgxCI/AAAAAAAAAIg/6WZN5KDTooM/Furry-Cushion-StumbleUpon_48.png'/>
        </a>
      </li>
      <li>
        <a href=' /feeds/posts/default ' title='RSS'><img alt='RSS' src='http://lh5.ggpht.com/_Q6tRnBVZnko/S4T9RbpTK9I/AAAAAAAAAIc/-0Tcdgika3A/Furry-Cushion-RSS_48.png'/>
        </a>
      </li>
      <li class='last'>
        <a href=' DELICIOUS-LINK-HERE '>
          <img alt='delicious' src='http://lh6.ggpht.com/_Q6tRnBVZnko/S4T9Q3e2BxI/AAAAAAAAAIQ/x3DRu0zW7jw/Furry-Cushion-Delicious_48.png'/>
        </a>
      </li>
    </ul>
    </div>
    <!-- /Social Network Section -->

2 .  Και αλλάξτε τα url με τα δικά σας  ( τις γραμμές με το κόκκινο χρώμα ) .

Για να ρυθμίσετε το sidemenu :

Απλά πηγαίνετε Στοιχεία Σελίδας –> Προσθήκη gadget – > HTML/JavaScript και εισάγετε τον παρακάτω κώδικα:

<ul class="sidemenu">
                <li><a href="http://bloggertrics.blogspot.com/">Βloggertrics</a></li>
                <li><a href="#">Home</a></li>
                <li><a href="#">Links</a></li>   
                <li><a href="#">Link 1</a></li>                                   
                <li><a href="#">Link 2 </a></li>        
                <li><a href="#">Link 3</a></li>
            </ul>
 

Και αλλάξτε τα url με τα δικά σας

Για να ρυθμίσετε το search form:

1 . Βρείτε στο πρότυπο σας τον παρακάτω κώδικα :

<!-- Search -->
    <form action=' # ' id='searchform' method='get'>
<fieldset class='search'>
    <input class='box' type='text'/>
    <button class='btn' title='Submit Search'>Search</button>
</fieldset>
</form>
    <!-- /Search –>

2 . Και αλλαξτε το συμβολο #   με το url του blog σας 

Κατεβάστε το και χαρείτε το  
Αν χρειαστείτε οποιαδήποτε βοήθεια αφήστε το σχόλιο σας

 Σημείωση : Επειδή το πρότυπο παρουσίαζε ένα μικρο προβληματάκι συμβατότητας με το Firefox , έχει γίνει update και είναι πλέον συμβατό και με το Firefox