The Garden Free Premium Artistic blogger template.

                 


Σήμερα σας παρουσιάζω ένα μοναδικό  Free Blogger  πρότυπο

The Garden - Είναι ένα ελεύθερο Premium Artistic blogger template
Ένα πρότυπο με μοναδικό σχεδιασμό , όπως μπορείτε να δείτε .

Πανέμορφο πρότυπο με ζωηρά χαρούμενα χρώματα  και πολλά έξτρα πρόσθετα :

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

Και πολλά περισσότερα ...........

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

Ρυθμίσεις Προτύπου :


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

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

Code:

<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=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a>       <ul>           <li class='page_item page-item-3'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>           <li class='page_item page-item-4'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>               <li class='page_item page-item-5'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>           <li class='page_item page-item-6'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>       </ul>       </li>              <li class='page_item page-item-7'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>              <li class='page_item page-item-8'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a>       <ul>           <li class='page_item page-item-9'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>           <li class='page_item page-item-10'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>           <li class='page_item page-item-11'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>           <li class='page_item page-item-12'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>           <li class='page_item page-item-13'><a href=' http://YOUR-LINK-HERE ' title=' YOUR-TEXT-HERE '>YOUR-TEXT-HERE </a></li>       </ul>       </li>               </ul>

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

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

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

Code:

<ul id='bookmark'>                          <li class='digg'><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://i44.tinypic.com/ig9d94.jpg'/></a></li>                           <li class='twitter'><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://i41.tinypic.com/21ep1za.jpg'/></a></li>                           <li class='technorati'><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://i44.tinypic.com/e99p1h.jpg'/></a></li>                           <li class='stumble'><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='Stumbleupon' src='http://i42.tinypic.com/vmt005.jpg'/></a></li>                           <li class='rss'><a href=' http://feeds.feedburner.com/bloggertrics ' title='Join RSS feed'><img alt='RSS' src='http://i43.tinypic.com/ir3mrr.jpg'/></a></li>                       </ul> 

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

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

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

Code:

<form action=' http://thegarden-demo.blogspot.com/ ' id='searchForm' method='get'>               <label class='hidden' for='s'>Search for:</label>                   <div><input id='s' name='s' type='text' value=''/>                   <input id='searchsubmit' type='submit' value='Go'/>                   </div>                   </form>

2 . Και αλλαξτε το http://thegarden-demo.blogspot.com/ με το url του blog σας

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

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

Code:

<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, εκεί θα δείτε κάτι σαν αυτό : http://blogger.com/post-create.g?blogID= χχχχχχχχχχχχ



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

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

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

Code:

<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 . Βρείτε στο πρότυπο σας τον παρακάτω κώδικα :

Code:

<div id='tabbed'>          <!-- The tabs -->           <ul class='tabnav clearfix'>           <li><a href='#rposts'>Recent Posts</a></li>           <li><a href='#blogroll'>My Blogroll</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>       </div>    

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

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

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

Code:

<div class='clearfix' id='featured'>      <div id='slider'>       <ul>       <li>           <div class=' post-1 post hentry category-featured tag-Tags title ' id=' post-1 '>           <h2 class='headline'><a href=' http://post-link.html ' rel='bookmark' title=' Post Title '>Post Title</a></h2>           <h4 class='date'>Post Date here </h4>               <h4 class='commentnum'><a href=' http://post-link.html ' title=' Σχόλια  στο Post Title '>Εδώ τον αριθμό σχολίων </a></h4>               <div class='entry clearfix'>                                                        <a class='postImage' href=' http://i40.tinypic.com/25ibww4.jpg '><img alt=' Post Title ' src=' http://i40.tinypic.com/25ibww4.jpg '/></a>                  Εδώ το απόσπασμα από την ανάρτηση σας …. ...   </div>               <h4 class='tags'>Tags: <a href=' http://blogspot.com/search/label/ΕΤΙΚΕΤΩΝ ΑΝΑΡΤΗΣΗΣ ' rel='tag'>Tags</a> </h4>               </div>       </li>       <li>   <div class=' post-2 post hentry category-featured tag-Tags title ' id=' post-2 '>         <h2 class='headline'><a href=' http://post-link.html ' rel='bookmark' title=' Post Title '>Post Title</a></h2>         <h4 class='date'>Post Date here </h4>             <h4 class='commentnum'><a href=' http://post-link.html ' title=' Σχόλια  στο Post Title '>Εδώ τον αριθμό σχολίων </a></h4>             <div class='entry clearfix'>                                                      <a class='postImage' href=' http://i42.tinypic.com/2vsixwo.jpg '><img alt=' Post Title ' src=' http://i42.tinypic.com/2vsixwo.jpg'/></a> Εδώ το απόσπασμα από την ανάρτηση σας …. ...   </div>               <h4 class='tags'>Tags: <a href=' http://blogspot.com/search/label/ΕΤΙΚΕΤΩΝ ΑΝΑΡΤΗΣΗΣ ' rel='tag'>Tags</a> </h4>               </div>       </li>       <li>   <div class=' post-3 post hentry category-featured tag-Tags title ' id=' post-3 '>         <h2 class='headline'><a href=' http://post-link.html ' rel='bookmark' title=' Post Title '>Post Title</a></h2>         <h4 class='date'>Post Date here </h4>             <h4 class='commentnum'><a href=' http://post-link.html ' title=' Σχόλια  στο Post Title '>Εδώ τον αριθμό σχολίων </a></h4>             <div class='entry clearfix'>                                                      <a class='postImage' href='http://i43.tinypic.com/64ja1h.jpg '><img alt=' Post Title ' src='http://i43.tinypic.com/64ja1h.jpg'/></a> Εδώ το απόσπασμα από την ανάρτηση σας …. ...   </div>               <h4 class='tags'>Tags: <a href=' http://blogspot.com/search/label/ΕΤΙΚΕΤΩΝ ΑΝΑΡΤΗΣΗΣ ' rel='tag'>Tags</a> </h4>               </div>       </li>       <li>    <div class=' post-4 post hentry category-featured tag-Tags title ' id=' post-4 '>         <h2 class='headline'><a href=' http://post-link.html ' rel='bookmark' title=' Post Title '>Post Title</a></h2>         <h4 class='date'>Post Date here </h4>             <h4 class='commentnum'><a href=' http://post-link.html ' title=' Σχόλια  στο Post Title '>Εδώ τον αριθμό σχολίων </a></h4>             <div class='entry clearfix'>                                                      <a class='postImage' href=' http://i40.tinypic.com/23tqzo7.jpg '><img alt=' Post Title ' src=' http://i40.tinypic.com/23tqzo7.jpg '/></a> Εδώ το απόσπασμα από την ανάρτηση σας …. ...   </div>             <h4 class='tags'>Tags: <a href=' http://blogspot.com/search/label/ΕΤΙΚΕΤΩΝ ΑΝΑΡΤΗΣΗΣ ' rel='tag'>Tags</a> </h4>             </div>     </li>     </ul>      </div>       </div>    

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


Αν χρειαστείτε οποιαδήποτε βοήθεια αφήστε το σχόλιο σας και θα προσπαθήσω να σας απαντήσω όσο πιο γρήγορα μπορέσω