Εμφάνιση αναρτήσεων με ετικέτα ΒΟΗΘ. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα ΒΟΗΘ. Εμφάνιση όλων των αναρτήσεων

WEBCAMERA

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('091474d6-8063-4890-a090-f0ca5167bd7e');</script>
<noscript>Get the <a href="http://www.widgetbox.com/widget/webcamviewer">Webcam</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>



Βάλτε Live Τηλεόραση στο Site σας


http://widget-org.blogspot.gr/2011/04/live-site_12.html

<iframe src="http://ypokoultoura.gr/widget/mini_tv.php" name="radio" scrolling="auto" frameborder="no"
align="center" height = "270px" width = "235px">
</iframe>






Βάλτε το Live Ραδιόφωνο στο Site σας


http://widget-org.blogspot.gr/2011/04/live-site.html

<iframe src="http://ypokoultoura.gr/widget/mini_all.php" name="radio" scrolling="auto" frameborder="no"
align="center" height = "350px" width = "235px">
</iframe>
Chat widget
/view




Chat widget /view

ΤΥΠΩΜΑ ΣΕΛΙΔΑΣ

Ένα ωραίο gadget για να προσθέσετε στο blog σας, είναι το print button.
Ένα κουμπί δηλαδή, που πατώντας το, κάποιος επισκέπτης της σελίδας σας, θα μπορεί να εκτυπώσει όλο το περιεχόμενο της σελίδας που βρίσκεται.
Να πω σ' αυτό το σημείο, ότι την συγκεκριμένη ανάρτηση την είδα στο φιλικό blog του φίλου Johnpatra, και την αναδημοσιεύω.
Πάμε λοιπόν στον Πίνακα Ελέγχου --> Διάταξη --> Προσθήκη gadget --> HTML/JavaScript

Σαν τίτλο μπορείτε να γράψετε "Print this page" ή "Εκτυπώστε την σελίδα" ή ότι άλλο σας αρέσει, και επικολλήστε τον παρακάτω κώδικα:

<script language="Javascript1.2">
function printWindowundefined){
browserVersion = parseIntundefinednavigator.appVersion)
if undefinedbrowserVersion >= 4) window.printundefined)
}
// -->
</script>
<a href="javascript:printWindowundefined)"><img width="98" src="http://bloghacktips.googlepages.com/Printthispage.jpg" height="16"/></a>

Στην σελίδα σας θα φαίνεται έτσι

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

http://img718.imageshack.us/img718/7644/images1lp.jpg
http://img51.imageshack.us/img51/9794/56253090.jpg

Με μπλε χρώμα, είναι σημειωμένες οι διαστάσεις του gadget.
Αν θέλεται να τροποποιήσετε το πλάτος και το ύψος του, επεξεργαστήτε τις τιμές του.
Αφού τελείωσετε με την επεξεργασία του widget πατήστε Αποθήκευση κι είστε έτοιμοι!

ΜΙΚΡΥΝΕΤΕ ΤΑ ΚΕΝΑ ΑΝΑΜΕΣΑ ΣΤΑ GADGETS


http://www.dr-blogger.com/2010/12/gadgets.html



Νέοι bloggers γεια σας! Οταν βάζουμε στο blog μας πολλά gadgets, δημιουργούμε και πολλά κενά ανάμεσά τους...αυτό έχει σαν συνέπεια να μακραίνει (μεγαλώνει) το μέγεθος της σελίδας μας! Μπορούμε να γλυτώσουμε πολλά εκατοστά, από το μάκρος της σελίδας μας, αν μικρύνουμε στο ελάχιστο, αυτά τα κενά....

Μπαίνουμε ΣΧΕΔΙΑΣΗ=>Επεξεργασία HTML=>
και ψάχνουμε (με το ctrl+f) το :

    ]]></b:skin>

Μόλις το βρούμε, βάζoυμε τον παρακάτω κώδικα ΠΑΝΩ από αυτό :

    .sidebar .widget {
    margin-bottom:-1em;
    }

    .main .widget {
    margin-bottom:-1em;
    }

............. μετά ................................... πριν

...όπου, το
sidebar .widget
είναι τα gadgets της πλαινής μπάρας, και το
main .widget
τα gadgets κάτω και πάνω
από τις αναρτήσεις μας...
Μπορείτε να παίξετε με το -1,
μέχρι να βρειτε το χώρο που σας αρέσει περισσότερο.
Κάντε ΠΡΟΕΣΚΟΠΗΣΗ να δείτε αν το πετύχατε, και μετά ΑΠΟΘΗΚΕΥΣΗ...






FLAG COUNTER

http://s05.flagcounter.com/index.html





We have provided two versions of our code, customized with your selections. The first is an HTML code for websites, and the second is a code for posting to forums. Just copy and paste this to your website's source code wherever you'd like your Flag Counter to appear. Flag Counters are just images, so they will work on any website.

Code for websites (HTML):
<a href="http://info.flagcounter.com/fNHc"><img src="http://s05.flagcounter.com/count/fNHc/bg_FFFFFF/txt_000000/border_CCCCCC/columns_8/maxflags_20/viewers_arthouse/labels_1/pageviews_1/flags_1/" alt="Flag Counter" border="0"></a>

Code for forums:
[URL=http://info.flagcounter.com/fNHc][IMG]http://s05.flagcounter.com/count/fNHc/bg_FFFFFF/txt_000000/border_CCCCCC/columns_8/maxflags_20/viewers_arthouse/labels_1/pageviews_1/flags_1/[/IMG][/URL]

Here is how the counter you created looks:

----------------------------------------------
Code for websites (HTML):
<a href="http://info.flagcounter.com/AHkl"><img src="http://s11.flagcounter.com/map/AHkl/size_l/txt_318CF5/border_0D0D0D/pageviews_1/viewers_0/flags_1/" alt="Flag Counter" border="0"></a>

Code for forums:
[URL=http://info.flagcounter.com/AHkl][IMG]http://s11.flagcounter.com/map/AHkl/size_l/txt_318CF5/border_0D0D0D/pageviews_1/viewers_0/flags_1/[/IMG][/URL]

Here is how the counter you created looks:



Flag Counter

Νεότερες αναρτήσεις - Αρχική σελίδα - Παλαιότερες αναρτήσεις

http://ekabitis-tips-tricks.blogspot.gr/2010/10/new-home-old-buttons.html


<img src=""/></a>
-----------------------------------------------------------------------
ΝΕΟ
<data:newerpagetitle/>
<img src="Direct link of Newer button"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxGRG8Y43EJAO0UHHMRs9SmCI-JgfaFFPUDoH3S9ZA08jqTIVxBhf3q0aa48DGy3UjJpToWQF_Kk4GxxG-cFHT7HFf0lxuVHtQXFHTo__S2vPnYaLtwuZNdwvlJFTFgtYNpa8w1B6e8w4a/s1600/%CE%92+NEO.jpg"/>
-----------------------------------------------------------------------
ΠΑΛΑΙΟ
<data:olderPageTitle/>
<img src="Direct link of Older button"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7xhUSZVYApvc10KnSnIxdDPHBGhabYFBTw04yziDq0MGy_HAkExqjrR7VBFA0DrJzSKvNogQXctKglmV9W1M9ZkhYuoyhzg4ItE2-1b5n2rq6iDdRHcHnvEHxwk8VTuLmpi6Q03h0I-qY/s1600/%CE%92+%CE%A0%CE%91%CE%9B%CE%91%CE%99%CE%9F.jpg"/>
-----------------------------------------------------------------------
ΑΝΩ
<data:homeMsg/>
<img src="Direct link of Home button"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm3qUNqZz-oKd-FOtbFfwwiK9H-T2R1XsVGp5UjWw_6vpGsUq4Oo1ML4kidyf7sAZeZSL1MX2lS8IIYrofsTg7Lgui175Exvv2mL5mIoUqLELDjFNxAd-NwPEgn3i2gR0zT3OmRDcG7QlZ/s1600/%CE%92+%CE%91%CE%9D%CE%A9-.jpg"/>
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
ΕΤΟΙΜΑ
---------------------------------------------------------------------------------------------
<data:newerpagetitle/>  ΨΑΧΝΕΙΣ
---------------------------------------------------------------------------------------------
ΧΩΡΙΣ ΒΕΛΑΚΙΑ
---------------------------------------------------------------------------------------------
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src=""/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src=""/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><img src=""/></a>

    <b:if cond='data:mobileLinkUrl'>
---------------------------------------------------------------------------------------------
ΜΕ ΒΕΛΑΚΙΑ
---------------------------------------------------------------------------------------------
 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxGRG8Y43EJAO0UHHMRs9SmCI-JgfaFFPUDoH3S9ZA08jqTIVxBhf3q0aa48DGy3UjJpToWQF_Kk4GxxG-cFHT7HFf0lxuVHtQXFHTo__S2vPnYaLtwuZNdwvlJFTFgtYNpa8w1B6e8w4a/s1600/%CE%92+NEO.jpg"/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7xhUSZVYApvc10KnSnIxdDPHBGhabYFBTw04yziDq0MGy_HAkExqjrR7VBFA0DrJzSKvNogQXctKglmV9W1M9ZkhYuoyhzg4ItE2-1b5n2rq6iDdRHcHnvEHxwk8VTuLmpi6Q03h0I-qY/s1600/%CE%92+%CE%A0%CE%91%CE%9B%CE%91%CE%99%CE%9F.jpg"/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm3qUNqZz-oKd-FOtbFfwwiK9H-T2R1XsVGp5UjWw_6vpGsUq4Oo1ML4kidyf7sAZeZSL1MX2lS8IIYrofsTg7Lgui175Exvv2mL5mIoUqLELDjFNxAd-NwPEgn3i2gR0zT3OmRDcG7QlZ/s1600/%CE%92+%CE%91%CE%9D%CE%A9-.jpg"/></a>

    <b:if cond='data:mobileLinkUrl'>






-----------------------------------------------------------------------






ΚΑΝΤΕ ΤΑ WIDGETS ΟΡΑΤΑ/ΚΡΥΦΑ

-------------------------------------------------------------------------
ΚΑΝΤΕ ΤΑ WIDGETS ΟΡΑΤΑ/ΚΡΥΦΑ ΣΕ ΣΥΓΚΕΚΡΙΜΕΝΕΣ ΣΕΛΙΔΕΣ

http://dr-blogger2.blogspot.gr/2011/09/widgets_11.html
http://www.dr-blogger.com/2011/09/widgets.html#

http://demono10.blogspot.com/
http://demono11.blogspot.com/
http://demono8.blogspot.com/

-------------------------------------------------------------------------
ΜΟΝΟ ΓΙΑ ΤΗΝ ΠΡΩΤΗ ΣΕΛΙΔΑ
-------------------------------------------------------------------------
Δείξτε Το Widget Μόνον στην Αρχική Σελίδα:

                                                <b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
                                                <b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
                                                 <!-- only display title if it's non-empty -->
                                                 <b:if cond='data:title != ""'>
                                                 <h2 class='title'><data:title/></h2>
                                                 </b:if>
                                                 <div class='widget-content'>
                                                 <data:content/>
                                                 </div>
</b:if>

-------------------------------------------------------------------------
http://www.dr-blogger.com/2011/09/widgets.html
Κρύψτε Το Widget Από Συγκεκριμένη Σελίδα:

<b:widget id='HTML1' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL of the page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
-------------------------------------------------------------------------





-------------------------------------------------------------------------
ΟΠΩΣ ΕΙΧΕ ΜΠΕΙ ΣΤΟΝ ΔΩΡΟΛΑΧΝΟ
-------------------------------------------------------------------------
<div class="widget-content">
<style type="text/css">
<!--#Layer1 {
    position:fixed;
    width:400px;
    height:400px;
    left:280px;
top:50px;
    z-index:1;
}
-->
</style>

<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

<script language="JavaScript1.2">

isMouseover = false;
isDragging = false;

function MouseDownLayer(e)
{
   isIE = document.all;

   documentTag = isIE ? "BODY" : "HTML";
   srcElement = isIE ? event.srcElement : e.target;
   layerElement = isIE ? document.all.Layer1 : document.getElementById("Layer1");

   while (srcElement.id != "Layer1TitleBar" && srcElement.tagName != documentTag)
   {
      srcElement = isIE ? srcElement.parentElement : srcElement.parentNode;
   }
   if (srcElement.id == "Layer1TitleBar")
   {
      offsetX = isIE ? event.clientX : e.clientX;
      offsetY = isIE ? event.clientY : e.clientY;
      currentX = parseInt(layerElement.style.left);
      currentY = parseInt(layerElement.style.top);
      isDragging = true;
      document.onmousemove = MouseMoveLayer;
  }
}

function MouseMoveLayer(e)
{
   if (!isDragging) return;

   // Internet Explorer ?
   if (document.all)
   {
      layerElement.style.left = currentX+event.clientX-offsetX;
      layerElement.style.top = currentY+event.clientY-offsetY;
   }
   else
   {
      layerElement.style.left = currentX+e.clientX-offsetX + "px";
      layerElement.style.top = currentY+e.clientY-offsetY + "px";
   }
   return false;
}

document.onmousedown = MouseDownLayer;
document.onmouseup = Function("isDragging=false");

</script>

<div id="Layer1"> <table border="0" bgcolor="#103C7B" width="100%" cellspacing="0" cellpadding="2">
<tbody><tr>
   <td id="Layer1TitleBar" style="cursor:move" width="100%">
      <ilayer width="100%" onselectstart="return false">
      <layer width="100%" onmouseover="isMouseover=true" onmouseout="isMouseover=false">
      <font face="Arial" color="#FFFFFF" style="font-size:13px;text-decoration:none"><b></b></font>      </layer>
      </ilayer>
   </td>
   <td style="cursor:hand" valign="top">
      <a href="#" onclick="layerElement.style.visibility='hidden';return false">
      <font color="#FFFFFF" face="Arial" style="font-size:13px;text-decoration:none"><b>Κλείσιμο</b></font>
      </a>
   </td>
</tr>
</tbody></table><a href="#" style=""><center><img  height="400" width="400"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVjrvGHmdbQRFXq4bq4NIpkppOXecIAjWFdMIFAwhw5_lGS3yCTlX0bnj5Fd2XV4McltxxQgznwqB_xPtYnXBoMVtnxbWtnA3YEgVcooyw6DLeq-Fomvfu5T5uE0JP2uJah-Q-QnIyq3x/s1600/%CE%A4%CE%9F_%CE%9A%CE%91%CE%A1%CE%91%CE%92%CE%99_%CE%A4%CE%97%CE%A3_%CE%95%CE%9B%CE%9B%CE%91%CE%94%CE%91%CE%A3.jpg" /></center></a></div></div>












Lightbox για Είσοδο στο Blog σας

http://www.dr-blogger.com/2011/12/lightbox-blog.html
-----------------------------------------------------------------------------------


***τα χρωματιστά σημεία, σας δείχνουν τα μεγέθη, τις διαστάσεις και με το μπλε φόντο,
σας δείχνω που θα βάλετε τη φωτογραφία, το βιντεο η το κείμενο
***ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ .....επειδή δεν πρέπει να λειτουργεί συνέχεια και σε όλες τις
σελίδες του blog σας, (γιατί θα σπάσετε τα νεύρα στους επισκέπτες σας που θα πρέπει
να το κλείνουν σε κάθε ανάρτηση σας που θα διαβάζουν), διαβάστε αυτην την ανάρτηση,
ΚΑΝΤΕ ΤΑ WIDGETS ΟΡΑΤΑ/ΚΡΥΦΑ ΣΕ ΣΥΓΚΕΚΡΙΜΕΝΕΣ ΣΕΛΙΔΕΣ  για να βάλετε
αυτό το gadget ΜΟΝΟΝ στην αρχική σελίδα....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!(για απορίες σας, στείλτε email η γράψτε σχόλιο)
------------------------------------------------------------------------------------
<div class="widget-content">
<style type="text/css">
<!--#Layer1 {
    position:fixed;
    width:400px;
    height:400px;
    left:280px;
top:50px;
    z-index:1;
}
-->
</style>

<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

<script language="JavaScript1.2">

isMouseover = false;
isDragging = false;

function MouseDownLayer(e)
{
   isIE = document.all;

   documentTag = isIE ? "BODY" : "HTML";
   srcElement = isIE ? event.srcElement : e.target;
   layerElement = isIE ? document.all.Layer1 : document.getElementById("Layer1");

   while (srcElement.id != "Layer1TitleBar" && srcElement.tagName != documentTag)
   {
      srcElement = isIE ? srcElement.parentElement : srcElement.parentNode;
   }
   if (srcElement.id == "Layer1TitleBar")
   {
      offsetX = isIE ? event.clientX : e.clientX;
      offsetY = isIE ? event.clientY : e.clientY;
      currentX = parseInt(layerElement.style.left);
      currentY = parseInt(layerElement.style.top);
      isDragging = true;
      document.onmousemove = MouseMoveLayer;
  }
}

function MouseMoveLayer(e)
{
   if (!isDragging) return;

   // Internet Explorer ?
   if (document.all)
   {
      layerElement.style.left = currentX+event.clientX-offsetX;
      layerElement.style.top = currentY+event.clientY-offsetY;
   }
   else
   {
      layerElement.style.left = currentX+e.clientX-offsetX + "px";
      layerElement.style.top = currentY+e.clientY-offsetY + "px";
   }
   return false;
}

document.onmousedown = MouseDownLayer;
document.onmouseup = Function("isDragging=false");

</script>

<div id="Layer1"> <table border="0" bgcolor="#103C7B" width="100%" cellspacing="0" cellpadding="2">
<tbody><tr>
   <td id="Layer1TitleBar" style="cursor:move" width="100%">
      <ilayer width="100%" onselectstart="return false">
      <layer width="100%" onmouseover="isMouseover=true" onmouseout="isMouseover=false">
      <font face="Arial" color="#FFFFFF" style="font-size:13px;text-decoration:none"><b></b></font>      </layer>
      </ilayer>
   </td>
   <td style="cursor:hand" valign="top">
      <a href="#" onclick="layerElement.style.visibility='hidden';return false">
      <font color="#FFFFFF" face="Arial" style="font-size:13px;text-decoration:none"><b>Κλείσιμο</b></font>
      </a>
   </td>
</tr>
</tbody></table><a href="#" style=""><center><img  height="400" width="400"  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVjrvGHmdbQRFXq4bq4NIpkppOXecIAjWFdMIFAwhw5_lGS3yCTlX0bnj5Fd2XV4McltxxQgznwqB_xPtYnXBoMVtnxbWtnA3YEgVcooyw6DLeq-Fomvfu5T5uE0JP2uJah-Q-QnIyq3x/s1600/%CE%A4%CE%9F_%CE%9A%CE%91%CE%A1%CE%91%CE%92%CE%99_%CE%A4%CE%97%CE%A3_%CE%95%CE%9B%CE%9B%CE%91%CE%94%CE%91%CE%A3.jpg" /></center></a></div></div>

Δημιουργία ενός banner

Δημιουργία ενός banner
http://www.bloggertips.gr/2009/08/banner.html

Καλησπέρα σε όλους.
Όπως υποσχέθηκα σε κάποιους το σημερινό θέμα αυτής της ανάρτησης είναι να σας δείξει πως θα φτιάξετε δωρεάν,γρήγορα και εύκολα ένα banner για τη σελίδα σας.Όπως αυτά που έχω φτιάξει εγώ για το JohnpatraBLOG.Δείτε στη συνέχεια πόσο εύκολο είναι να φτιάξετε κι εσείς ένα!

Ο καλύτερος τρόπος να φτιάξετε ένα banner για τη σελίδα σας είναι με το photoshop.Αν έχετε και ξέρετε να το δουλέψετε τότε δεν χρειάζεται να διαβάσετε τη συνέχεια αυτού του post.
Όσοι δεν το έχουν ή το έχουν αλλά δεν ξέρουν να το δουλέψουν (σαν εμένα) ας δούνε παρακάτω.

Υπάρχουν άπειρες σελίδες στο web όπου μπορείτε να φτιάξετε online το banner σας.
Αρκεί να αναζητήστε στο google με λέξεις κλειδιά ,όπως:

"create free banners"
"create free logos"
"animated(=κινούμενα) logos"
"create animated banner"
"create buttons"

και κάντε και πολλούς συνδιασμούς με αυτές τις λέξεις και άλλες τέτοιες παρόμοιες και θα βρείτε άπειρες σελίδες για να φτιάξετε online το banner σας.
Οι πιο πολλές (από τις σελίδες που θα βρείτε) δεν θα σας αρέσουν για διάφορους λόγους όμως θα βρείτε σίγουρα και μερικές πολύ καλές με τις οποίες θα κάνετε τη δουλειά σας.
Αν βρείτε καμιά καλή αφήστε ένα σχόλιο και πείτε την για να την μάθουν κι οι άλλοι.
Εγώ έχω βρει μέχρι τώρα 8 σελίδες που μπορείτε να φτιάξετε γρήγορα,δωρεάν και εύκολα ένα όμορφο banner για το blog σας.
Σας τις έχω παρακάτω:
(πατήστε άφοβα πάνω τους 'είναι ρυθμισμένες να ανοίγουν σε νέα καρτέλα)

1) http://www.grsites.com/

2) http://www.animationonline.com/

3) http://mybannermaker.com/*

4) http://kalsey.com/tools/buttonmaker/

5) http://glitter-graphics.com/myspace/text_generator.php

6) http://www3.flamingtext.com/

7) http://www.mylivesignature.com/

8) http://cooltext.com/

*αν φτιάξετε ένα banner από αυτήν την σελίδα θα σας έχει στο κάτω μέρος του banner σας κάτι διαφημιστικά της σελίδας.Για να τα βγάλετε αυτά απλά ανοίξτε το banner σας με το πρόγραμμα της ζωγραφικής και σβήστε αυτά τα γράμματα με γόμα!


Αφού λοιπόν φτιάξετε το banner σας ανεβάστε το κάπου.
Σας προτείνω 3 υπηρεσίες για να το ανεβάσετε:

1)http://photobucket.com/

2)http://freefotos.gr/

3)http://gigaimage.com/

Αφού λοιπόν το ανεβάσετε μετά μπορείτε να βρείτε και τον κώδικα html του banner σας και να το βάλετε στο blog σας.



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

Αν μείνατε ευχαριστημένοι από τις παραπάνω πληροφορίες ,μπορείτε να βάλετε ένα banner του Johnpatra BLOG στη σελίδα σας:


link για pchands

Βάλε τον παρακάτω κώδικα στη σελίδα σου.(θα εμφανίζεται το παραπάνω banner)


<br/><a href="http://johnpatrablog.blogspot.com/" target="_blank"><br/><img border="0" alt="link για pchands" width="150" src="http://i723.photobucket.com/albums/ww239/johnpatra/banners/coollogo_com_73212405.gif" height="30" /></a><br/>

Αν για κάποιον λόγο δεν σας αρέσει αυτό το banner δείτε και τα άλλα banners στο http://johnpatrablog.blogspot.com/2009/07/banners.html


Και κάτι ακόμα:

Αν σου άρεσαν οι παραπάνω πληροφορίες μπορείς να γραφτείς δωρεάν στην εφημερίδα της σελίδας από το http://feedburner.google.com/fb/a/mailverify?uri=Johnpatrablog&loc=en_US και θα σου έρχονται στο mail σου αυτόματα όλα τα tips & tricks για να μην χάνεις κανένα και να είναι το blog σου μοναδικό!
Μην το σκέφτεσαι άλλο!Κάνε δωρεάν εγγραφή τώρα και όποτε θέλεις μπορείς να ξεγραφτείς.

TRANSLATE

TRANSLATE

<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)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3yFd4gv0ZuG657lEoqcs2g7qhKBH_6W17BTnENvZicU9f6ziCHrSLl5c4x_j9nHv6MwbumSqt6SkIl7fT9dV2oi8pYNXl4UOW5dciT0fAK4iO3bFxn-lWyzMNZUfmXEW1vT0YP4NGbhw/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd-9ldgdDgVRPpHidSZJSxJUoq88m5aXYgsShfJOMXnPO9L16q8W3qNXWq-spkMJIKlMmofQ6x3cntjirtMXJHa3l5JfguL7OeygxRxYNgReXaGdVv-4WoOAQML3gyWmH_fPi7gThnoq4/s200/France.png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu9kJSAeaGZlfJVRqugUh_qAkBNLIhr1JbHZbj6NjPzZG2Mt90h3uOybJ-5I68ACUlr-re_4kIaxlqm32gyFUBQCAAfhxsmVDkNJkeOC1grHvO826PcqPrvt30IhULRNmmDXlsnjD3-4c/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjEK7I2ThPnbv1whGkeOdC97fw3FmpOFgsPjNsJWjWLMOy7I6XFymrbeBMGgs_5dWY3ZUjC0lsfBqzil14syUNqKrgLiHwPiRxsooFE2jN03VkHH-pRd3LKueK2wg2gZbBbKQkU9ZrdhE/s200/Spain.png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsatkhyphenhyphenlXMy-X2fHbc49I9e5M5N360JhS14w8PjtyO498I2am4p4H4S3BEaeUDci6GQIAVXopRTY4MFll39SKuRzRQ6r3_suKHTD2pafGfJXD3O9sUZqNqA9i-P2pQjljVOxo-R5_duxs/s200/Italy.png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbiKJetm_yool3r5xeI6f0DYb62snWB4ebnlLfMDTzKFhLa_iHUPyeFNJt3N9Am43yO51fnkQtUG-QPcj5ldqlw2RZTcbIaE29Tt5BJyrhwl-Q8OKtBE2CbcamrdZuL-r9R523zTxpoxM/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSfNRE6Yzat3qMeZ1CK-8STr-ojuiUg-KuJNWXPDJCuvZVHZwwXNLxVSYe7ycAWBzPLBNdTm1QIGox_9kswjF_iceY26zv83Li-eHQ1hWJKXfDIkVsIbm-ujGZ0-KjgHfF-kuwkEZ7vM/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9yaffz9ejLBfK91Mnxkeq3NEO4X0V16mCrE674Rcm68g7SyM3B9lGXtaCWtOaXR-8jUF7V2TH5iId-HhtZJ74mVpjsSkmKNwsLydpup6-IdzHKuNnc_hMHugk96P9TFHEUlZ6mU5o_iU/s200/Brazil.png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmcPlTWl1lqEXnFUDjbLTXJunRT4LDhO8XDEQMX2kwWBn_g-0nN1eY_UGEmbdf85i0fHPyaJ1V7kbb8TUi4Qh3Rvx8W6HKcUp_QGqCB9mjjEn0G98uNLVDikzXDoA9KrUp9qEDjt7IZL4/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilFIu9ZCwpGzbLAArchp2JDMV5mCq4S-kZ4Y5RItrvR7qeUXp_nVHss4_KwelyI8Quf3jQ6KFEcWH_HUx39Yu90ltZETBjrIFbXb3hCb8V7FEfYSG-KeE16yutn1YWK1lr_rm7GkeiALo/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho9uQHZTj5vKAegoVpATVR7BH-w-QnuXHv3lIOqjAfl98Zq4y-n75uC3Bwp3DjGyZr_qs_4mwYvAhBuEIyHJSXKYqtN84Wf3aiFOsyny5dtSwpYyIS0QVbU8Meeaz7eco6JKLK_wPD3cY/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" 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)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGFXjOGjtXCuOcsut5qvjEQCfa1aetE9svoSnRTM73TsIowABC-z-kkUJR23UcV14S7PjqXBW-3ZlJAECwMO_GTCqlX6V15aonPFECyK9mHol3zi75rd1fnpzu22i_CSs1EA6RnzujNn8/s200/China.png" style="cursor: pointer;margin-right:8px" width="24" /></a> </div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div> <br />




English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

ΑΡΧΕΙΟ ΑΝΑΡΤΗΣΕΩΝ

Ένα πολύ ωραίο και χρήσιμο gadget που συγκεντρώνει όλες σας τις αναρτήσεις σε μία μόνο ανάρτηση!
Δείτε πως λειτουργεί στο DEMO 
Αναρτήστε με μια ανάρτηση ή στατική σελίδα τον παρακάτω κώδικα:


<style type="text/css"> .post{ width:600px; margin:50px auto 50px; } #toc-outer { font:normal 11px/14px Arial,Sans-Serif; color:black; text-align:left; margin:0px auto; } #loadingscript { font-weight:bold; font-size:20px; text-align:center; } #loadingscript, .itemposts { margin:0px 0px 2px; height:auto; overflow:hidden; display:block; background-color:#FDC20E; border:1px solid #FC9B05; padding:10px; } .itemposts h6 { margin:0px 0px 10px; font:normal 14px/16px Impact,Arial,Sans-Serif; text-transform:uppercase; color:black; padding:0px 10px; height:24px; line-height:24px; background-color:#FC9B05; position:relative; overflow:hidden; } .itemposts h6 a { color:black; text-decoration:none; } .itemposts h6:after { content:""; width:0px; height:0px; border:12px solid transparent; border-top-color:black; border-right-color:black; position:absolute; top:0px; right:0px; } .itemposts img { float:left; height:72px; width:72px; margin:0px 10px 5px 0px; padding:0px; background-color:white; border:none; -webkit-border-radius:44px; -moz-border-radius:44px; border-radius:0px; -webkit-box-shadow:0px 0px 0px 4px #E52117; -moz-box-shadow:0px 0px 0px 4px #E52117; box-shadow:0px 0px 0px 4px #E52117; } .itemposts .iteminside {} .itemposts .itemfoot { clear:both; padding:5px 10px 5px 20px; margin:10px 0px 0px; background-color:#222; color:white; font-style:italic; position:relative; overflow:hidden; } .itemposts .itemfoot:after { content:""; width:0px; height:0px; border:10px solid transparent; border-left-color:#E52117; border-top-color:#E52117; position:absolute; top:0px; left:0px; } .itemposts .itemfoot a.itemrmore { font-weight:bold; color:#4B9540; float:right; text-decoration:none; } .itemposts .itemfoot a.itemrmore:hover { text-decoration:underline; } #itempager { padding:30px 0px; background-color:black; background-image:-webkit-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:-moz-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:-ms-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:-o-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); border:4px solid #ccc; } #pagination, #totalposts { display:block; color:white; text-shadow:0px 1px 0px black; font:bold 10px Verdana,Arial,Sans-Serif; padding:0px; text-align:center; background-color:#FDC20E; padding:10px 15px; } #pagination {border-top:4px solid black;} #totalposts {border-bottom:4px solid black;border-top:1px solid #FC9B05;} #pagination span, #pagination a { color:white; display:inline; margin:0 1px; padding:3px 5px; text-indent:0px; background-color:#316F27; text-decoration:none; text-shadow:none; } #pagination a:hover {background-color:#666;} #pagination span.actual {background-color:black;} #pagination span.hidden {display:none;} </style> <script type="text/javascript"> showPostDate = true; showComments = true; idMode = true; sortByLabel = false; var labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "Total Posts:", jumpPageLabel = "Page", commentsLabel = "Comments", rmoreText = "Read more &#9658;", prevText = "Preview", nextText = "Next", siteUrl = "periblogs.blogspot.com", postsperpage = 10, numchars = 370, imgBlank = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg"; </script><br /> <script type="text/javascript" src="http://yourjavascript.com/4335152193/blogger-archive-with-pagination.js"></script> <div style='clear: both;'></div>

Το μόνο που έχετε να αλλάξετε είναι να βάλετε τη διεύθυνση της σελίδας σας εκεί που λέει "ΤΟ URL ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ"
επίσης στη δεύτερη σειρά μπορείτε να αλλάξετε το πλάτος-width 
αν γνωρίζετε λίγο html καταλαβαίνετε πως μπορείτε να αλλάξετε πολλά ακόμα..

Πηγή: http://www.bloggertipsandtricks.net/2013/05/blogger-archive-with-pagination.html Copyrights: http://www.bloggertips.gr/






ΔΟΚΙΜΑΖΟΝΤΑΙ ΟΙ ΚΩΔΙΚΕΣ HTML

ΤΟ ΔΟΚΙΜΑΣΤΙΚΟ ΑΥΤΟ BLOG, ΦΤΙΑΧΤΗΚΕ 
ΓΙΑ ΝΑ ΔΟΚΙΜΑΖΟΝΤΑΙ ΟΙ ΚΩΔΙΚΕΣ HTML
 


http://demobloghtml.blogspot.gr/
 

http://www.greekmaestro.com/html/editor.html

ΠΑΛΕΤΕΣ ΧΡΩΜΑΤΩΝ

http://www.dr-blogger.com/p/blog-page.html
-----------------------------------------------------------------------
http://ekabitis-tips-tricks.blogspot.gr/2010/02/html-color-codes.html


  >>  red = FF0000
ΧΡΥΣΟ = DB991F 


Color Chooser
http://abowman.com/google-modules/color-chooser/

Free Speedtest for your homepage

http://www.my-speedtest.com/webmaster.htm


<!-- beginn speed tool code - do not change the code -->
<table border="0" width="500" bgcolor="#FFFFFF">
<tr><td><p align="center">
<iframe src="http://www.my-speedtest.com/messung_webmaster/index.pl" width="500" height=141 frameborder=0 name="I50" scrolling="no" border="0" align=middle></iframe>
<br><font size="1">(c) <a target="_blank" href="http://www.my-speedtest.com">Speedtest</a> </font></td>
</tr></table>
<!-- end of speed tool code - do not change the code -->

*********************************************

(c) Speedtest