Canvas- Free Blogger Template. |  Στάλες στο γαλάζιο ® <link href='http://1.bp.blogspot.com/-QkBgA1Os5CE/TdJ2-eqnSiI/AAAAAAAALfo/LL14SJRlKz8/s72-c/Canvas-%2BFree%2BBlogger%2BTemplate.jpg' rel='https://4.bp.blogspot.com/-ucvLyH7G8ns/WNrpJ42EDOI/AAAAAAAAfwo/V5doGhzXC8QztinTcD9Jfy_YBPCPzpPOgCLcB/s640/Stales_sto_Galazio.jpg'/>

3




Canvas είναι ένα ελεύθερο Premium Modern Artistic Blogger πρότυπο.

Ένα πρότυπο με μοναδικό σχεδιασμό, όπως μπορείτε να δείτε. Με απαλά χρώματα και πολλά έξτρα πρόσθετα.

Είναι δοκιμασμένο σε Firefox, Safari , Opera και Internet Explorer 8 .( Αν και δεν είναι 100% συμβατό με το Internet Explorer 6 και Internet Explorer 7 )

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

- 2 στήλες
- Featured post πρόσθετο
- Όμορφο Multilevel NavBar
- Accordion sidebar
- Tab Widget με 3 tabs
- Numbered Page Navigation
- Automatic Read More Function
- Comment Reply Option

Wordpress Theme έχει σχεδιαστεί από www.thebookish.info και μετατροπή για blogger έγινε από εμένα .

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

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

Για να ρυθμίσετε το Top navigation μενού:
1. Βρείτε στο πρότυπο σας τον παρακάτω κώδικα:


<!-- NavBar -->
                <ul id='navBar'>
        <li class='current_page_item'><a href='http://YOUR-LINK-HERE'>Home</a></li>
    <li class='page_item page-item-1'><a href='http://YOUR-LINK-HERE' title='About'>About</a></li>
        <li class='page_item page-item-2'><a href='http://YOUR-LINK-HERE' title='Multilevel'>Multilevel</a>
<ul>
    <li class='page_item page-item-3'><a href='YOUR-LINK-HERE' title='SubPage'>SubPage</a></li>
    <li class='page_item page-item-4'><a href='YOUR-LINK-HERE' title='SubPage2'>SubPage2</a></li>
        <li class='page_item page-item-5'><a href='YOUR-LINK-HERE' title='SubPage3'>SubPage3</a></li>
    <li class='page_item page-item-6'><a href='http://YOUR-LINK-HERE' title='SubPage4'>SubPage4</a></li>
</ul>
</li>
       <li class='page_item page-item-7'><a href='http://YOUR-LINK-HERE' title='Sample Page'>Sample Page</a></li>
       <li class='page_item page-item-8'><a href='http://YOUR-LINK-HERE' title='SecMultiLevel'>SecMultiLevel</a>
<ul>
    <li class='page_item page-item-9'><a href='http://YOUR-LINK-HERE' title='Sub Page'>Sub Page</a></li>
    <li class='page_item page-item-10'><a href='http://YOUR-LINK-HERE' title='Sub Page 2'>Sub Page 2</a></li>
    <li class='page_item page-item-11'><a href='http://YOUR-LINK-HERE' title='Sub Page 3'>Sub Page 3</a></li>
    <li class='page_item page-item-12'><a href='http://YOUR-LINK-HERE' title='Sub Page 4'>Sub Page 4</a></li>
    <li class='page_item page-item-13'><a href='http://YOUR-LINK-HERE' title='Sub Page 5'>Sub Page 5</a></li>
</ul>
</li>
        </ul>


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

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

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


<!-- Bookmark -->
  <ul class='clearfix' id='bookmark'>
            <li><a href='http://feeds.feedburner.com/bloggertrics' title='Join RSS feed'><img alt='RSS' src='http://1.bp.blogspot.com/_Q6tRnBVZnko/S9CS3RRZW_I/AAAAAAAAAZ4/n0YB-Rd0dwM/s1600/rss_icon.png'/></a></li>
            <li><a href='http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add us to Stumble'><img alt='Stumble' src='http://4.bp.blogspot.com/_Q6tRnBVZnko/S9CS6COx_-I/AAAAAAAAAaA/V02aQIxQrPE/s1600/stumble_icon.png'/></a></li>
            <li id='sep'><a href='http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add us to Technorati'><img alt='technorati' src='http://1.bp.blogspot.com/_Q6tRnBVZnko/S9CS_oMUDoI/AAAAAAAAAaQ/RqVgBIldvOk/s1600/technorati_icon.png'/></a></li>
               <li><a href='http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add us to Digg'><img alt='Digg' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/S9CSSbs7VvI/AAAAAAAAAZo/nxVhogJrobQ/s1600/digg_icon.png'/></a></li>
            <li><a href='http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add us to Delicious'><img alt='Delicious' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/S9CSycMHLRI/AAAAAAAAAZw/0AGLPee6mhU/s1600/delicious_icon.png'/></a></li>
            <li id='last'><a href='http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Click to send this page to Twitter!'><img alt='Twitter' src='http://2.bp.blogspot.com/_Q6tRnBVZnko/S9CSKp_pE1I/AAAAAAAAAZg/Eo3sO01iiQs/s1600/twitter_icon.png'/></a></li>                      
            </ul>


2. Και αλλάξτε το http://feeds.feedburner.com/bloggertrics με το δικο σας RSS FEED url

Για να ρυθμίσετε το Comment Reply Option:

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


<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply]</a></span>


2. Και αλλάξτε το YOUR-BLOG-ID με το ID του blog σας

3. Για να βρείτε το ID του blog σας, απλά πηγαίνετε στην σελίδα Ανάρτηση -> Νέα Ανάρτηση και δείτε πάνω στην σελίδα, το addres bar, εκεί θα δείτε κάτι σαν αυτό:

ID του blog σας

Αντιγράφετε τα νούμερα που θα δείτε στο τέλος και αντικαταστήστε το YOUR-BLOG-ID   με το ID του blog σας

Για να ρυθμίσετε το 125χ125 ads Bar:

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


<!-- 125x125 AdBar -->
<ul class='adBar clearfix'>
                <li><a href='#'><img alt='#' class='adImage' src='http://i44.tinypic.com/2utnfwj.jpg'/></a></li>
   <li><a href='#'><img alt='#' src='http://i44.tinypic.com/2utnfwj.jpg'/></a></li>
   <li><a href='#'><img alt='#' src='http://i44.tinypic.com/2utnfwj.jpg'/></a></li>
   <li><a href='#'><img alt='#' src='http://i44.tinypic.com/2utnfwj.jpg'/></a></li>
               </ul>   


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

Για να ρυθμίσετε το Sidebar-Tabs:

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


<!-- Tabbed Nav-->
<div id='tabbed'>
    <!-- The tabs -->
    <ul class='tabnav clearfix'>
    <li class='edge'><a href='#rposts'>Recent Posts</a></li>
    <li><a href='#blogroll'>My Blogroll</a></li>
        <li class='edge'><a href='#archives'>Archives</a></li>
    </ul>
    <!-- tab 1 -->
    <div class='tabdiv' id='rposts'>
    <ul>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    </ul>
    </div>
    <!-- tab 2 -->
    <div class='tabdiv' id='blogroll'>
<ul>

    <li><a href='http://BLOG1-LINK-HERE' title='BLOG1-TITLE-HERE'>BLOG1-TITLE-HERE</a></li>
    <li><a href='http://BLOG2-LINK-HERE' title='BLOG2-TITLE-HERE'>BLOG2-TITLE-HERE</a></li>
    <li><a href='http://BLOG3-LINK-HERE' title='BLOG3-TITLE-HERE'>BLOG3-TITLE-HERE</a></li>
    <li><a href='http://BLOG4-LINK-HERE' title='BLOG4-TITLE-HERE'>BLOG4-TITLE-HERE</a></li>
    <li><a href='http://BLOG5-LINK-HERE' title='BLOG5-TITLE-HERE'>BLOG5-TITLE-HERE</a></li>
    <li><a href='http://BLOG6-LINK-HERE' title='BLOG6-TITLE-HERE'>BLOG6-TITLE-HERE</a></li>
    <li><a href='http://BLOG7-LINK-HERE' title='BLOG7-TITLE-HERE'>BLOG7-TITLE-HERE</a></li>
</ul>    </div>

<!-- tab 3 -->
    <div class='tabdiv' id='archives'>
    <ul>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    <li><a href='http://YOUR-LINK-HERE' title='YOUR-TITLE-HERE'>YOUR-TITLE-HERE</a></li>
    </ul>
    </div>
</div>   


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

Για να ρυθμίσετε το Featured Content Gallery (FCG) plugin:

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


<!-- Slider -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='slider'>
<ul>
<li>
    <div class='post-1 post hentry category-featured ' id='post-1'>
        <h2 class='headline'><a href='http://post-link.html' rel='bookmark' title='Post Title Here'>Post Title Here</a></h2>
        <h4 class='date'>Post Date Here</h4>

        <div class='entry clearfix'>
                        <a class='postImage' href='http://post-link.html'><img alt='Post Title Here' src='http://i40.tinypic.com/25ibww4.jpg'/></a>
                Consectetur adipiscing elit. Nullam elementum leo ac orci luctus accumsan. Pellentesque nibh metus, tristique eu venenatis vitae, euismod at justo. Suspendisse hendrerit augue urna. Fusce pellentesque varius nibh volutpat pellentesque. Fusce id tellus quam, quis gravida nisl. Suspendisse at tellus urna. Sed accumsan condimentum dapibus. Sed tristique tempor augue non vulputate. Curabitur nec tellus massa. Sed congue mattis arcu, sed ultrices ligula dapibus eget. Proin nec nibh eget velit aliquet semper nec in lacus. ...    </div>
           <div class='postMeta'>
        <h4 class='more'><a href='http://post-link.html' title='Read More'>Read More...</a></h4>
        <h4 class='commentnum'><a href='http://post-link.html#comments' title='Comment on TemplateInfo'>Comments (4)</a></h4>
        </div>
        </div>
</li>
<li>
    <div class='post-2 post hentry category-featured ' id='post-2'>
        <h2 class='headline'><a href='http://post-link.html' rel='bookmark' title='Post Title Here'>Post Title Here</a></h2>

        <h4 class='date'>Post Date Here</h4>

        <div class='entry clearfix'>
                        <a class='postImage' href='http://post-link.html'><img alt='Post Title Here' src='http://i42.tinypic.com/2vsixwo.jpg'/></a>

                Consectetur adipiscing elit. Nullam elementum leo ac orci luctus accumsan. Pellentesque nibh metus, tristique eu venenatis vitae, euismod at justo. Suspendisse hendrerit augue urna. Fusce pellentesque varius nibh volutpat pellentesque. Fusce id tellus quam, quis gravida nisl. Suspendisse at tellus urna. Sed accumsan condimentum dapibus. Sed tristique tempor augue non vulputate. Curabitur nec tellus massa. Sed congue mattis arcu, sed ultrices ligula dapibus eget. Proin nec nibh eget velit aliquet semper nec in lacus. ...        </div>
           <div class='postMeta'>
        <h4 class='more'><a href='http://post-link.html' title='Read More'>Read More...</a></h4>
        <h4 class='commentnum'><a href='http://post-link.html#comments' title='Comment on Post Title Here'>Comments (2)</a></h4>
        </div>
        </div>
</li> 
</ul>
</div>


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

Για οτιδήποτε θέλετε να ρωτήσετε, μπορείτε να αφήσετε τα σχόλια σας!!! Wink

Δημοσίευση σχολίου Blogger

  1. Μπράβο, Σοφάκι, πολύ ωραίο.

    Ίσως πάρω το featured content gallery μόνο :)

    ΑΝ δουλέψει στο blog μου, φυσικά, διότι δοκίμασα πολλά και δε δούλεψαν. Κι αν δεν το παραφορτώνει βέβαια..

    Δε θα ήταν καλή ιδέα να έβαζες κι ένα demo link για να το βλέπαμε στην πράξη; Εκτός κι αν το έβαλες, αλλά δεν το είδα!

    Ευχαριστώ όπως και να'χει!

    ΑπάντησηΔιαγραφή
  2. Το ερωτεύτηκα!! Έχει σχεδόν όλα όσα θέλω! Ευχαριστώ πολύ!

    ΑπάντησηΔιαγραφή
  3. @ TwistedTool Ειναι απο τις ωραιοτερες δουλειες τις Σοφιας η μετατροπη αυτή του template & χαιρομαι που τα παρουσιαζουμε & απο εδω.

    ΑπάντησηΔιαγραφή

Παρακαλώ, την προσοχή σας ! ! !

* Εάν εντοπίσετε κάποιο πρόβλημα σε κάποια δημοσίευση (μη ενεργός συνδεσμος λ.χ. ή οτιδήποτε άλλο), παρακαλούμε κάντε τον κόπο να γράψετε στα σχόλιά σας, το οποιοδήποτε πρόβλημά σας, ώστε να προβούμε στην άμεση διόρθωσή του.
Επίσης, μπορείτε να αποστείλετε ένα "Ευχαριστώ" προς όσους ασχολήθηκαν & σας προσέφεραν ένα... κομμάτι από τη γνώση τους.

Παράκληση προς τους φίλους αναγνώστες-σχολιαστές:

* Να αποφεύγετε να γράφετε με greekglish γιατί τα σχόλιά σας ΔΕΝ θα γίνονται δεκτά.
* Αποφεύγετε το spamάρισμα στα σχόλια. - Please don't spam me!
* Σε περίπτωση που δεν έχετε καταλάβει κάτι, επικοινωνήστε μαζί μας μέσα από την φόρμα των σχολίων και θα σας απαντήσουμε σε εύλογο χρόνο, γι' αυτό ΜΗΝ καταφεύγετε στη αποστολή e-mail για τις όποιες απορίες σας.
* Χρησιμοποιήστε το Reply (που βρίσκεται κάτω από την εικόνα χρήστη), αν θέλετε να του απευθύνετε το λόγο, ή να απαντήσετε σε προυγούμενο σχόλιο.
* Το μέγιστο όριο χαρακτήρων είναι 4.096
* Τα σχόλιά σας θα δημοσιεύονται μετά τον απαραίτητο έλεγχο.

Σημείωση: Όσοι θέλετε να παίρνετε ειδοποιήσεις για τα σχόλια που κανετε, μην ξεχάσετε να τικάρετε το κουμπί "Να λαμβάνω ειδοποιήσεις"

Σας Ευχαριστούμε για την κατανόηση και την επίσκεψή σας.!

 
Top
Blogger Tutorials

Δημιουργήστε τώρα ένα ιδανικό ιστολόγιο, χωρίς να ξοδέψετε ούτε 1€.Περισσότερα από 500 tutorials είναι στη διάθεσή σας.
Οι διαχειριστές του ιστολογίου «Στάλες στο γαλάζιο» σας συμβουλεύουν...
Αποφεύγετε την οποιαδήποτε προσφερόμενη "βοήθεια" από τυχάρπαστους και κατ' επίφαση "web designers", που από ιδιοτέλεια και μόνο προσπαθούν να εκμεταλλευθούν την άγνοιά σας!!!
Με εκτίμηση
«Στάλες στο γαλάζιο»
:-)