Canvas- Free Blogger Template.

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPr9q4YRmw3wrDQvJ2015E0p0G8mjOPCuKrGBjZb_oR00qbmBDQANTLXaAARHyiIO6WsIiswzu4q3jIQa64iZRZC_v-znyqaNX7jPMxXns5bSUtTVwyzbt4MDBYReMQZigsVddCaEUF40/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCrhHGLHriOEhVfS-7xOsmUbFSpCJtfbbQT5hprlNJz6oMPVJ1Y-teghzgTfXHeZ6vnJ7aoaw_f_ptAITEZJtr6D80WT9TwaEinVcb-FNyUGGwKKX7AsGvdioSsxQLBkV4X-Fi0gWhPNo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJFcLmtv-aaWg82tm1ZQLIYrWnqTT2kDESzk-VhvG32UdWbe2mT8hUwsMcGHthwfyopRKgTTwlF46_XTLSzE8DVTXQnfs-PwsivJZSn3hAZBJExU34lE1YW_0Xay5V6W3FfxSTbpZAsM/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ9k2YZuo_9RN63OFYCGmtXJDmFOtWtb4NUkv2NwkbKsJloil0Z5Uvt3bzAvfTEDzN2xSAJltTgEd5dXmUPwgqoAlqldl2CYiRriSu35ywQkfh6cLv-yU3d9pp__jvUvBDCDeoA9NBZl4/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoFv8AY7o1bYAPczVeL6346Lk3haJTqkWJC0NfaSQJcQxD3R20GJ-pE_iDzM3R6yhiKkVDIvDfWIpKnJMSkmG05oa2lvzNAoXIefB1tD75VtsmujNgPj0AQ4IELz3bmVfKyw_P8k7ByQI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgckuZrPVJa029teESpoPK-pabyahPdtS3YubaYIj17q7H5R6a17ccC0DG6GLpQznK-Dz98QkeYG28NPGLv89KiHVMw-dnTpzQowwtDs0T1Qxe7_FJ9Eex2qTLm04l5DbeaCEK1ZQ6AuW8/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, εκεί θα δείτε κάτι σαν αυτό:



Αντιγράφετε τα νούμερα που θα δείτε στο τέλος και αντικαταστήστε το 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 με τα δικά σας

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