Οριζόντιο μενού με κατηγορίες.

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

Το μενού μπορείτε να το δείτε εδώ.


Γκρί μπάρα

1ο βήμα
στο Πρότυπο/επεξεργασία HTML κλικάρετε το κουτάκι Επέκταση προτύπων γραφικών στοιχείω.Ακολούθως με CNTRL+F ψάξτε για ]]></b:skin>
Πρίν από αυτό επικολλήστε τον παρακάτω κώδικα: 

#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}

#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}

#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
border: 1px solid #AAAAAA;
background: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}

#jsddm li a:hover {
background: #C8C8C8;
}

#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}

#jsddm li ul li {
float: none;
display: inline;
}

#jsddm li ul li a {
width: auto;
background: #CAE8FA;
}

#jsddm li ul li a:hover {
background: #A3CEE5;
}

2ο βήμα.Ακολούθως πάλι με CNTRL+F ψάξτε για </head>

και πριν από αυτό επικολλήστε τον ακόλουθο κώδικα:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/>
  <script type='text/javascript'>
  //<![CDATA[

var timeout    = 500;
  var closetimer = 0;
  var ddmenuitem = 0;

function jsddm_open()
  {  jsddm_canceltimer();
  jsddm_close();
  ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
  {  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
  {  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
  {  if(closetimer)
  {  window.clearTimeout(closetimer);
  closetimer = null;}}

$(document).ready(function()
  {  $('#jsddm > li').bind('mouseover', jsddm_open)
  $('#jsddm > li').bind('mouseout',  jsddm_timer)});

document.onclick = jsddm_close;
  //]]>
  </script>

3ο βήμα
Πηγαίντε τώρα στη Διάταξη/προσθήκη gadget ΗΤΜL επικολλήστε και σώστε τον εξής κώδικα:

<ul id="jsddm">
  <li><a href="#">Home</a>
  <li><a href="#">Menu 1</a>
  <ul>
  <li><a href="#">Drop 1-1</a></li>
  <li><a href="#">Drop 1-2</a></li>
  <li><a href="#">Drop 1-3</a></li>
  </ul>
  </li>

 <li><a href="#">Menu 2</a>
  <ul>
  <li><a href="#">Drop 2-1</a></li>
  <li><a href="#">Drop 2-2</a></li>
  </ul>
  </li>

 <li><a href="#">Menu 3</a>
  <ul>
  <li><a href="#">Drop 3-1</a></li>
  <li><a href="#">Drop 3-2</a></li>
  <li><a href="#">Drop 3-3</a></li>
  <li><a href="#">Drop 3-4</a></li>

</ul>
  </li>

 <li><a href="#">Menu 4</a></li>
  <li><a href="#">Menu 5</a></li>
  <li><a href="http://symvl.blogspot.gr/2013/03/blog-post_11.html</a></li>
  </li></ul>
Έτοιμο!Τέλος, το μόνο που έχετε να κάνετε είναι να αντικαταστήσετε τις λέξεις Menu και Drop με αυτές που επιθυμείτε.Το σύμβολο #  αναντικαταστήστε το με το url της κατηγορίας σας.




Κόκκινη μπάρα

Για να κάνετε την μπάρα κόκκινη βάλτε στο 1ο βήμα τον παρακάτω κώδικα.

#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}

#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}

#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
border: 1px solid #AAAAAA;
background: #440909;
background: -webkit-gradient(linear, left top, left bottom, from(#F75A5A), to(#440909));
background: -moz-linear-gradient(top, #F75A5A, #440909);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #F1B6B6;
font-size: 15px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}

#jsddm li a:hover {
background: #861717;
}

#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}

#jsddm li ul li {
float: none;
display: inline;
}

#jsddm li ul li a {
width: auto;
background: #863D3D;
}

#jsddm li ul li a:hover {
background: #863D3D;

Αυτά για σήμερα.Για απορίες και δυσκολίες στην εγκατάσταση κάντε σχόλιο.

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

Read more ...

Πώς αυξάνω το ctr μιας ιστοσελίδας για μεγαλύτερα κέρδη.

Το ctr ή αλλιώς click-through rate στο άντσενς είναι το ποσοστό των επισκεπτών που κάνουν κλικ στις διαφημίσεις.Είναι πολύ σημαντικό για τα κέρδη αφού όσο αυξάνεται αυτό τόσο αυξάνονται και τα κέρδη.Τί μπορούμε να κάνουμε λοιπόν για να το αυξήσουμε;

Υπάρχουν μερικοί βασικοί κανόνες που επηρρεάζουν το ctr:

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

Και λίγο αναλυτικότερα τώρα:

το θέμα της σελίδας

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

η θέση της διαφήμισης

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

το στήσιμο της ιστοσελίδας και εμπειρία χρήστη

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

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

ο παράγοντας google

Τέταρτος και πιο σημαντικός θα έλεγα παράγοντας που επηρρεάζει το ctr είναι βέβαια η Google.Kάτι που έχω διαπιστώσει από την εμπειρία που έχω μέχρι σήμερα με το adsense: η γουγλ ακυρώνει πολλά κλικ,όσα θέλει τα οποία δεν εμφανίζονται πουθενά και ας υποστηρίζει στους κανόνες της το αντίθετο.Από ότι,λοιπόν,φαίνεται όταν ανανεώνεις το σάιτ σου τακτικά με αυθεντικό υλικό που το έχεις γράψεις εσύ,ανεβαίνουν και τα κέρδη.

Στην πράξη μια μπάρα με άντσες που σκρολάρει όπως αυτή http://symvl.blogspot.com/2013/01/mpara-skrollarei-adsense-adsense.html θα έπρεπε να έχει μεγαλύτερο ctr και συνεπώς μεγαλύτερα κέρδη.Και όμως,αν δεν συνδυαστεί με την τακτική ανανέωση με νέο υλικό,είτε θα έχει κάπως μεγαλύτερο ctr με λίγοτερο κέρδος όμως ανά κλικ,είτε το ctr παραμένει το ίδιο αφού η γοογλε ακυρώνει όσο κλικ θέλει και κανένας δεν μπορεί να την ελέγξει.

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

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

Read more ...

σχόλια facebook για το μπλογκ σας

Το γουίτζετ σας επιτρέπει να ενσωματώσετε σχόλια που θα εμφανίζονται και στο facebook για να τα βλέπουν όλοι που σας παρακολουθούν.

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

Πηγαίντε στο Πρότυπο/επεξεργασία προτύπου και αφού κάνετε τικ στην επέκταση προτύπων γραφικών στοιχείων,ψάξτε με Cntrl+F για  <div class='post-footer'>
 Προσθέστε τον παρακάτω κώδικα ΠΡΙΝ από αυτό.

Το κίτρινο καθορίζει το πλάτος του γούιτζετ σας.

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



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/>
</b:if>



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

Read more ...

Μπάρα με adsense που σκρολάρει.

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

Η μπάρα εμφανίζεται στο σημείο που θα βάλετε το γουίτζετ στο Πρότυπο/Διάταξη και ενώ εσείς σκρολάρετε πάνω κάτω αυτή παραμένει στο ίδιο σημείο αφήνοντας πάντα ορατή τη διαφήμιση!

Δείτε δύο ιστότοπους με παρόμοια μπάρα για να καταλάβετε περί τίνος πρόκειται:

http://www.glossesweb.com/2013/01/blog-post_19.html
http://www.apocalypsejohn.com/

ο κώδικας
Ακολουθεί ο κώδικας και μετά ο τρόπος ρύθμισης αν δεν εμφανίζεται σωστά.

<div id='BeH-Fixed'><script type="text/javascript"><!--
Εδώ ο κώδικας του άντσενς (π.χ. 160x600 skyscraper) ή άλλης διαφήμισης.

    <p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:black" href="http://symvl.blogspot.com">πάρε το γουίτζετ</a></p> </div>
<script>
window.onload = function() {

  function getScrollTop() {
    if (typeof window.pageYOffset !== 'undefined' ) {
      // Most browsers
      return window.pageYOffset;
    }

    var d = document.documentElement;
    if (d.clientHeight) {
      // IE in standards mode
      return d.scrollTop;
    }

    // IE in quirks mode
    return document.body.scrollTop;
  }

  window.onscroll = function() {
    var box = document.getElementById('BeH-Fixed'),
        scroll = getScrollTop();

    if (scroll <= 270) {
      box.style.top = "10px";
    }
    else {
      box.style.top = (scroll -260) + "px";
    }
  };

}
 </script>
<style>
#BeH-Fixed {

  position: absolute;
  z-index:9999;
}
</style>

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

Εγκατάσταση
Αντιγράψτε τον παραπάνω κώδικα μέσα σε ένα γκάτζετ HTML/Javascript στη Διάταξή σας και τοποθετείστε το εκεί που θέλετε να εμφανίζεται.Π.χ. αν θέλετε να εμφανίζεται αριστερά ,βάλτε το αριστερά.

Αν πάλι αντιμετωπίζετε πρόβλημα κάντε σχόλιο με το λινκ του μπλογκ σας για του ρίξω μια ματιά.

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

Read more ...

Απλό κυλιόμενο κουτί αναγνωστών για το τουίτερ.

Προσοχή!
Τελευταίως το twitter άλλαξε τους κώδικές του και το twitter likebox δεν δουλεύει.Δοκιμάστε έναν εναλλακτικό τρόπο.

Επιτέλους ένα πολύ απλό μεν ,αλλά πολύ χρήσιμο δε κινούμενο κουτί για τους θαυμαστές σας στο τουίτερ.

Το μόνο που έχετε να κάνετε για να λειτουργήσει είναι να αντιγράψετε τον παρακάτω κώδικα μέσα σε ένα ΗΤΜΛ γκάτζετ στη διάταξη και να αντικαταστήσετε την κόκκινη λεξούλα με το όνομα του καναλιού σας στο τουίτερ.

Καλό τούιτινγκ!


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9LgyazvoOQ7YudR4PJ86Lh8WTQ1tHmIAe0g4IaOap-ZiV_oaDraBpnMuwA6rQgUxSgrTn6BUFsbzRQ45eLmeOQzUGerMvafBbBNJjlWASTQiSF_1PY_0TM5EFEeYOB0LhHCV21kdW994b/h120/SyedBahadurShah4u-twitter-icon.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 29px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:1%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("το όνομα του καναλιού σας στο τουίτερ");</script><center><span style="font-size: xx-small;">βρείτε το γκάτζετ στο <a href="http://symvl.blogspot.com/2013/01/kuliomeno-kouti-twitter.html" target="_blank">απλές συμβουλές blogger</a></span></center></div>

Διαβάστε επίσης
Βοήθεια!Χάλασε το twitter likebox!

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

Read more ...