-->
 

Για επικοινωνία κάντε σχόλιο!
Και μην ξεχνάτε να διαβάζετε τα σχόλια.Υπάρχουν λύσεις και εκεί.

Σταθερή πλευρική μπάρα με κουμπί κλεισίματος.

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

<script type="text/javascript">
//<![CDATA[
function closeTopAds() {document.getElementById("exebar").style.display = "none";}
//]]>
</script>
<style>
#exebar{
background: #7d7e7d; /* Old browsers */
/* IE9 SVG, needs conditional override of &#39;filter&#39; to &#39;none&#39; */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, transparent 0%, transparent 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,transparent)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, transparent 0%,transparent 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, transparent 0%,transparent 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, transparent 0%,transparent 100%); /* IE10+ */
background: linear-gradient(top, transparent 0%,transparent 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;transparent&#39;, endColorstr=&#39;transparent&#39;,GradientType=0 ); /* IE6-8 */
width:100%;
text-align:center;
top:120px;
left:555px;
right:000px;
border-bottom: 1px solid transparent;
z-index: 999;
height: 890px;
position:fixed;
line-height: 2.2em;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,&quot;Helvetica&quot;,sans-serif;
}
#exebar a{color:#eeff00;text-decoration:none;}
#exebar a:hover{text-decoration:underline;}
 </style>
<!-- This Is A Copyrighted "EXE Top Fixed Bar" Widget, Don't Try To Theft It Otherwise... -->

<div id="exebar">
<!--adsense bar right-->

ο κώδικας της διαφήμισης εδώ

<span onclick="closeTopAds();return false;" style="color: red; padding: 0px;">X</span>

</div>
<!-- This Is A Copyrighted "EXE Top Fixed Bar" Widget, Don't Try To Steal It Otherwise... -->


Τώρα το μόνο που έχετε να κάνετε είναι να ρυθμίσετε τη μπάρα ώστε να εμφανίζεται στο σωστό σημείο.Για ρύθμιση του ύψους που θα εμφανίζεται αυξομειώστε αντίστοιχα το πράσινο .Για ρύθμιση του πλάτους στο οποίο θα εμφανίζεται ρυθμίστε το  κόκκινο .Το κίτρινο ρυθμίζει το πλάτος της μπάρας.Ενώ το γαλάζιο το ύψος της μπάρας.

Για διευκρινίσεις κάντε σχόλιο.

symvl.blogspot.com
Read more ...

βάλτε σημαιάκια μετάφρασης

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

Μπορείτε να βάλετε όλα τα παρακάτω σημαιάκια ή να επιλέξετε κάποια από αυτά αφαιρώντας τον περιττό κώδικα.

Όλα τα σημαιάκια.



<div class="widget-content">
<div align="center"> <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cen&amp;hl=en'); return false;"><img alt="English" title="English" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom%28Great+Britain%29.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cfr&amp;hl=en'); return false;"><img alt="French" title="French" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cde&amp;hl=en'); return false;"><img alt="German" title="German" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Ces&amp;hl=en'); return false;"><img alt="Spain" title="Spain" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cit&amp;hl=en'); return false;"><img alt="Italian" title="Italian" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cnl&amp;hl=en'); return false;"><img alt="Dutch" title="Dutch" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cru&amp;hl=en'); return false;"><img alt="Russian" title="Russian" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cpt&amp;hl=en'); return false;"><img alt="Portuguese" title="Portuguese" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cja&amp;hl=en'); return false;"><img alt="Japanese" title="Japanese" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a>
<br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cko&amp;hl=en'); return false;"><img alt="Korean" title="Korean" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Car&amp;hl=en'); return false;"><img alt="Arabic" title="Arabic" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese Simplified" title="Chinese Simplified" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" />
 </a></div></div></div>


ένα σημαιάκι


<div class="widget-content">
<div align="center"> <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7Cen&amp;hl=en'); return false;"><img alt="English" title="English" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom%28Great+Britain%29.png" style="cursor: pointer; margin-right: 8px;" align="absbottom" border="0" height="24" width="24" /></a></div></div></div>

Αν θέλετε να αφαιρέσετε ένα σημαιάκι απλά διαγράψτε τον κώδικα ανάμεσα στις ετικέτες
<a>......</a>

symvl.blogspot.com
Read more ...

Το adsense θέλει σκλαβάκια!

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

Τα καθημερινά κέρδη από το άντσενς φαίνεται να είναι απευθείας σε αναλογία με το πόσο καλό είναι αυτό που γράφεις και το πόσο συχνά γράφεις.Αν το επίπεδο των αναρτήσεών σου είναι μέτριο ή όχι καλό τότε το καθημερινό γράψιμο είναι απαραίτητο.Ίσως και όχι μόνο ένα άρθρο τη μέρα αλλά δύο και τρία!Πρακτικά κάτι τέτοιο είναι πολύ δύσκολο να γίνει και δεν είναι για όλους.Πρέπει κάποιος να έχει άνεση στο γράψιμο και να είναι δημιουργικός.symvl.blogspot.com Να είναι σε θέση να κατεβάζει νέες ιδέες σε καθημερινή βάση.Όχι και ότι πιο εύκολο υπάρχει.Αν το άρθρο είναι αρκετά καλό το άντσες μπορεί να αποδόσει για δυό ,τρεις μέρες,ίσως και παραπάνω χωρίς να γράψεις κάτι καινούριο.

Πάντως ,όπως έιπα,καλό ή κακό άρθρο ,πρέπει να γραφτεί και ας είναι ότι να ναι στην κυριολεξία.Αν δεν ακολουθείσετε το αυστηρό αυτό σύστημα είτε επειδή 'σπάσατε' λόγω κούρασης είτε επειδή δεν κατεβάζει η γκλάβα καινούριες ιδές, η γουγκλ σας τιμωρεί μειώνοντας τα ημερήσια κέρδη.Αυτό το συμπέρασμα τουλάχιστον βγάζω από τα symvl.blogspot.com χρόνια που παρατηρώ το adsense. Και η τιμωρία έρχεται πολύ γρήγορα,σε δύο,τρεις ή ακόμη και μία μέρα με τα μειωμένα ημερήσια κέρδη στον λογαριασμό σας άντσενς.

Αν καταφέρνει και γράφει κάποιος σε καθημερινή βάση ένα ευμεγέθες κείμενο ή έστω μέτριο κείμενο,όχι μια,δύο παραγράφους,σε βάθος χρόνου θα βλέπει τα κέρδη του να αυξάνονται.symvl.blogspot.comΣε κάποια στιγμή θα δει ότι θα φτάσει σε ένα μέγιστο μηνιαίο μέσο ποσό.Για να ανεβάσει εκεί κι άλλο τα κέρδη του κάποιος θα πρέπει να βγάλει τον καλύτερό του εαυτό και τεράστια αποθέματα υπομονής και γράφει ακόμη περισσότερο.

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

Ακόμη και να καταφέρει κάποιος να κρατήσει το ρυθμό δεν είναι σίγουρο ότι θα βγάλει καλά λεφτά.Αυτό εξαρτάται από διάφορους άλλους παράγοντες.

Καλή υπομονή,αν αντέχετε και καλές ιδέες!
symvl.blogspot.com
Read more ...

Πώς αυξάνω την επισκεψιμότητα στο μπλογκ μου.


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

μοναδικό περιεχόμενο
Είναι το μοναδικό που μπορείτε να βασιστείτε με σιγιουριά ώστε να αυξάνεται συνεχώς η επισκεψιμότητα του μπλογκ σας.Πρέπει δηλαδή να ανανεώνετε το μπλογκ σας γράφοντας πρωτότυπες και χρήσιμες αναρτήσεις,που δεν θα μπορεί να τις βρει κάποιος πουθενά στο διαδίκτυο.symvl.blogspot.com  Μην αντιγράφετε και μην ξεπατικώνετε άλλα σάιτ.Αν αρέσει το υλικό σας,αν λύνει κάποιο πρόβλημα του επισκέπτη τότε εκείνος θα ξανάρθει.Βέβαια το να γράψεις πολύ καλό και ενδιαφέρον περιόχομενο που θα αρέσει μάλιστα σε πολλούς δεν είναι καθόλου εύκολη υπόθεση.Αυτό εξαρτάται από τη δημιουργικότητα του καθενός.Εκεί κολλάει η δουλειά...

facebook
Ένας δεύτερος σημαντικός τρόπος για να αυξήσετε τους επισκέπτες είναι βέβαια τα δίκτυα κοινωνικής δικτύωσης όπως το facebook.Μέχρι πρόσφατα το γνωστό σε όλους μας πλέον fb ήταν μια σημαντική πηγή για τα μπλογκ μας.Και λέω μέχρι πρόσφατα ήταν,γιατί μετά τις τελευταίες αλλαγές που έκανε ο Τσούκερμπερκ στο facebook όλοι έχασαν .Για να μην πω καταστράφήκαν.symvl.blogspot.com  Γιατί;Γιατί πλέον πρέπει να πληρώσεις στο φβ για να δουν τις αναρτήσεις σου αυτοί που έχουν κάνει ήδη στη σελίδα λάικ.Π.χ. έχεις μια φανπέιτζ με 5000 λάικς.Ενώ πρίν τις αλλαγές έβλεπαν όλοι τα πόστ σου,τώρα ζήτημα είναι να μπορεί να τις δει ένα 10%.Στην καλύτερη περίπτωση...Για τους υπόλοιπους πρέπει να πληρώσεις σημαντικά ποσά.Που δεν τα διαθέτουμε πλέον.

Επιπλέον τα δίκτυα κοινωνικής δικτύωσης symvl.blogspot.com  έχουν το μεγάλο μειονέκτημα ότι οι επισκέπτες που στέλουν στο μπλογκ και κάνουν κλικ στα ποστ μας απλά από περιέργια .Μετά από λίγο φεύγουν από το σάιτ μας.Δεν τους ενδιαφέρει πραγματικά.

κάνουμε SEO
Ο τρίτος σημαντικός τρόπος είναι να κάνεις SEO στο μπλογκ σου που ισοδυναμεί με το Search Engine Optimization ,δηλαδή βελτιστοποίηση του κώδικα του μπλογκ ώστε να είναι symvl.blogspot.com  φιλικός με τις μηχανές αναζήτησεις.Υπάρχουν διάφοροι ιστότοποι στο διαδίκτυο που μιλούν για το πώς μπορεί να εφαρμόσει απλές τακτικές SEO στο μπλογκ του.

επιλέγουμε σωστά keywords
Ένας τέταρτος τρόπος όχι λιγότερο σημαντικός είναι τα keywords ,οι λέξεις-κλειδιά δηλαδή που είναι σημαντικές για το μπλογκ μας.Πρέπει να επιλέγουμε λέξεις-κλειδιά οι οποίες θα τραβήξουν κόσμο.Αν γράφουμε π.χ.,λέμε τώρα,για τα αιγυπτιακά ιερογλυφικά ,πόσοι ενδιαφέρονται γι'αυτό το θέμα;Μάλλον λίγοι.Και αν γράφουμε στα ελληνικά ,ακόμη λιγότεροι ,μετρημένοι στα δάχτυλα.Από την άλλη να μην επιλέγουμε πολύ γενικές κατηγορίες ,όπως π.χ. αυτοκίνητα, γιατί απλούστατα πιθανότατα δεν πρόκειται ποτέ να ξεπεράσουμε ποτέ τους ήδη symvl.blogspot.com μεγάλους ανταγωνιστές στο θέμα και να ανέβουμε στην πρώτη σελίδα στη μηχανή αναζήτησης της Γοογλε.

κουμπιά κοινωνικής δικτύωσης
Να χρησιμοποιήτε γουίτζετ με κουμπιά κοινοποίσης του περιεχομένου σας στο fb, twitter ,google+ ώστε να δίνετε τη δυνατότητα στους επισκέπτες να κοινωποιούν το πρωτότυπο περιεχόμενό σας.

Συμπέρασμα-Ρίξτε το βάρος στο πρωτότυπο περιεχόμενο και συνδυάστε το, δευτερευόντως, με τα υπόλοιπα.Όχι το αντίστροφο.

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

Μελετήστε λίγο τα παραπάνω και καλή συνέχεια.
symvl.blogspot.com
Read more ...

Πώς αλλάζουμε γραμματοσειρές κειμένου στο μπλογκ μας.

Ίσως τα γράμματα του κειμένου μέσα στην ανάρτησή σας φαίνονται πολύ ή και αντίθετα πολύ μεγάλα οπότε χρειάζονται αλλαγή. Ας δούμε τώρα με ποιόν τρόπο μπορούμε να αλλάξουμε τη γραμματοσειρά (font).

Αρχικά πηγαίνουμε Πρότυπο/Επεξεργασία.

Ακολούθως με Cntrl+F (αφού κάνουμε ένα αριστερό κλικ μέσα στον κώδικα) ψάχνουμε για skin .θα μας πάει σε μια σειρά που θα γράφει <skin>...</skin> .

Kάνουμε κλικ στις τελείες και ψάχνουμε (πάλι με Cntrl+F) για .post

Ο κώδικας που θα βρεθεί θα είναι της  μορφής ...
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

Για να αλλάξουμε μέγεθος γραμματοσειράς προσθέτουμε μια γραμμή κώδικα.
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
font-size:15px;
}

Στο γαλάζιο αυξομειώνουμε τον αριθμό ανάλογα με το τί επιθυμούμε.


Για να αλλαγή χρώματος γραμματοσειράς.
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
color:#FFFFFF;
}

Για αλλαγή τύπου γραμματοσειράς
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
font-family:"Times New Roman",Georgia,Serif;
}

Read more ...