Το μόνο που έχετε να κάνετε για να το προσθέσετε στο blog σας είναι το εξής:
1) Προσθήκη Gadget
2) Html/javascript
3) Επικόλλησή του κώδικα
4) Αποθήκευσή
Κώδικας:
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('174900a1-c849-46e5-8d28-23a9f108aaf6');</script>
<noscript></noscript>
Καλά Χριστούγενναα.. :)
Το μόνο που έχετε να κάνετε για να το προσθέσετε στο blog σας είναι το εξής:
1) Προσθήκη Gadget
2) Html/javascript
3) Επικόλλησή του κώδικα
4) Αποθήκευσή
Κώδικας:
<!--XMAS-ICONS-STARTS--><a style="display:scroll;position:fixed;top:-3px;right:-2px;" href="#" title="Happy Christmas"><img width="100" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/3428093.png"/></a>
<a style="display:scroll;position:fixed;top:-3px;left:-2px;" href="#" title="Happy Christmas"><img width="100" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/4565148.png"/></a>
Ελπίζω να σας αρέσει..
Σήμερα έχω ένα καλό gadget για όσους θέλουν να προσφέρουν στους επισκέπτες τους γιορτινή διάθεση σας έχω Χιονόπτωση στο blog σας, παρόμοιο με αυτό που έχω και εγώ.
Το μόνο που έχετε να κάνετε για να το προσθέσετε στο blog σας είναι το εξής:
1) Προσθήκη Gadget
2) Html/javascript
3) Επικόλλησή του κώδικα
4) Αποθήκευσή
Κώδικας:
<script src="http://yourjavascript.com/25223141921/snowstorm-min.js"></script>
<!--www.lefta4you.blogspot.com—>
Απολύστε το λοιπόν..)
Καλημέρα bloggers, σήμερα θα προσθέσουμε chat στο blog μας, κατά την δική μου γνώμη τα chat είναι πλέον απαραίτητα στα blog, πρώτα από όλα δημιουργείτε μια συζήτηση μεταξύ των επισκεπτών κάτι το όποιο φέρνει ποιο κοντά εσάς και τους επισκέπτες σας, τους δίνει έναν λόγο παραπάνω να επιστέψουν ξανά στο blog σας.
Εγώ προσωπικά επιδιώκω να έχω μια αμεσότητα με τους αναγνώστες μου τους βοήθω όλους, οι πιο πολύ αναγνώστες μου επιστρέφουν συνεχεία στο site μου γιατί το έχουν συνηθισει η καλυτέρα έχουν λάβει της βασικές τους γνώσεις από το site μου όποτε είναι πολύ λογικό να επιστρέφουν συνεχεία στο site μου.
Πριν μερικές μέρες έγραψα για ένα εργαλείο το όποιο μέτριοι την ταχύτητα του ιντερνέτ σας.
Λοιπόν δείτε το παρακάτω βίντεο για να μάθετε το πως να προσθέσετε chat στο blog σας:
Το συγκεκριμένο blogger widgets το όποιο εγώ προσωπικά το θεωρώ πολύ όμορφο και πολύ έξυπνο, μου το είχαν ζήτηση και αλλά άτομα όποτε εγώ σκέφτηκα να σας δείξω το πως μπορείτε να το προσθέσετε και εσείς το πολύ όμορφο αυτό blogger widgets στο blog σας.
Να σας θυμίσω λίγο ένα άρθρο που είχα γράψει πριν αρκετό καιρό στο όποιο σας δείχνω έναν αρκετά ενδιαφέρον τρόπο με τον όποιο μπορείτε να βγάλετε λεφτά απο το ιντερνέτ.
Αντιγράφουμε των παρακάτω κώδικα:
<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/-XmXmlBqBIsk/T0bpFKqRpbI/AAAAAAAAGps/DqATKGBCHPg/s1600/Facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 33px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:30%;}
.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" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/%CE%9B%CE%B5%CF%86%CF%84%CE%B1-%CE%B1%CF%80%CE%BF-%CF%84%CE%BF-%CE%B9%CE%BD%CF%84%CE%B5%CF%81%CE%BD%CE%B5%CF%84/117755044966548&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href=http://www.lefta4you.blogspot.com target="_blank">Blogger Widgets</a></span></div></div>
1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή
Προσοχή το:http://www.facebook.com/pages/%CE%9B%CE%B5%CF%86%CF%84%CE%B1-%CE%B1%CF%80%CE%BF-%CF%84%CE%BF-%CE%B9%CE%BD%CF%84%CE%B5%CF%81%CE%BD%CE%B5%CF%84/117755044966548
Αντικαταστήστε το με το δικό σας link.
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.
Καλημέρα bloggers, σήμερα σας έχω ένα πολύ όμορφο blogger gadget, είναι παρόμοιο με το gadget της καρδίας που είχαμε πρόσθεση πριν μερικές εβδομάδες: Blogger widget share social network με καρδια, αυτό το gadget είναι σαν ένα αυγό μόλις όμως βάλεις το Δίκτη του ποντικιού σου πάνω του ανοίγει με πολύ εντυπωσιακό τρόπο και δίνει την ευκαιρία στους επισκέπτες σας να μοιραστούν το blog σας με τους φίλους που έχουν σε αλλά social network.
Πάμε τώρα να το προσθέσουμε στο blog μας:
1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML
4) τσεκάρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.
Αντιγράφουμε των παρακάτω κωδικό; </head> και το επικολλούμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.
Ακριβώς πάνω από αυτών των κωδικό προσθέτουμε αυτών:
<!-- Start Heart Bookmarking Gadget Code From http://www.lefta4you.blogspot.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://www.lefta4you.blogspot.com/ –>
Με τον ιδιο τροπο βρίσκουμε των κωδικό </body> ακριβώς πάνω από αυτών των κωδικό θα βάλουμε των παρακάτω
<!-- Start Heart Share Code From http://www.lefta4you.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:'Share This!',url:'http://www.sharethis.com',theme:'shareheart'});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://www.lefta4you.blogspot.com/ –>
Πατάμε αποθήκευση πρότυπου και τέλος
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.
Καλημέρα bloggers,σήμερα σας έχω ένα πολύ καλό Blogger gadget και είμαι σίγουρος πως το συγκεκριμένο gadget θα αύξηση κατά πολύ την επισκεψιμοτητα στο blog σας.
Μου το ζήτησε χθες ο φίλος μας ο giorgos μου το έγραψε στο chat και εγώ αφού του
το υποσχέθηκα είπα να γράψω αυτό το αρθo, εκεί που θέλω να καταλήξω είναι πως εάν ψάχνετε κάτι και δεν το βρίσκετε απλός γράψτε το μου στο chat και εγώ πολύ ευχαρίστως θα το βρω για σας.
Πριν πάμε να προσθέσουμε το one Time Facebook Pop Up Like box θα ήθελα να σας θυμίσω πως είχα γράψει ένα άρθρο για το πως να βγάλετε χρήματα από το blog σας μέσο affiliate marketing!!
Και πάμε αμέσως τώρα να το προσθέσουμε στο blog μας:
1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή
Κωδικας:
<style>
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxLgT4J1ewXVuyQKVMyOlq2g7OI_g5NuoUWaXaM2sUiz158SGZpJ1ynDy0H_hcdRIyZZNXGDmrHONivOr5b94D31TQl6HYNYHzvC-TRbm2BXzotixRW9wlbjzs3Gdpc3MScmxhtoLnJEh/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxLgT4J1ewXVuyQKVMyOlq2g7OI_g5NuoUWaXaM2sUiz158SGZpJ1ynDy0H_hcdRIyZZNXGDmrHONivOr5b94D31TQl6HYNYHzvC-TRbm2BXzotixRW9wlbjzs3Gdpc3MScmxhtoLnJEh/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFToHtk0l_l4BUX2i8Nc7Alqntst2hPezvJZaZNhuVcGETQw-2-6b2iHJCsIZl2WxnmgaME960UDAkRW1oUW_aFLX_q1Vlub_7UHNjsNd6gGAZ5mE4AERsCUi0IDkxJHY9zdICtgCjoWiI/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4J5Vye-zHe9BW09Rx3y8spf5bHnQoVq3kwcIAaUaSwSlfSWo8461mVHp4Mx_KGEbTGdODhI7a0ETsh840bhdyKZ-nPtvMiVjjyHxuwlLERck4dWAODwsd0Lgjfx3tUDkcvxxwgjG_Npi4/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-NTAIMSTU5m0qD9mOxrH7ZTTfNG21jgmrH-ttSjxursuqd7Xtmh7TIzY4GFgeuZ2wW_iWa2mpxkHz0VBIBAXEdaB2MYVor2-o-cfLXPg_9NXUOL1R_uzIqGPPVX5psFlZ8URZSoUlSLn/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/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:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fspiceupyourblog&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>
</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href=http://www.lefta4you.blogspot.com>Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href=http://www.lefta4you.blogspot.com>Blogger Widgets</a></p>
</div>
</div>
Προσοχη: το http%3A%2F%2Fwww.facebook.com%2Fspiceupyourblog Αλαξτε το με το δικο σας link.
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.
Τα Widgets είναι ένας καλός τρόπος για να στολίσετε το το blog σας ,συγχρόνως παρέχουν πρόσθετα χαρακτηριστικά γνωρίσματα . Εδώ είναι ένας κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα συμπαθητικά blogger widgets για το blog σας.
Θα ήθελα όμως να σας θυμίσω πως έχω γράψει άρθρο σχετικά με πως να προσθέσουμε το αυτόματο read more στο blog μας
intensedebate Comment form για τον ιστοχώρο σας .Ένα addon που θα βελτιώσει τη λειτουργία των σχολίων σας στο Blogger .
js-kit Echo Είναι το σύστημα σχολιασμού επόμενης γενεάς,ίσως το καλύτερο κατά την γνώμη μου
Blogorator rating widget για blog
Snap Shots Δείτε live προεπισκόπηση των εξερχόμενων συνδέσεων σε έναν μικρό popup που ενεργοποιείτε με το πέρασμα του ποντικιού.
Widgetbox Widgets Gallery . Δημιουργήστε δικά σας Widgets εδώ .
Criteo AutoRoll Προβάλλετε ποια άλλα blog διαβάζουν οι επισκέπτες σας
delicious Tagometer Badge Εμφανίζει πόσες φορές , οι χρήστες του del.icio.us αποθήκευσαν την σελίδα σας
Skype button Μπορούν να χρησιμοποιηθούν στον ιστοχώρο σας, blog ή ακόμα και στην υπογραφή ηλεκτρονικού ταχυδρομείου σας για να δωσετε την δυνατότητα στους επισκέπτες σας να έρθουν σε επαφή μαζί σας εύκολα.
PollDaddy Μπορείτε να δημιουργήσετε έρευνες και τις ψηφοφορίες για τον ιστοχώρο, blog και το κοινωνικό δίκτυό σας. Ανακαλύψτε τι σκέφτονται σήμερα οι επισκέπτες σας .
Google Map Widget Ενσωματώστε έναν εξερευνήσιμο χάρτη Google στην ιστοσελίδα σας . 
Google FeedBurner- FeedCount επιδείξτε τον αριθμό των αναγνωστών σας
με αυτό το πρακτικό μικρό κουμπί.
PageRank Checker Το εικονίδιο που επιδεικνύει το Pagerank του ιστοχώρου σας .
Retweet Button Το επίσημο Retweet κουμπί που επιτρέπει στους αναγνώστες σας για να μοιραστούν εύκολα τις αναρτήσεις σας
Go2Web20 Badge Floating Twitter "Follow Us" widget για τη ιστοσελίδα η το blog σας .
twitter Profile Widget Προσθέστε στο Website σας Widget που εμφανίζει τις αναρτήσεις σας από το twitter
Twitter Remote Αυτό το widget παρουσιάζει ποιοι χρήστες του Twitter επισκέφτηκαν πρόσφατα το blog ή τον ιστοχώρο σας.
Outbrain Post Rating widget για το blog σας,για να ξέρετε την άποψη αναγνωστών σας για τα post σας
Conveythis Ο καλύτερος Ελεύθερος μεταφραστής για το website η το blog σας,μεταφράζει σε πάνω από 50 γλώσσες
feedjit Δείτε άμεσα από που προέρχονται οι επισκέπτες σας
whos.amung.us Στατιστικά σε πραγματικό χρόνο για την ιστοσελίδα ή το ιστολόγιό σας.
GoingUp! Ενσωματώνει τα analytics & Εργαλεία SEO σε ενα εύχρηστο interface για να δείτε πώς αποδίδει ο ιστοχώρος σας από όλες τις απόψεις.
ShoutMix Προσθέστε live chat δυνατότητα στον blog σας .
meebome Άλλο ένα live chat Widget για το blog σας .
Flickr Badge Δημιουργήστε ένα απλό photo stream widget για το blog σας ή έναν ιστοχώρο.
copyscape Υπερασπίστε τις αναρτήσεις σας με ένα έμβλημα προειδοποίησης λογοκλοπής για να προειδοποιήσετε τους πιθανούς λογοκλόπους ενάντια στην κλοπή του περιεχομένου σας.
LinkWithin Παρουσιάστε σχετικές ιστορίες κάτω από κάθε ανάρτηση με εικόνες
AddThis Ένα κουμπί. Το περιεχόμενό σας παντού,δημοφιλέστερο εργαλείο διανομής περιεχομένου στον κόσμο.
Kontactr Μια όμορφη φόρμα επικοινωνίας για την σελίδα σας με CAPTCHA Protection
wibiya Θα έχετε παρατηρήσει το toolbar στο κάτω μέρος της σελίδας μου , αν θέλετε να το αποκτήσετε και εσείς επισκεφτείτε το wibiya , συμπληρώστε την φόρμα της αίτησης και μόλις σας έρθει με email το beta κλειδί σας κάνετε Login .
Scribd iPaper Μπορείτε να ενσωματώσετε iPaper έγγραφα, σε οποιαδήποτε ιστοσελίδα ή blog, όπως και ένα οποιοδήποτε βίντεο ! Απλά ανεβάστε τα έγγραφα σας , αντιγράψτε και επικολλήστε τον πηγαίο κώδικα και ενισχύστε την ιστοσελίδας σας με πλούσια έγγραφα, παρουσιάσεις, προβολές διαφανειών, και πολλά άλλα!
Αν έχετε και εσείς υπόψιν σας κάποια Widgets και addon , τα οποία δεν συμπεριλαμβάνονται σε αυτήν την λίστα , είστε ευπρόσδεκτοι να τα στείλετε για να τα συμπεριλάβω .....
Σας ευχαριστώ
Πηγη: bloggertrics
Δεν ξέρω αν θυμάστε αλλά σε ποιο προηγούμενα μου άρθρα είχα δημοσίευση ένα βίντεο το όποιο αφορούσε για το πως να αυξήσουμε το κέρδος από το google adsense με τι βοήθεια του προγράμματος google adsense preview tools, όσοι λοιπόν έχετε στο blog σας διαφημιστικά της google adsense καλά θα κάνετε να δείτε το συγκεκριμένο βίντεο το όποιο θα το βρείτε: Περισσοτερα λεφτα στο ιντερνετ- google adsense preview tools
Παμε τώρα βήμα προς βήμα να το προσθέσουμε στο blog μας:
2) Σχεδίαση
3) Σχεδιαστής προτύπων
5) Προσθήκη css
6) Βαλτέ των Κων κώδικα
7) εφαρμογή στο blog
Κωδικός:
/* CSS Style for Horizontal Menu - info @ http://www.spiceupyourblog.com*/
#hor {
list-style:none;
padding:0;
margin:0;
}
#hor li {
float:left;
padding:5px;
}
#hor a {
display:block;
height: 12px;
text-indent:-999em;
}
#hor a.home {
width:46px;
background:url(vHome.gif) no-repeat 0 0;
}
#hor a.download {
width:94px;
background:url(vDownload.gif) no-repeat 0 0;
}
#hor a.contact {
width:74px;
background:url(vContact.gif) no-repeat 0 0;
}
/* CSS Style for Vertical Menu */
#ver {
list-style:none;
padding:0;
margin:0;
}
#ver li {
padding:2px;
}
#ver li a {
display:block;
height:12px;
text-indent:-999em;
}
#ver a.home {
width:47px;
background:url(hHome.gif) no-repeat 0 0;
}
#ver a.download {
width:95px;
background:url(hDownload.gif) no-repeat 0 0;
}
#ver a.contact {
width:74px;
background:url(hContact.gif) no-repeat 0 0;
}
.clear {
clear:both;
}
*{
/* A universal CSS reset */
margin:0;
padding:0;
}
#navigationMenu body{
font-size:14px;
color:#666;
background:#111 no-repeat;
/* CSS3 Radial Gradients */
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));
font-family:Arial, Helvetica, sans-serif;
}
#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;
/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;
/* CSS3 Transition: */
-webkit-transition: 0.25s;
/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}
#navigationMenu a{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVBAl50yAYF13rTrq-sRky8FD0L4_-3ZIgOQqVGXE12sqeA8gcm2LM4xtUnRwAuWGTzU88VZ8w9RG-UbcwqXuFDMzQImH5N1qfAFJ8mMQr1an-6b_h4p_JfPkUYI43BxnMWhDW6AjeU7U/s1600/navigation.jpg') no-repeat;
height:39px;
width:38px;
display:block;
position:relative;
}
/* General hover styles */
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;
/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}
/* Green Button */
#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */
#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}
/* Orange Button */
#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}
/* Yellow Button */
#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}
/* Purple Button */
#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
}
/*End menu css - info @ http://www.spiceupyourblog.com */
Αμέσως μετά αντιγράφουμε των παρακάτω κώδικα:
<div style='position: fixed; top: 40%; left: 0%;'/>
<ul id="navigationMenu">
<li>
<a class="Home" href="http://www.spiceupyourblog.com">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="http://www.spiceupyourblog.com/p/about-spice-up-your-blog.html">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="http://www.spiceupyourblog.com/p/hire-us_08.html">
<span>Services</span>
</a>
</li>
<li>
<a class="portfolio" href="http://www.spiceupyourblog.com/">
<span>Portfolio</span>
</a>
</li>
<li>
<a class="contact" href="http://www.spiceupyourblog.com/2009/09/contact-us.html">
<span>Contact us</span>
</a>
</li>
</ul>
</div><a href="http://www.spiceupyourblog.com/" target="_blank"><small>Get The Fixed Menu Gadget</small></a>
Μετά πάμε;
1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή
Προσοχή:
1) Τα λινκ τα όποια είναι μαρκαρισμένα με το κόκκινο χρώμα να τα αντικαταστήσετε με τα δικά σας link
2) Της λέξεις με το μπλε χρώμα να της αντικαταστήσετε με δίκες σας λέξεις…
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.
Είμαι σίγουρος πως σας άρεσε πάμε τώρα να δούμε πως θα το προσθέσουμε στο μπλοκ μας:
1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML
4) τσεκάρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.
Αντιγράφουμε των παρακάτω κωδικό; </head> και το επικολλούμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.
Ακριβώς πάνω από αυτών των κωδικό προσθέτουμε αυτών:
<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ –>
Με τον ιδιο τροπο βρίσκουμε των κωδικό </body> ακριβώς πάνω από αυτών των κωδικό θα βάλουμε των παρακάτω:
<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:'Share This!',url:'http://www.sharethis.com',theme:'shareheart'});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://www.spiceupyourblog.com/ –>
Πατάμε αποθήκευση πρότυπου και τέλος
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.
Το συγκεκριμένο widget μπορούμε να το φέρουμε στα μετρά μας όσον αφορά τις διαστάσεις,είναι πολύ εύκολο στην εγκατάσταση του και προσθέτει ομορφιά στο blog μας.
Το συγκεκριμένο widget παρουσιάζει τις τελευταίες αναρτήσεις του blog μας στον αριθμό που θα καθορίσουμε,χρησιμοποιώντας το pageflipping εφέ(δλδ σα να ξεφυλλίζετε 1 βιβλίο!!!Πάμε να δούμε βήμα βήμα τι πρέπει να κάνουμε:
1.Πάμε στον πάνοπλη του blogger.
2.Αποθηκεύουμε κάλου κάκου το πρότυπο μας
3.Επιλεγούμε "Σχεδίαση" όπου και μας βγάζει στα "Στοιχειά σελίδας"
4.Επιλεγούμε "προσθήκη gadget".
5.Επιλεγούμε "html/javascript"(patame to "+")
6.Κάνουμε copy-paste τον κωδικό που θα σας δώσω στη συνεχεία.
7.Επιλεγούμε "Αποθήκευση".
8.Επιλεγούμε το σημείο που θέλουμε να εμφανίζεται το widget μας και το σέρνουμε στην επιθυμητή θέση.
9.Πατάμε "Αποθήκευση" πάνω δεξιά στον πάνοπλη μας και είμαστε έτοιμοι.Κάντε ανανέωση στο blog σας και θαυμαστέ το
καινούριο σας widget!!!
κωδικός:
<script type="text/javascript">
// 7 variables to control behavior
var Book_Image_Width =140;
var Book_Image_Height =225;
var Book_Border =true;
var Book_Border_Color ="gray";
var Book_Speed =15;
var Book_NextPage_Delay =1500; //1 second=1000
var Book_Vertical_Turn =0;
// variables for content
var random_posts = true; // random posts
var numposts_gal = 10; // number of posts
</script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galeryposts-bookflip.js"
type="text/javascript"></script>
<script src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/bookflip.min.js" type="text/javascript"></script>
<div id="Book" style="position:relative">
<img src="http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif" width="144" height="227">
</div>
<script src="http://abu-farhan-demo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-
script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>
Σημειώσεις:
1.Στο σημείο που είναι μαρκαρισμένο με κόκκινο Αντικαταστήστε το με το όνομα του δικού σας blog
2.Στο σημείο που είναι μαρκαρισμένο με πράσινο βαλτέ το επιθυμητό πλάτος του widget.
3.Στο σημείο που είναι μαρκαρισμένο με κίτρινο βαλτέ το επιθυμητό ύψος του widget.
4.Στο σημείο που είναι μαρκαρισμένο με μπλε βαλτέ το επιθυμητό background χρώμα του widget.
5.Στο σημείο που είναι μαρκαρισμένο με ροζ μπορείτε να αλλάξετε την ταχύτητα αλλαγής των σελίδων.Κάντε τα
πειράματα σας και όπου σας αρέσει αφήστε το.
6.Στο σημείο που είναι μαρκαρισμένο με καφέ βαλτέ τον αριθμό των αναρτήσεων που θέλετε να εναλλάσσονται.
![http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/3428093.png"/](http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/3428093.png"/){kind=link}
![http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/4565148.png"/](http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/4565148.png"/){kind=link}
![http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif"](http://i1133.photobucket.com/albums/m596/abu-farhan/bookflip/placeholder.gif"){kind=link}