How to Add StumbleUpon Button in your Blogger's posts ( 8 Styles ).

Προσθέτοντας ένα κουμπί StumbleUpon στο blog σας δίνετε την δυνατότητα στους επισκέπτες να προωθήσουν τα άρθρα σας στο StumbleUpon και εσείς μπορείτε να απολαύσετε την πρόσθετη επισκεψιμότητα στη σελίδα σας.

Για να το περάσετε θα κάνετε τα εξής απλά βήματα:



1.Θα κάνετε Login στο blog σας & θα μπείτε στον πανόπτη σας --> Διάταξη --> Επεξεργασία HTML
2.Εκεί θα τσεκάρετε το κουτάκι "Επέκταση προτύπων γραφικών στοιχείων"

3.Και θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F....

<data:post.body/>

Εάν έχετε περάσει το Αυτοματοποιημένο "Read more..." θα κατέβετε λίγο πιο κάτω & θα βρείτε το 2ο <data:post.body/>

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

Κώδικας για το 1ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>
<div style='clear: both;'/>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:




Κώδικας για το 2ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
<div style='clear: both;'/>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:




Κώδικας για το 3ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=3"></script>
<div style='clear: both;'/>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:




Κώδικας για το 4ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=4"></script>
<div style='clear: both;'/>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:




Κώδικας για το 5ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
<div style='clear: both;'/>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:




Κώδικας για το 6ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=6"></script>
<div style='clear: both;'/>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:



Κώδικας για το 7ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<a expr:href='"http://www.stumbleupon.com/submit?url="
+data:post.url'><img alt='StumbleUpon' border='0' src='http://www.stumbleupon.com/images/stumble7.gif'/></a>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:




Κώδικας για το 8ο σχέδιο:

<!--StumbleUpon-button-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div style="float:left;padding:4px;">
<a expr:href='"http://www.stumbleupon.com/submit?url="
+data:post.url'><img alt='StumbleUpon' border='0' src='http://www.stumbleupon.com/images/small_su_logo.png'/></a>
</div>
<!--StumbleUpon-button-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Πως θα εμφανίζεται:



5.Τέλος πατήστε Προεπισκόπηση & αν δεν σας βγάλει κάποιο λάθος, πατήστε ΑΠΟΘΗΚΕΥΣΗ.

Και κάντε Ανανέωση την σελίδα σας.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!

Στην περίπτωση που κάπου δυσκολευτείτε μπορείτε να επικοινωνήσετε μαζί μου στο email: loneeagle110@gmail.com