-->
 

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

αριστερό fanbox για facebook και twitter

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

Εδώ μπορείτε να δείτε ένα demo του γούιτζετ.

<table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://lh3.googleusercontent.com/-GMJe-Am-U9Q/T4p4bZu7jDI/AAAAAAAAAFs/qQqmMGn-wwg/s800/facebook-vertical.png" style="top:5px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script><fb:like-box href="http://www.facebook.com/pages/όνομα φανπέιτζ facebook" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr><tr class="slideLeftItem"  style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://lh3.googleusercontent.com/-9lxEyInmdU4/T4p4bfb7luI/AAAAAAAAAFk/6NvygQsqtcg/s800/twitter-veritcal.png" style="top:100px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #44CCF6; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div style="background: #F5FCFE;"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script type="text/javascript" >new TWTR.Widget({version: 2,  type: 'profile',  rpp: 4,  interval: 30000,  width: 'auto',  height: 300,  theme: {shell: {      background: '#44ccf6',      color: '#000000'    },    tweets: {      background: '#ffffff',color: '#000000',      links: '#44ccf6'    }  },features: {    scrollbar: false,    loop: false,    live: false,    behavior: 'all'  }}).render().setUser('όνομα τουίτερ').start();</script></div></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="http://symvl.blogspot.com" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Ο κώδικας στο απλές συμβουλές μπλόγγερ</a></div>');jQuery("#slideleft tr").hover(function(b){var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function(b){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>

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

ημερολόγιο Μάγια (widget)


Η σημερινή ανάρτηση είναι ένα όμορφο γουίτζετ με το ημερολόγιο των Μάγιας και αντίστροφη μέτρηση μέχρι τη λήξη του στις 21 Δεκεμβρίου 2012 που υποτίθεται ότι θα έρθει το τέλος του κόσμου.

Δεξιά στο γούιτζετ είναι το πραγματικό ημερολόγιο Μάγια με τη μορφή γραναζιών.Αντιγράψτε τον παρακάτω κώδικα μέσα σε ένα HTML/javascript ,αποθηκεύστε και είστε έτοιμοι.

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('0a55ff62-d4d4-46a5-b2e0-b9cef1a0cb09');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/countdown-maya-2012">Countdown Maya 2012</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>


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

Κουμπιά κοινωνικής δικτύωσης (share buttons)

Το γούιτζετ που ακολουθεί περιέχει πολλά κουμπιά κοινωνικής δικτύωσης για να προωθείσετε το μπλόγκ σας,από facebook και twitter μέχρι youtube και feed.Είναι ότι πληρέστερο κυκλοφορεί σε share buttons.

Η εγκατάστασή του είναι πολύ απλή.Απλά αντιγράψτε τον παρακάτω κώδικα σε ένα gadget μέσα σε ένα HTML/javascript και αντικαταστείστε τα κόκκινα . 







<div dir="ltr" style="text-align: left;" trbidi="on">
<script>
//<!--
$(document).ready(function() {$(".float-facebook").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-twitter").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-google").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-youtube").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
$(document).ready(function() {$(".float-fgoogle").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-240"}, "medium");}, 500);});
//</script>
--&gt;


<script>(!window.google||!google.friendconnect)&&document.write('<script type="text/javascript"src="http://www.google.com/friendconnect/script/friendconnect.js"><\/script>');</script>
<script>window.registeredBloggerCallbacks||(window.registeredBloggerCallbacks=!0,gadgets.rpc.register("requestReload",function(){document.location.reload()}),gadgets.rpc.register("requestSignOut",function(a){google.friendconnect.container.openSocialSiteId=a;google.friendconnect.requestSignOut()}));</script>


<script>
    var skin = {};
    skin['FACE_SIZE'] = '40';
    skin['HEIGHT'] = "360";
    skin['TITLE'] = "\u0391\u03bd\u03b1\u03b3\u03bd\u03ce\u03c3\u03c4\u03b5\u03c2";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
   
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "Arial";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-glxs9mcamwh0",
     height: 360,
     site: "02892350422502879816",
     locale: 'el' },
     skin);
  </script>


<style type="text/css">
.spritefloat{background:url(http://4.bp.blogspot.com/-bBQ5hsNUiNo/UKtUfXqZ_II/AAAAAAAAE0g/wgA8070wHVQ/s1600/float-icon2.png) no-repeat}
.float-facebook{display:block; position:fixed; top:85px; right:-240px; z-index:10}
.float-facebook-rel{background-color:#3B5998; width:240px; height:400px; display:inline-block; position:relative; z-index:100000}
.float-facebook-button{width:28px; height:90px; display:block; position:absolute; z-index:11; top:5px; left:-28px; background-image:url(http://1.bp.blogspot.com/-OkB0daxZDww/UGQZaIrBBqI/AAAAAAAABV8/27w3wGN6xHQ/s1600/facebook-icon.png)}
.float-facebook-inner{width:230px; height:390px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-twitter{display:block; position:fixed; top:85px; right:-240px; z-index:10}
.float-twitter-rel{background-color:#3CF; width:240px; height:400px; display:inline-block; position:relative; z-index:100000}
.float-twitter-button{
   background: url(http://1.bp.blogspot.com/-R9xEKgoVSpY/UGQZb3G-y2I/AAAAAAAABWI/jtB7K51V0pA/s1600/twitter-icon.png) repeat scroll 0 0 transparent;
    display: block;
    height: 91px;
    left: -28px;
    position: absolute;
    top: 100px;
    width: 28px;
    z-index: 11;
}
.float-twitter-inner{width:230px; height:390px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-google{display:block; position:fixed; top:235px; right:-240px; z-index:10}
.float-google-rel{background-color:#111; width:240px; height:140px; display:inline-block; position:relative; z-index:100000}
.float-google-button{
    background: url("http://1.bp.blogspot.com/-AZ1CxI9R9cg/UGQZarBMCHI/AAAAAAAABWE/VSHA3n1TfN4/s1600/google-icon.png") repeat scroll 0 0 transparent;
    display: block;
    height: 91px;
    left: -28px;
    position: absolute;
    top: 45px;
    width: 28px;
    z-index: 11;
}
.float-google-inner{width:230px; height:130px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-youtube{display:block; position:fixed; top:335px; right:-240px; z-index:10}
.float-youtube-rel{background-color:#111; width:240px; height:140px; display:inline-block; position:relative; z-index:100000}
.float-youtube-button{
  background: url(http://1.bp.blogspot.com/-YP2FESuY3YI/UGQZcMOKk2I/AAAAAAAABWU/enpqaIfeflA/s1600/youtube-icon.png) repeat scroll 0 0 transparent;
    display: block;
    height: 91px;
    left: -28px;
    position: absolute;
    top: 40px;
    width: 28px;
    z-index: 11;
}
.float-youtube-inner{width:230px; height:130px; margin:5px; display:block; overflow:hidden; background:#fff}
.float-fgoogle{display:block; position:fixed; top:100px; right:-240px; z-index:10}
.float-fgoogle-rel{background-color:orange; width:240px; height:400px; display:inline-block; position:relative; z-index:100000}
.float-fgoogle-button{width:24px; height:24px; display:block; position:absolute; z-index:11; top:375px; left:-24px; background-position:-96px 0px}
.float-fgoogle-inner{width:230px; height:390px; margin:5px; display:block; overflow:hidden; background:#fff}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999999; overflow:hidden}
.div.stretchy-wrapper {
    position: relative;
}

div.stretchy-wrapper > div {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}</style>





<div class="float-facebook">
<div class="float-facebook-rel">
<div class="float-facebook-button">
</div>
<div class="float-facebook-inner">
<div class="fb-like-box">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=εδώ διεύθυνση της fanpage σας στο facebook&amp;height=500&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" style="background: #fff; border: none; height: 500px; overflow: hidden; width: 251px;"></iframe></div>
</div>
<a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>
<div class="float-twitter">
<div class="float-twitter-rel">
<div class="float-twitter-button spritefloat">
</div>
<div class="float-twitter-inner">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="textwidget">
<div class="textwidget">
<script src="http://s.moopz.com/fanbox_init.js" type="text/javascript"></script><br />
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("εδώ το όνομα της σελίδας σας στο twitter");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 250px !important;
height: 685px !important;margin-top:-27px;
}
</style></div>
</div>


</div><a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>

<div class="float-google">
<div class="float-google-rel">
<div class="float-google-button spritefloat">
</div>
<div class="float-google-inner">
<div data-width="400">
<div class="g-plus" data-href="εδώ το url του Google plus σας" data-rel="publisher" data-width="270" lang="el"><a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>
</div>
</div>
</div>

<div class="float-youtube">
<div class="float-youtube-rel">
<div class="float-youtube-button spritefloat">
</div>
<div class="float-youtube-inner">
<iframe frameborder="0" height="200" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=εδώ το όνομα του καναλιού σας στο youtube" style="border: 0;" width="234"></iframe>
</div>
</div>
</div>
<div class="float-fgoogle">
<div class="float-fgoogle-rel">
<div class="float-fgoogle-button spritefloat">
</div>
<div class="float-fgoogle-inner" data-h="270">
<div style="clear: both; float: center; margin-left: 20px; margin-right: 20px; margin-top: 28px; padding-bottom: 10px; text-align: center;">
Λάβετε όλες τις ενημερώσεις της σελίδας μας μέσω του RSS FEED πατώντας το παρακάτω κουμπί.</div>
<div align="center">



<!-- THIS IS THE CODE FOR YOUR RSS FEED--><a align="center" href="εδώ url του feed σας" rel="alternate" type="application/rss+xml">
<img alt="RSS subscription icon" src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" style="border: 0; height: 33px; margin-left: 5px; margin-right: 5px; width: 33px;" />
</a><br /><br />
<!--  END OF THE CODE FOR YOUR RSS FEED-->
</div>

<br /><br /><div align='center'>ή</div>

<br /><br />
<div align='center'>
γραφτείτε μέσω Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=εδώ όνομα του feed σας', 'popupwindow', 'scrollbars=yes,width=150,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="helplogger" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>
</div>
<a href="http://symvl.blogspot.com/2012/12/share-buttons.html" target="_blank">απλές συμβουλές Blogger</a>
</div>
</div>
</div>

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

Χιόνι για το μπλόγκ σας

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

Εγκατάσταση
1ος τρόπος: απλά κάντε επικόλληση τον παράκατω κώδικα σε ένα HTML/Javascript gadget στη διάταξη.Αποθήκευση και είστε έτοιμοι.Αν δεν δουλεύει ακολουθείστε τον δεύτερο τρόπο.

<script src='http://blogger4you.narod.ru/JavaScript/snow.js'> </script>

2ος τρόπος:στην επεξεργασία προτύπου ψάχνουμε με CNTRL+F για <body και αμέσως μετά κάνουμε επικόλληση τον παραπάνω κώδικα.

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

χριστουγεννιάτικα λαμπάκια ( widget )




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

Για να το εγκαταστήσετε απλά πηγαίντε στην επεξεργασία προτύπου,κάντε επέκταση γραφικών στοιχείων και ψάξτε με CNTRL+F για το /body.Στη συνέχεια στη συνέχεια ακριβώς πάνω από αυτό προσθέτουμε τον παρακάτω κώδικα.

<div style="width:100%;height:69px; background: url(http://2.bp.blogspot.com/-2GH17UeGErg/UMTth8u5NJI/AAAAAAAAFFo/QsWksnxOTwQ/s1600/x%CF%81%CE%B9%CF%83%CF%84%CE%BF%CF%85%CE%B3%CE%B5%CE%BD%CE%BD%CE%B9%CE%AC%CF%84%CE%B9%CE%BA%CE%B1+%CE%BB%CE%B1%CE%BC%CF%80%CE%AC%CE%BA%CE%B9%CE%B1.gif);position:fixed;top:-40px;left:0;z-index:99"></div>


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

Read more ...

Γουίτζετ με αντίστροφη μέτρηση μέχρι την καταστροφή του κόσμου




Το παρακάτω γουίτζετ είναι ένα ρολόι με αντίστροφη μέτρηση μέχρι την 21 Δεκεμβρίου 2012 ,που σύμφωνα με το ημερολόγιο των Μάγιας θα έρθει το τέλος του κόσμου.Απλά αντιγράψτε τον κώδικα και βάλτε τον μέσα σε ένα HTML/Javascript gadget στη Διάταξη.

<embed src="http://www.countdownclockcodes.com/cd/ccc-vacation/show.swf?clickURL=http://symvl.blogspot.gr/2012/12/widget.html&amp;clickLABEL=&amp;flashLABEL=symvl.blogspot.gr&amp;skin=http://www.countdownclockcodes.com/cd/ccc-vacation/skins/13.jpg&amp;text=21%2F12%2F2012%0D12%3A11&amp;untilColor=6724095&amp;textColor=16777215&amp;datesColor=0&amp;year=2012&amp;month=11&amp;day=21&amp;hour=12&amp;minute=11&amp;second=0&amp;x=6&amp;y=100" quality="high" bgcolor="#ffffff" width="300" height="200" name="countdown" align="middle" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>




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

Πώς κρύβουμε τον συγγραφέα,την ώρα και την ημερομηνία μιας ανάρτησης

Κάποιοι από εσάς ίσως να μην θέλετε να εμφανίζεται ο συγγραφέας της ανάρτησης (author),η ώρα και η ημερομηνία στο πάνω ή κάτω μέρος των αναρτήσεών σας.


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

Αν δούλεψε έτσι έχει καλώς.Αν όχι αφού τα έχουμε αποεπιλέξει συνεχίζουμε και στο επόμενο βήμα:

Πηγαίνουμε στο Πρότυπο>Επεξεργασία HTML και αφού τσεκάρετε το κουτάκι επεξεργασία προτύπων γραφικών στοιχείων ,κάντε αναζήτηση με CNTRL+F για post-author vcard ή για τον παρακάτω κώδικα.Μόλις τον βρείτε διαγράψτε τον.Για να μην εμφανίζεται η ημερομηνία σβήστε τον δεύτερο κώδικα.
Θυμηθείτε πριν κάνετε οτιδήποτε να σώσετε το πρότυπο και αφού αφαιρέσετε τους κώδικες κάντε προεπισκόπηση για να δείτε αν όλα πήγαν καλά.


ο κώδικας για τον συγγραφέα
<span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>



ο κώδικας για την ώρα
<span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.url' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>



ο κώδικας για την ημερομηνία
<b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>


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

Πώς βάζουμε ετικέτες στις αναρτήσεις μας

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

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

Δείτε και τις εικόνες:



Οι ετικέτες εμφανίζονται στο τέλος της ανάρτησης.Εδώ μενού,πλοήγηση.

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

Μερικοί σίγουροι τρόποι για να σου ακυρώσουν αμέσως το adsense


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

  • Πατάς μόνος σου τις διαφημίσεις σου.
  • Βάζεις άλλους να σου κάνουν τη 'χάρη' να πατήσουν
  • έχεις πολύ μικρή έως ανύπαρκτη επισκεψιμότητα
  • προβάλλεις στη σελίδα σου πάνω από τρεις διαφημίσεις text/image ή πάνω από δύο link ads ή πάνω από δύο search bars.(Συνολικά δηλαδή επιτρέπονται 3,2 και 2 από την αντίστοιχη κατηγορία.)
  • αντιγράφεις όλη την ώρα και δεν έχεις τίποτα δικό σου και πολλές φορές δεν δίνεις πηγές με ενεργό μπάκλινκ πίσω στην πηγή,παρουσιάζοντας τις αντιγραφές ως δικά σου άρθρα 
  • αργείς πάρα πολύ να μαζέψεις τα 70 ευρώ που είναι το όριο,λόγω πολύ χαμηλής επισκεψιμότητας

Κατακλείδα
Η επιτυχία στο adsense δεν έρχεται από τη μία μέρα στην άλλη.Απαιτεί χρόνο,δουλειά,αφοσίωση ,σχεδόν καθημερινή εργασία και το κυριότερο τεράστια επισκεψιμότητα και το τονίζω.Ενδεικτικά, μπλογκ με 600-700 μοναδικούς επισκέπτες ημερησίως βγάζω 80 περίπου ευρώ μηνιαίως,αυτήν η εκτίμηση χονδρικά γιατί παίζουν και άλλα πράγματα ρόλο ,όπως το θέμα,πόσοι διαφημιστές υπάρχουν στην Ελλάδα πάνω στο αντικείμενο και άλλα.Οπότε καταλαβαίνετε για τί αριθμούς κίνησης μιλάμε για να βγάλετε ένα αξιοσέβαστο ποσό μηνιαίως.

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


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

Νέο facebook likebox αναδυόμενο παράθυρο v2

Σήμερα έφτιαξα ένα νέο πόπαπ με facebook likebox.Προσπάθησα να συμπεριλάβω όσο πιο λίγο κώδικα γίνεται.

Η εγκατάστασή του γίνεται εύκολα .Απλά πατήστε προσθήκη gadget στην Διάταξη ,προσθήκη HTML/javascript ,μετά αντιγραφή και επικόλληση του παρακάτω κώδικα ,αποθήκευση και αυτό ήταν.

Σημειώστε ότι το πόπαπ εμφανίζεται μόνο την πρώτη φορά που μπαίνετε στο σάιτ.Μετά για να ξαναεμφανιστεί απλά διαγράψτε το ιστορικό.

Τα κόκκινα αντικαταστήστε τα με την διεύθυνση της fanpage σας στο facebook.

<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/russianblogumus/rublogumus/colorbox.css" /> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <script type="text/javascript" src="https://sites.google.com/site/russianblogumus/rublogumus/jquery.colorbox-min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#periexomeno"}); } }); </script> <div style="display: none;"> <div  align='center' id="periexomeno"><p> <a href="http://3.bp.blogspot.com/-newCe4eOyi4/UH50a7-b8zI/AAAAAAAADvM/Ohh57joNeJs/s1600/400px-Friendly_stickman.svg.png" imageanchor="1" style=""><img border="0" height="160" width="320" src="http://3.bp.blogspot.com/-newCe4eOyi4/UH50a7-b8zI/AAAAAAAADvM/Ohh57joNeJs/s320/400px-Friendly_stickman.svg.png" /></a> <br /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Symvoules/266420366744792&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </p> <!--Παρακαλώ να μην διαγράφετε τον σύνδεσμο.Μόνο αυτόν ζητάμε,όχι λεφτά. --> <p style=" float:right; margin-right:25px; font-size:9px;" >ο κώδικας από το <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://symvl.blogspot.com">Απλές συμβουλές blogger</a></p> </div> </div>

 Πρόβλημα!Αν δεν εμφανίζεται το πόπαπ αλλάξτε τη θέση του gadget μέσα στη Διάταξη.Βάλτε το κάτω κάτω στη δεξιά στήλη με τα gadgets ή στο footer

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

Πώς βάζουμε δύο διαφημίσεις τη μία δίπλα στην άλλη.

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

Απλά βάζουμε τον κώδικα της διαφήμισης μέσα σε πίνακα table.Και εξηγούμαι:

<table><tbody>               
<tr>                                 
<td>                                
κώδικας 1ης διαμήφισης
</td>                               
<td>                                
κώδικας 2ης διαμήφισης
</td>                               
</tr>                                
</tbody></table>             

Προσοχή!Αν βάλετε τον κώδικα των διαφημίσεων μέσα gadget δεν χρειάζεται μετατροπές.Αν τον βάλετε μέσα στο τέμπλειτ,διαβάστε εδώ.



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

Πώς προβάλουμε διαφημίσεις adsense μέσα στην ανάρτηση

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

η απλή λύση
Το πρόβλημα αυτό λύνεται πολύ απλά και το μόνο που έχετε να κάνετε είναι να μετατρέψετε μέσα στον κώδικα της διαφήμισης όλα τα σύμβολα < σε &lt; και τα > σε &gt;


και οι λεπτομέρειες
Αφού μετατρέψετε τον κώδικά σας για να εμφανίζετε π.χ. κάτω από τον τίτλο πηγαίντε επεξεργασία προτύπυ στο τέμπλειτ και βάλτε τον κώδικα πριν  <p><data:post.body/></p>  και μετά το <div class='post-body'> ,αναλόγως τί δουλεύει για εσάς.Κάντε δοκιμές και θυμηθείτε να σώζετε το τέμπλειτ σας και να χρησιμοποιείτε την προεσκόπηση.Οπότε ο κώδικάς σας θα πάρει την εξής μορφή:

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!-- google_ad_client = &quot;ca-pub-........................&quot;; /* 468x60 ........... */ google_ad_slot = &quot;..............&quot;; google_ad_width = 468; google_ad_height = 60; //--&gt; &lt;/script&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt; &lt;/script&gt;


Αν τώρα θέλετε η διαφήμιση να εμφανίζεται μετά την ανάρτηση (ποστ) βάλτε τον κώδικά σας μετά το <p><data:post.body/></p>

Άλλες χρήσιμες οδηγίες
Πώς εμφανίζονται οι διαφημίσεις μόνο στην σελίδα του πόστ και όχι την κεντρική.
Αν στην κεντρική σελίδα σας εμφανίζονται π.χ. 10 αναρτήσεις  και έχετε τοποθετήσει διαφήμιση adsense ,π.χ. κάτω από τον τίτλο,τότε αυτές θα εμφανίζονται στις 3 πρώτες αναρτήσεις.

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



<b:if cond='data:blog.pageType == "item"'>
                                         
Ο κώδικας σας adsense                    
                                         
</b:if>                               

Εμφάνιση της διαφήμισης αριστερά,η δεξιά στην ανάρτηση.
Προσθέτουμε την float:left η float:right ανάλογα τα γούστα:

<b:if cond='data:blog.pageType == "item"'>
                                         
<div style='float: left;'>               
                                         
Ο κώδικας σας adsense                    
                                         
</div>                                   
                                         
</b:if>                                  



Για διευκρινίσεις κάντε σχόλια.Μην ντρέπεστε να μιλήσετε :-#


Read more ...

Σφάλμα javascript στη νέα template του μπλόγκερ.

Πρόσφατα η Google κατήργησε τελείως την παλιά πλατφόρμα της στο μπλόγκερ και χρησιμοποιεί πλέον μόνο την καινούρια.Πιό εύχρηστη,πιο εμφανίσιμη,δεν λέω.Αλλά όλο προβλήματα και σφάλματα βγάζει.'Ενα τέτοιο σφάλμα XML προκύπτει όταν προσπαθούμε να βάλουμε κώδικα javascript στο template μας.

Ο κώδικας javascript είναι αυτός μέσα στις μπρακέτες script:

 <script>...........</script>
 ή
<script type="text/javascript">..................................</script>.

Όπως είπα η νέα XML template του μπλόγγερ βγάζει σφάλμα ενώ η παλιά έπαιρνε τον κώδικα χωρίς πρόβλημα.Το σφάλμα αυτό στη νέα template λύνεται εύκολα προσθέτοντας δύο γραμμούλες,αυτές με κόκκινο,μέσα στον κώδικα <script>.

 <script> <![CDATA[ ....................... //]]> </script>
 
Και τα-ντά!


Read more ...

Πώς χωρίζουμε την κεφαλίδα (header) σε δύο μέρη

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

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

 Πριν κάνετε οτιδήποτε καλό είναι να κάνετε το πρότυπό σας αποθήκευση.


1ο βήμα
Πρώτα πηγαίντε στο μπλόγκερ στο Πρότυπο/επεξεργασία HTML.Κάντε τικ στο κουτί Επέκταση προτύπων γραφικών στοιχείων.

Πατήστε cntrl+F και κάντε αναζήτηση για #header, αν δεν το βρίσκει κάντε για /* Header

Κάτω από τη γραμμή
/* Header                                     
----------------------------------------------- */


αν υπάρχει τομέας που μοιάζει κάπως έτσι


#header {
padding-top:30px;
float:left;
width:370px;
}  


αντικαταστήστε τον με τον παρακάτω κώδικα.Αν δεν υπάρχει τέτοιος τομέας απλά προσθέστε τον παρακάτω κώδικα από κάτω ,οπότε ο κώδικάς σας θα είναι κάπως έτσι:

/* Header                                     
----------------------------------------------- */


#header {
padding-top:30px;
float:left;
width:370px;

#header-right {
padding-top:30px;
float:right;
width:370px;
}  



Τί ακριβώς κάνει αυτός ο κώδικας:
Ουσιαστικά ο παραπάνω κώδικας χωρίζει την Κεφαλίδα σε δύο μέρη (header,header-right) ,το σημείο που θα τοποθετηθούν (left,right),το πλάτος 30px)


2ο βήμα.
Τώρα πρέπει να εμφανίσουμε την προσθήκη widget στη Διάταξη.


Οπότε ακολούθως κάνουμε αναζήτηση πάλι με cntrl+F για maxwidgets.Υπάρχουν πολλά maxwidgets οπότε πάτηστε Enter (συνήθως μία φορά ) μέχρι να φτάσετε σ'αυτό που έχει τον εξής κώδικα:


      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>



Ακριβώς κάτω από αυτό τον κώδικα προσθέστε:


<b:section class='header' id='header-right' maxwidgets='1' showaddelement='yes'/>



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

για τυχόν δυσκολίες που θα αντιμετωπίσετε,κάντε σχόλιο.


Πνευματικά δικαιώματα άρθρου συμβουλές μπλόγκερ.
Read more ...

Πώς αφαιρούμε την υπογράμμιση σε ένα λινκ (html)

Η γραμμή κάτω από έναν σύνδεσμο (λινκ) μπορεί να φαίνεται ενοχλητική και να μην ταιριάζει με το όλο περιεχόμενο της ανάρτησής σας.

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

 <a href="url συνδέσμου">όνομα συνδέσμου</a> 

Τώρα το μόνο που έχετε να κάνετε είναι να προσθέτε την εντολή style="text-decoration: none" μέσα στον παραπάνω κώδικα και είστε έτοιμοι.Οπότε ο κώδικας παίρνει την εξής μορφή:


<a href="url συνδέσμου" style="text-decoration: none">όνομα συνδέσμου</a> 

Καλό μπλογκάρισμα.
Read more ...

Καρτέλα στο πλάι της σελίδας με facebook likebox.





Ο κώδικας που ακολουθεί εμφανίζει ένα μικρό καρτελάκι στα δεξιά της σελίδας με το likebox του facebook.Μόλις περασεις τον κέρσορα από πάνω,ανοίγει και εμφανίζει ολόκληρο το κουτί.

<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() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script> <style type="text/css">
.floatinglikebox{background: url("http://3.bp.blogspot.com/-fuNLrEbgH8c/UTMF9CBT1uI/AAAAAAAAF5Y/fgfU12CvBX0/s1600/facebook+button.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style>
<div class="floatinglikebox">
<div>
εδώ ο κώδικας του  facebook likebox 
<a href="http://symvl.blogspot.com/2012/05/facebook-likebox.html" target="_blank">απλές συμβουλές Blogger</a></div>
</div>

Τον κώδικα για το likebox μπορείτε να τον πάρετε από εδώ.

Read more ...

Πώς να βγάλεις λεφτά με το Adsense-μερικές συμβουλές πριν τα κονομήσεις


Έχεις έτοιμο το blog σου,το δουλεύεις κάμποσο καιρό τώρα και σκέφτεσαι 'να βάλω διαφημίσεις' και να βγάλω λεφτά με το adsense ,όπως σκέφτονται και οι περισσότεροι.Πριν πας να τα κονομίσεις και διακινδυνεύσεις να σου ακυρώσουν τον λογαριασμό σου πριν καν αρχίσεις πρέπει να λάβεις υπ'όποψη σου κάποιους βασικούς κανόνες:

Ο πρώτος και βασικότερος παράγοντας είναι η κίνηση ή αλλιώς επισκεψιμότητα που έχει η ιστοσελίδα σου.Η επισκεψιμότητα είναι το παν.Αν είναι μικρή είναι όχι μόνο ανούσιο να βάλεις adsense αλλά και επικίνδυνο,όπως ήδη είπα,για το λογαριασμό σου.Γιαυτό με μικρή κίνηση μην μπαίνεις καν στον κόπο.Αν έχεις μέτρια και μεγάλη επισκεψιμότητα τότε προχώρα στο επόμενο βήμα.Πόση όμως είναι η μέτρια ή μεγάλη;

Ενδεικτικά για πάρετε μια ιδέα ένα μπλογκ ενός φίλου με 200-300 μοναδικούς επισκέπτες ημερησίως  βγάζει 20-30 ευρώ μηνιαίως από τις διαφημίσεις adsense.Αλλά αυτό δεν είναι στάνταρ.Υπάρχουν πολλοί επιμέρους παράγοντες που επιρρεάζουν τα κέρδη,όπως :
  • το θέμα του μπλογκ
  • αν το υλικό είναι μοναδικό ή αντεγραμμένο
  • από πού προέρχονται οι επισκέπτες,δηλαδή από μηχανές αναζήτησης,το facebook,το twitter ή αλλού
  • πόσοι διαφημιστές υπάρχουν στο συγκεκριμένο θέμα και άλλοι παράγοντες
Οπότε πριν ξεκινήσετε καλό θα ήταν να διαβάσετε τους κανόνες του google adsense (TOS) και να επισκέπτεσθε σε τακτά χρονικά διαστήματα για τυχόν αλλαγές.Σε διάφορα μπλογκ ελληνικά ή ξένα μπορεί να διαβάσετε κάνε αυτό ή κάνε το άλλο για να βγάλεις λεφτά με το adsense και ίσως δείτε πολλά σάιτ,κάποια από αυτά πασίγνωστα και μεγάλα,να παραβαίνουν τους παραπάνω κανόνες και να συνεχίσουν να έχουν αυτές τις διαφήμισεις χωρίς να ακυρώνεται ο λογαρισμός.Και θα απορρήσετε πώς γίνεται αυτό και γιατί το επιτρέπει η google;Φαίνεται ότι όταν η επισκεψιμότητα είναι μεγάλη και προέρχεται κυρίως από την μηχανή αναζήτησης η google είναι διατεθιμένη να κάνει τα στραβά μάτια σε πολλές περιπτώσεις!Όλα είναι θέμα του αν την συμφέρει ή όχι.

Πάντως εσείς για να μην σπαζοκεφαλιάζετε ακολουθείστε στην αρχή αυτούς τους βασικούς κανόνες και θα είστε εντάξει:
  • δουλειά,δουλειά,δουλειά...
  • μοναδικό υλικό (όχι ξεπατίκωμα άρθρων από άλλα μπλογκ)
  • προσπαθείστε η κίνηση να προέρχεται από το google search.Η κίνηση από σελίδες κοινωνικής δικτίωσης δεν θεωρείται πολλή καλή,τα κλικ πληρώνουν λιγότερο και υπάρχει κίνδυνος ακύρωσης του λογαριασμού σας,αν αυτή υπερβαίνει την κίνηση από μηχανές αναζήτησης (οργανική κίνηση).
  • να μην ενθαρρύνετε σε καμία περίπτωση άλλους γνωστούς,φίλους ή αγνώστους να κάνουν κλικ στις διαφημίσεις σας
  • να έχετε μια ανάρτηση με την 'πολιτική απορρήτου' του μπλογκ σας.Πάνω σ'αυτό θα γράψω σε καινούργια ανάρτηση
  • τέλος να έχετε πάντα στο μυαλό σας ότι ο λογαρισμός μπορεί να ακυρωθεί ξαφνικά και μάλιστα χωρίς να καταλαβαίνετε ,ούτε θα σας εξηγήσουν, την αιτία
Αν όλα πάνε καλά με αρκετή δουλειά και υπομονή μετά από κάποιους μήνες θα δείτε τα πρώτα σας κέρδη.Για απορίες και διευκρινίσεις δέχομαι σχόλια.
Read more ...

Πώς φτιάχνουμε ένα απλό μενού με κατηγορίες

Ο παρακάτω κώδικας δημιουργεί ένα πολύ απλό μενού κατηγοριών,χωρίς Java,εικόνες ή οτιδήποτε άλλο,κάνοντας απλά χρήση των ετικετών <a>

Οπότε πηγαίνουμε διάταξη>προσθήκη gadget>html/javascript.Και μέσα σ'αυτό κάνουμε επικόλληση τον παρακάτω κώδικα.Αποθήκευση και είμαστε έτοιμοι.

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

Μπορούμε να το πειράξουμε και άλλο αν θέλουμε το μενού:π.χ.
αντί για center βάζουμε left ή right.Αν θέλουμε να έχει δύο σειρές,μετά το τρίτο </a> βάζουμε <br> και προσθέτουμε όσα <a></a> μας χρειάζονται.

<div align='center'>
<a href="link1">κατηγορία 1</a> |
<a href="link2">κατηγορία 2</a> |
<a href="link3">κατηγορία 2</a> |
</div>


Τα link1,link2,link3 τα αντικαθιστάτε με το url των ετικετών σας.Αν δεν ξέρετε πώς να φτιάξετε ετικέτες για τις αναρτήσεις σας διαβάστε εδώ.

Σχετική ανάρτηση
οριζόντιο μενού με κατηγορίες (ανοιχτό γκρι)

Read more ...

πώς αλλάζουμε τη γλώσσα του facebook like button

Ένα μικρό πρόβλημα που συχνά αντιμετωπίζουμε με το facebook like button είναι ότι πότε εμφανίζει τη λέξη 'Like' και πότε τις λέξεις 'Μου αρέσει'.Αυτό μπορούμε να το διορθώσουμε εύκολα με ένα μικρό κολπάκι,απλά προσθέτοντας μέσα στον κώδικά σας του likebox τη σειρά που βλέπετε παρακάτω με ροζ.Για να βάλουμε άλλη γλώσσα  απλά αντικαθιστούμε το el_GR με έναν από τους κωδικούς που δίνω στη λίστα.

Ο κώδικας του likebox που δίνω παρακάτω είναι ο δικός μου και φυσικά πρέπει να τον αντικαταστήσετε με τον δικό σας.  

κώδικας για να εμφανίζει το likebutton 'Μου αρέσει'

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSymvoules%2F266420366744792&width300&border_color=white&colorscheme=light&show_faces=true&stream=false&header=false&locale=el_GR&height=270" scrolling="true" frameborder="0" style="border:none; overflow:hidden; width:300px; height:270px;" allowtransparency="true"></iframe>


Δείτε και του κωδικούς άλλων γλωσσών
Catalan
ca_ES

Czech
cs_CZ

Welsh
cy_GB

Danish
da_DK

German
de_DE

Basque
eu_ES

English (Pirate)
en_PI

English (Upside Down)
en_UD

Cherokee
ck_US

English (US)
en_US

Spanish
es_LA

Spanish (Chile)
es_CL

Spanish (Colombia)
es_CO

Spanish (Spain)
es_ES

Spanish (Mexico)
es_MX

Spanish (Venezuela)
es_VE

Finnish (test)
fb_FI

Finnish
fi_FI

French (France)
fr_FR

Galician
gl_ES

Hungarian
hu_HU

Italian
it_IT

Japanese
ja_JP

Korean
ko_KR

Norwegian (bokmal)
nb_NO

Norwegian (nynorsk)
nn_NO

Dutch
nl_NL

Polish
pl_PL

Portuguese (Brazil)
pt_BR

Portuguese (Portugal)
pt_PT

Romanian
ro_RO

Russian
ru_RU

Slovak
sk_SK

Slovenian
sl_SI

Swedish
sv_SE

Thai
th_TH

Turkish
tr_TR

Kurdish
ku_TR

Simplified Chinese (China)
zh_CN

Traditional Chinese (Hong Kong)
zh_HK

Traditional Chinese (Taiwan)
zh_TW

Leet Speak
fb_LT

Afrikaans
af_ZA

Albanian
sq_AL

Armenian
hy_AM

Azeri
az_AZ

Belarusian
be_BY

Bengali
bn_IN

Bosnian
bs_BA

Bulgarian
bg_BG

Croatian
hr_HR

Dutch (België)
nl_BE

English (UK)
en_GB

Esperanto
eo_EO

Estonian
et_EE

Faroese
fo_FO

French (Canada)
fr_CA

Georgian
ka_GE

Greek
el_GR

Gujarati
gu_IN

Hindi
hi_IN

Icelandic
is_IS

Indonesian
id_ID

Irish
ga_IE

Javanese
jv_ID

Kannada
kn_IN

Kazakh
kk_KZ

Latin
la_VA

Latvian
lv_LV

Limburgish
li_NL

Lithuanian
lt_LT

Macedonian
mk_MK

Malagasy
mg_MG

Malay
ms_MY

Maltese
mt_MT

Marathi
mr_IN

Mongolian
mn_MN

Nepali
ne_NP

Punjabi
pa_IN

Romansh
rm_CH

Sanskrit
sa_IN

Serbian
sr_RS

Somali
so_SO

Swahili
sw_KE

Filipino
tl_PH

Tamil
ta_IN

Tatar
tt_RU

Telugu
te_IN

Malayalam
ml_IN

Ukrainian
uk_UA

Uzbek
uz_UZ

Vietnamese
vi_VN

Xhosa
xh_ZA

Zulu
zu_ZA

Khmer
km_KH

Tajik
tg_TJ

Arabic
ar_AR

Hebrew
he_IL

Urdu
ur_PK

Persian
fa_IR

Syriac
sy_SY

Yiddish
yi_DE

Guaraní
gn_PY

Quechua
qu_PE

Aymara
ay_BO

Northern Sámi
se_NO

Pashto
ps_AF

Klingon
tl_ST
Read more ...

πώς αφαιρούμε το όριο (border) από το facebook likebox

Επιτέλους το facebook έβαλε επιλογή για εμφάνιση ή όχι του ορίου στο likebox.Οπότε απλά κάντε αποεπιλογή στο κουτί show border και είστε έτοιμοι.


Παλιά ανάρτηση
Στο διαδίκτυο κυκλοφορούν διάφοροι τρόποι για την αφαίρεση των ορίων του likebox,άλλοι απλοί άλλοι πολύπλοκοι οι οποίοι σε πολλές περιπτώσεις μάλιστα δεν δουλεύουν.
Εγώ θα σας δείξω έναν ακόμη απλούστερο τρόπο,ο οποίος στην πραγματικότητα δεν αφαιρεί το όριο,αλλά το κρύβει.Η απόκρυψη γίνεται με απλό τρόπο,βάζοντας ως χρώμα ορίου το ίδιο με το background του μπλογκ σας.Ειδικά αν το background είναι άσπρο ή μαύρο η απόκρυψη είναι πανεύκολη.
Δείτε παρακάτω τον κώδικα του δικού μου likebox.Μετά βρείτε τη σειρά που λέει border_color  και προσθέστε =white ή =black ανάλογα με το χρώμα που θέλετε.

Αυτό ήταν!Το συγκεκριμένο κόλπο λειτουργεί μόνο όταν χρησιμοποιείτε iframe για το likebox.

&lt;iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSymvoules%2F266420366744792&amp;width=262&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=white&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:262px; height:258px;" allowtransparency="true"&gt;&lt;/iframe&gt;   
Read more ...

widget με κινούμενα μπάνερ για οικονομία χώρου

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


<!--Start Code--> <div class="textwidget">
<marquee align="center" direction="up" height="375" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4" width="280">
ο κώδικας του μπάνερ εδώ
</marquee></div> </center>
<!--End Code-->
Read more ...

οριζόντιο μενού πλοήγησης με υποκαρτέλες (1)



Από την αρχή που ξεκίνησα να ασχολούμαι με το blogging θέλησα να φτιάξω ένα μενού με υποκατηγορίες αλλά δυσκολευόμουν παρά πολύ να βρώ κάτι λειτουργικό και απλό.Γι'αυτό για να απαλλάξω εσάς από τον κόπο και ψάξιμο σας δίνω σήμερα τον κώδικα για φτιάξετε ένα απλό μενού με υποκαρτέλες.



Ακολουθείστε τα βήματα προσεκτικά ένα προς ένα:

  • Πανόπτης> Σχεδίαση> Επεξεργασία html
  • Πατήστε cntrl+f για να εμφανιστεί η μπάρα αναζήτησης και βρείτε το </head>.Αν δεν βρίσκει τίποτα γράψτε το πιο απλά /head.
  • Ακριβώς πάνω από από αυτό αντιγράψτε και επικολλήστε τον παρακάτω κώδικα
<style type="text/css">
#catmenucontainer{
height:29px;
background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/Swul0XJNShI/AAAAAAAAAT8/0MPzqd2ineY/catmenu.jpg) repeat-x;
display:block;
padding:0px 0 0px 0px;
font: 14px &quot;Century gothic&quot;,verdana, Arial, sans-serif;
font-weight:normal;
border-top:1px solid #686D6F;
}
#catmenu ,#catmenu ul {
margin: 0px 5px;
padding: 0px;
list-style: none;
height:29px;
}
#catmenu a {
color: #999;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}
#catmenu a:hover {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/Swul3Dap3uI/AAAAAAAAAUE/DvKs0kZKwCA/catmenuhov.jpg)
repeat-x;
color: #fff;
display: block;
text-decoration: none;
}
#catmenu li {
float: left;
margin: 0px;
padding: 0px;
}
#catmenu li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 130px;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/Swul0XJNShI/AAAAAAAAAT8/0MPzqd2ineY/catmenu.jpg)
repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#E8EBEE;
border-bottom:1px solid #2C3133;
}
#catmenu li li a:hover, #catmenu li li a:active {
background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/Swul3Dap3uI/AAAAAAAAAUE/DvKs0kZKwCA/catmenuhov.jpg)
repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
border-bottom:1px solid #2C3133;
}
#catmenu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}
#catmenu li:hover ul {
left: auto;
display: block;
}
#catmenu li:hover ul, #catmenu li.sfhover ul {
left: auto;
}
</style>
  • Κάνουμε πρώτα Προεσκόπηση μήπως βγάζει κανένα σφάλμα και αν όχι,στη συνέχεια Αποθήκευση
  • μετά Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη gadget> HTML/JavaScript 
  • και προσθέτουμε τον παρακάτω κώδικα

<div id='catmenucontainer'>

<div id='catmenu'>

<ul>

<li><a href='#' title='#'>Home</a></li>

<li><a href='#' title='#'>Tab 1</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
</ul>
</li>

<li><a href='#' title='#'>Tab 2</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
<li><a href='#' title='#'>4</a></li>
</ul>
</li>


<li><a href='#' title='#'>About</a></li>

<li><a href='#'' title='#'>Contact</a></li>


</ul>

</div>


Στη συνέχεια απλά κάνουμε αντικατάσταση το πρώτο # μετά το href= με το λινκ της κατηγορίας και δίπλα ανάμεσα στα >όνομα< αλλάζουμε το όνομα της κατηγορίας


Αποθήκευση και τελειώσαμε.




Προσοχή!Σε περίπτωση που το μενού σταταματήσει να δουλεύει κανονικά απλά σώσε τις παρακάτω εικόνες στην επιφάνεια εργασίας και ανέβασέ τες π.χ. στο google sites .Στη συνέχεια αντικατέστησε από δύο φορές το λινκ (http://4.bp.blogspot.com/_4HKUHirY_2U/Swul0XJNShI/AAAAAAAAAT8/0MPzqd2ineY/catmenu.jpg) με αυτό της εικόνας που έχεις στο google sites και το ίδιο κάνε δύο φορές για το δεύτερο λινκ (http://3.bp.blogspot.com/_4HKUHirY_2U/Swul3Dap3uI/AAAAAAAAAUE/DvKs0kZKwCA/catmenuhov.jpg).
πηγή κώδικα



Σχετική ανάρτηση
οριζόντιο μενού με κατηγορίες (ανοιχτό γκρι)

Read more ...