Royale Noir - Stylish dark Blogger template. |  Στάλες στο γαλάζιο ® <link href='http://1.bp.blogspot.com/-KYfklIvjN5Y/TdJb-VbrbwI/AAAAAAAALfQ/nQdB6_UXWWw/s72-c/Royale%2BNoir%2B-%2BStylish%2Bdark%2BBlogger%2Btemplate.png' rel='https://4.bp.blogspot.com/-ucvLyH7G8ns/WNrpJ42EDOI/AAAAAAAAfwo/V5doGhzXC8QztinTcD9Jfy_YBPCPzpPOgCLcB/s640/Stales_sto_Galazio.jpg'/>

0




Preview Download


Έχει περάσει καιρός απο τότε που κυκλοφόρησα ενα Blogger πρότυπο.

Σήμερα όμως, έχω να σας παρουσιάσω κάτι ιδιαίτερο για μένα , γιατί είναι το πρώτο πρότυπο για την Blogger πλατφόρμα, που σχεδιάστηκε και δημιουργήθηκε απο μένα.

Royale Noir είναι ένα σκούρο μοντέρνο πρότυπο με 2 στήλες, με widgetized τμήματα στο υποσέλιδο και στην πλαϊνή μπάρα, για οποιαδήποτε gadgets θέλετε να συμπεριλάβετε.

Αυτό το πρότυπο χρησιμοποιεί αρκετά CSS3 στοιχεία, για να δημιουργηθεί πιο καινοτόμος σχεδιασμός χωρίς τη χρήση εικόνων φόντου.

Συμβατότητα:

Το έχω δοκιμάσει σε Internet Explorer (7-8), Opera και Safari.

Ενώ οι στρογγυλεμένες γωνίες και text-shadow αποτελέσματα ενδεχετε να μην λειτουργούν στα προγράμματα περιήγησης που δεν υποστηρίζουν CSS3, χωρίς όμως να δημιουργούν άσχημα η ανεπιθύμητα αποτελέσματα.

Creative Commons Attribution

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

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


Κύρια χαρακτηριστικά του Royale Noir

Fixed width
2 columns
Widget ready
Modern theme
125x125 Banners Ready
Όμορφα σχεδιασμένο Comment Section
Αυτόματα Sidebar tabs
Page Navigation

Έχω προσπαθήσει να μην επιβαρω πολυ αυτό το σχέδιο με πολλά χαρακτηριστικά γνωρίσματα, γιατί θα ήθελα να προσφέρει μια καθαρή σχεδίαση που φορτώνει αρκετά γρήγορα και μπορεί εύκολα να προσαρμοστεί για να τις ιδιαίτερες προτιμήσεις σας.

Ρυθμίσεις





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

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


<!--Navigation Menu-->
<div id='menu_navigation'>
<ul class='menu'>
<li><a class='on' href='/'>Home</a></li>
<li class='cat-item-1'><a href='YOUR-LINK-HERE' title='Text 1'>YOUR Text</a>
</li>
<li class='cat-item-2'><a href='YOUR-LINK-HERE' title='Text 2'>YOUR Text</a>
</li>
<li class='cat-item-3'><a href='YOUR-LINK-HERE' title='Text 3'>YOUR Text</a>
</li>
<li class='cat-item-5'><a href='YOUR-LINK-HERE' title='Text 4'>YOUR Text</a>
</li>
<li class='cat-item-6'><a href='YOUR-LINK-HERE' title='Text 5'>YOUR Text HERE</a>
</li>
<li class='cat-item-7'><a href='YOUR-LINK-HERE' title='ΑΡΧΕΙΑ'>ΑΡΧΕΙΑ</a>
</li>
<li class='cat-item-8'><a href='feeds/posts/default' title='Subscribe to our feeds'>Post RSS</a>
</li>
<li class='cat-item-9'><a href='feeds/comments/default' title='Subscribe to our Atom feeds'>RSS Atom</a>
</li>
</ul>
</div>
<!--End Navigation Menu-->


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

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


<!-- Tabs -->
<div class='widgets' id='tabzine'>
<ul class='tabnav'>
<li class='Foll'><a href='#tab1'>Followers</a></li>
<li class='Σχολ'><a href='#tab2'>Σχόλια</a></li>
<li class='Προσφ'><a href='#tab3'>Πρόσφατα</a></li>


Απλά αλλάξτε τα σημεία με έντονο κόκκινο χρώμα με τις ονομασίες απο τα gadgets που θα εισάγετε στα tabs.

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



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

Για να εισαγετε gadgets στα tabs:

Αυτό θα το κάνετε κανονικά, όπως θα το κάνατε αν θέλατε να εισάγετε στο πρότυπό σας κάποιο gadget.
Απλά πατήστε Προσθήκη gadget και εισάγετε όποιο gadget θέλετε, ή μετακινήστε στα Tabs απο οποιοδήποτε σημείο του προτύπου κάποια gadget.

Δείτε την φωτογραφία για να καταλάβετε καλύτερα:



Για να ρυθμίσετε τα 125x125 Banners:

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


<div class='ads125'>
<a href='YOUR-LINK-HERE'><img alt='Ad' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/TAY3Ipw0VAI/AAAAAAAAA84/Uq5ezql5BJg/s1600/33.jpg'/></a>
<a href='YOUR-LINK-HERE'><img alt='Ad' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/TAY3Ipw0VAI/AAAAAAAAA84/Uq5ezql5BJg/s1600/33.jpg'/></a>
<a href='YOUR-LINK-HERE'><img alt='Ad' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/TAY3Ipw0VAI/AAAAAAAAA84/Uq5ezql5BJg/s1600/33.jpg'/></a>
<a href='YOUR-LINK-HERE'><img alt='Ad' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/TAY3Ipw0VAI/AAAAAAAAA84/Uq5ezql5BJg/s1600/33.jpg'/></a>
<a href='YOUR-LINK-HERE'><img alt='Ad' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/TAY3Ipw0VAI/AAAAAAAAA84/Uq5ezql5BJg/s1600/33.jpg'/></a>
<a href='YOUR-LINK-HERE'><img alt='Ad' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/TAY3Ipw0VAI/AAAAAAAAA84/Uq5ezql5BJg/s1600/33.jpg'/></a>
</div>
<!-- /ADS ends Here-->


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

Για να ενεργοποιήσετε τα post share buttons:

Πηγαίνετε Σχεδίαση >> Στοιχεία Σελίδας και στο πλαίσιο Αναρτήσεις ιστολογίου ( ακριβώς απο κάτω ) πατήστε Επεξεργασία.



Θα ανοιξει ενα παραθυρακι Διαμόρφωση αναρτήσεων ιστολογίου  και εκει επιλεξτε Εμφάνιση κουμπιών κοινής χρήσης 



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

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


<!-- /Follow -->
<div class='follow'>
<img alt='rss' height='39' src='http://3.bp.blogspot.com/_Q6tRnBVZnko/TAATHaHz5JI/AAAAAAAAA5k/gEdU67ojadQ/s320/follow.png' width='93'/>
<!-- /RSS -->
<a href='/feeds/posts/default'><img alt='rss' height='48' src='http://4.bp.blogspot.com/_Q6tRnBVZnko/TAATMvSkFmI/AAAAAAAAA50/tyzGob0-VDg/s1600/rss.png' width='48'/></a>
<!-- /Twitter -->
<a href='http://twitter.com/bloggertrics'><img alt='twitter' height='48' src='http://4.bp.blogspot.com/_Q6tRnBVZnko/TAATP4QWpfI/AAAAAAAAA58/Ve7xjyyQfAQ/s320/twit.png' width='48'/></a>
<!-- /Email_RSS -->
<a href='http://feedburner.google.com/fb/a/mailverify?uri=bloggertrics&amp;loc=en_US'><img alt='mail' height='48' src='http://2.bp.blogspot.com/_Q6tRnBVZnko/TATdqHr3x5I/AAAAAAAAA6U/JXUAv1cLBmc/s1600/1268343221_Social_Email_RSS.png' width='48'/></a>
</div>


α ) Αλλάξτε το link http://twitter.com/bloggertrics με το twitter url σας.
β ) Στο Email_RSS βρείτε το σημείο bloggertrics και αλλάξτε το με το Email feed username σας

Για να ρυθμίσετε το Blogger date calendar:

Πηγαίνετε Ρυθμίσεις -> Διαμόρφωση -> Μορφή Timestamp και επιλέξτε την μορφή:





Αν αντιμετωπίσετε κάποιο πρόβλημα η για όποιες απορίες σας, παρακαλώ αφήστε τα σχόλιά σας. Wink

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

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

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

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

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

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

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

 
Top
Blogger Tutorials

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