Έχει περάσει καιρός απο τότε που κυκλοφόρησα ενα 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 :
<!--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='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); 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:
<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 :
<!-- /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&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 :
Αν αντιμετωπίσετε κάποιο πρόβλημα η για όποιες απορίες σας ,παρακαλώ αφήστε τα σχόλιά σας .
Ωραίο template σκεύτομαι να το χρησιμοποιήσω!!!
Καλήμερα :-D
Χαίρομαι πολύ που σου άρεσε !
Να είσαι καλά :* :-P
Την καλησπερα μου!!
Πολυ καλο!!
Μια ερωτηση...Εχω κολλησει γιατι δεν μου βγαζει το navbar..Βασικα το χρησιμοποιω με firefox(δεν ξερω αν παιζει ρολο)
Καλησπέρα Γιάννη 8-)
Όχι, δεν παίζει ρόλο με τι browser το χρησιμοποιείς , γιατί απλά έχω κρύψει το navbar .
Αν θέλεις να το εμφανίσεις ,απλά βρες στο πρότυπο τους παρακάτω κωδικούς και διέγραψε τους :
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}