Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα Gadgets

Ελληνικό ημερολόγιο στο blog και site σας

Αντιγραφή τον παρακάτω κώδικα:

<script>
/* foulscode.blogspot.com */
setCal()

function getTime() {
// initialize time-related variables with current time settings
var now = new Date()
var hour = now.getHours()
var minute = now.getMinutes()
now = null
var ampm = ""

// validate hour values and set value of ampm
if (hour >= 12) {
hour -= 12
ampm = "Μμ"
} else
ampm = "Πμ"
hour = (hour == 0) ? 12 : hour

// add zero digit to a one digit minute
if (minute < 10)
minute = "0" + minute // do not parse this number!

// return time string
return hour + ":" + minute + " " + ampm
}

function leapYear(year) {
if (year % 4 == 0) // basic rule
return true // is leap year
/* else */ // else not needed when statement is "return"
return false // is not leap year
}

function getDays(month, year) {
// create array to hold number of days in each month
var ar = new Array(12)
ar[0] = 31 // Ιανουάριος
ar[1] = (leapYear(year)) ? 29 : 28 // Φεβρουάριος
ar[2] = 31 // …

Χιονια στο blog σας v2

Τώρα που έρχονται η γιορτές μπορεί να θέλετε να στολίσετε και το site, blog, forum σας!

θα σας δώσω ένα κώδικα για χιονια στο blog σας, πέρσι σας είχα δώσει άλλον έναν όπου μπορείτε να τον βρείτε παρακάτω!


Χιονια στο blog σας.
Αντιγραφή επικόλληση τον παρακάτω κώδικα:
<script src="http://scriptsrb.googlecode.com/files/snoweffect1.js" type="text/javascript"></script>

LIVE DEMO
Και αποθήκευση και αυτό ήταν!

PopUp FanBox Gadget for Blog/site

Καλημέρα σε όλους τους μπλόγκερ και όχι μονο. Μετά από τόσο καιρό είμαστε και πάλι εδώ να μοιραστώ μαζί σας πολλά για το blog/site σας.

Πάμε να ξεκινήσουμε σε ένα PopUp FanBox Gadget.
Και το συγκεκριμένο λειτουργεί με τα cookies.




Αντιγραφή επικόλληση τον παρακάτω κώδικα:


<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<style>
/* foulscode.blogspot.gr */
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:64%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #3b60aa;
-moz-box-shadow: inset 0 0 50px 0 #3b60aa;
box-shadow: inset 0 0 50px 0 #3b60aa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(http://4.bp.blogspot.com/-inGOONYeB8s/UZd3aY5bJH…

Polaroid Collage

Ένα πολύ όμορφο εργαλείο για της φωτογραφίες σας με την κίνηση του ποντικιού οι φωτογραφίες γίνονται έγχρωμες δείτε το demo.

Αντιγραφή επικόλληση τον παρακάτω κώδικα:


<style>
/****
FoulsCode.blogspot.gr
****/
body { background-color: #eee; }
.collage {
    width: 500px;
margin: 100px auto;
    position: relative;
}
    .collage a {
        position: absolute;
        max-width: 220px;
        padding: 10px;
        background-color:rgb(255,255,255);

            transform:rotate(-7deg);
        -ms-transform:rotate(-7deg);
        -moz-transform:rotate(-7deg);
        -webkit-transform:rotate(-7deg);
        -o-transform:rotate(-7deg);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
/*** Fix for Webkit to resolve the flickering issue
          Suggested by erikhatfield ***/
-webkit-transform-style: preserve-3d;

        -moz-box-…

Αλλάξτε το χρώμα στο gadget "Follow by email"

Σύνδεση στον BloggerΣχεδίαση / Επεξεργασία HTMLΒρείτε την ]]></b:skin>Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:
.FollowByEmail .follow-by-email-inner .follow-by-email-address{color:#4DA6FE !important; width:100%;height:22px;font-size:13px;border:1px inset} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:60px;margin:0;border:0;border-radius:4px !important;-moz-border-radius:4px !important;background:#4DA6FE !important;background:rgba(0,0,0,.6);color:#fff;font-size:13px;height:24px;z-index:0} .follow-by-email-inner .follow-by-email-submit:hover{background:#FF7700 !important;}

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

ΠΗΓΗ

Προσθέτοντας ένα Feedburner και Φόρμα e-mail

Πριν προχωρήσετε, θα πρέπει να έχετε καεί τροφή σας με Feedburner και έχουν έτοιμο το url. Αν δεν έχετε, εγγραφείτε για FeedBurner Google με το λογαριασμό σας και ακολουθήστε τα παρακάτω βήματα:
1. Συνδεθείτε στο Feedburner και στην αρχική σελίδα, τροφή σας κάψει. Αν είστε στο Blogger, διεύθυνση ζωοτροφών σας θα πρέπει να είναι http://your-site.com/feeds/posts/default και αν είστε σε WordPress, είναι http://your-site.com/feed
2. Στην επόμενη σελίδα, ρυθμίστε την τροφή, δώστε Επιθυμητό όνομα σας και σημειώστε τη διεύθυνση. Ακολουθήστε τα επόμενα δύο βήματα για να ενεργοποιήσετε την τροφοδοσία.
Πώς να Προσθέστε τα e-mail / Social Media για Bloggers
Για να προσθέσετε το widget παρακάτω θέσεις blog σας:
1. Συνδεθείτε στο Blogger
2. Πηγαίνετε στο Template> Edit HTML (νέο blogger UI) ή Σχεδιασμός> Edit HTML (παλιά blogger UI)
3. Ελέγξτε το "Επέκταση προτύπων γραφικών στοιχείων" κουτί
4. Αναζήτηση για <data:post.body/>
Αν έχετε περισσότερες από μία σε αυτό το πρότυπο σ…

Πώς να προσθέσετε gadgets σε Προβολή του Blogger Mobile

Όλοι οι χρήστες Blogspot, αν δεν κάνω λάθος θέλουν πραγματικά έναν τρόπο να επεξεργαστείτε blogspot κινητό άποψή τους. Αυτός είναι ένας από τους λόγους που οι περισσότεροι χρήστες του blogspot κινούνται σε Wordpress, επειδή επιτρέπουν στους χρήστες τους να προσαρμόσετε το κινητό άποψή τους χρησιμοποιώντας Mobilepress. Λοιπόν, blogger έχει ενεργοποιήσει αυτή την επιλογή και πιστεύω ότι όλοι οι bloggers θα πρέπει να είναι ευτυχισμένος τώρα.

Εδώ σε αυτό το σεμινάριο, θα σας δείξει πώς μπορείτε να προσαρμόσετε τις Widgets προεπιλογές και να προσθέσετε gadgets στην ιστοσελίδα κινητού σας. Εδώ είναι οι προεπιλεγμένες widgets στην ιστοσελίδα κινητού σας:
Header
Blog
Adsense
PageList
προφίλ
απόδοση

Για να εμφανίσετε ή να αποκρύψετε αυτά τα widgets, πρέπει πρώτα να αλλάξετε το κινητό σας άποψη σε Custom.
Από το ταμπλό του αυτοκινήτου σας&gt; Σχέδιο&gt; Πρότυπο.
Κάντε κλικ στο σύμβολο γρανάζι κάτω Κινητό προεπισκόπηση του δικτυακού σας τόπου.
Με πρότυπο το κινητό σας οριστεί σε Ναι, κά…

Slide Open Gadget σελιδοδείκτη αυγό για το Blogger

Μετάβαση στο Blogger >> Σχεδιασμός >> Επεξεργασία HTML.
Επιλέξτε το πλαίσιο δίπλα στο "Widgets Ανάπτυξη προτύπου".
Τώρα βρείτε </ head>
Αντιγράψτε και Επικολλήστε τον παρακάτω κώδικα ακριβώς πάνω </ head>

<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: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

5. Τώρα βρείτε </ body>
6. Αντιγράψτε και Επικολλήστε τον παρακάτω κώδικα ακριβώς πάνω από το </ body>.


<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareT…

Related Posts με εικόνες

Ένα χρήσιμο Gadget σε όλα τα Blogs. Δείτε παρακάτω  πώς μπορείτε να το βάλετε στη δικιά σας σελίδα. Σύνδεση στο λογαριασμό σας BloggerΣχεδίαση / Επεξεργασία HTMLΚλικ στο Επέκταση γραφικών στοιχείωνCtrl + F για να βρούμε το </head>Επικολλούμε πριν από αυτόν τον παρακάτω κώδικα:




<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script type='text/javascript'> var…

Προσθέστε ημερομηνία στο blog

Ψάχνοντας μια μέρα τον κώδικα μιας σελίδας βρήκα το ακόλουθο widget. Πρόκειται για ημερομηνία σε μια σελίδα. Πώς θα το βάλετε στο blog σας; Είναι απλό. 

Συνδεθείτε στο λογαριασμό σας Blogger.Πίνακας Ελέγχου / Σχεδίαση στη συνέχεια.Προσθήκη gadget και επικολλήστε τον παρακάτω κώδικα:
<scripttype='text/javascript'>
//<![CDATA[
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)

Αυτόματα Tabbed section στο sidebar σας

Τυχαία Ανάρτηση - Random Post Gadget

Είναι σαν το "Αισθάνομαι Τυχερός" της Google !!! :)

Άμα είναι τυχερός ο επισκέπτης μας, θα βγεί στην ανάρτηση που έψαχνε.

Ακολουθήστε τα παρακάτω βήματα:

1) Σύνδεση στον blogger
2) Σχεδίαση
4) Προσθήκη Gadget
5) HTML/JavaScript
6) Στην βάλτε τον παρακάτω κώδικα στο κουτάκι
<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var…

Gadget με αποτελέσματα αγώνων ποδοσφαίρου

Gadgets #1 για τα Αποτελέσματα των αγώνων ποδοσφαίρου (από το KingBet.gr)

Σήμερα θα σας παρουσιάσω ένα πολύ όμορφο Gadget αγώνων για το blog σας!
Περιέχει τα Live Scores και όλες τις λεπτομέρειες των αγώνων που παίζονται!

Δείτε τα αναλυτικά:
Όλα τα Leagues!!!Καρτέλα αγώναΏρα του αγώναΓηπεδούχοςΣκορΚατάστασηΗμίχρονοΤελικόΣυμβάντα αγώναΚαι όλα αυτά μπορείς να τα δεις, και για την προηγούμενη, και για την επόμενη μέρα!

Δείτε το Demo1) Σύνδεση στον Blogger
2) Σχεδίαση 3) Προσθήκη Gadget
4) HTML/JavaScript 5) Στο δεύτερο κουτάκι προσθέτουμε τον παρακάτων κώδικα: <iframe src="http://www.kingbet.gr/live_widget.php" name="childframe" id="childframe" frameborder="0" width="600" height="2500"></iframe><div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr">Powered by <a target=_blank href=http://www.bloggertricks.gr/>Blogger Gadgets</a></div><noscript>Your browser does…

Πως να αλλάξεις την εμφάνιση του Gadget "Δημοφιλείς Αναρτήσεις" στον Blogger

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

Πρόκειται για μια μικρή αλλαγή ή οποία όμως θα "προσφέρει" αρκετά στο blog σας!

Πως γίνεται λοιπόν να αλλάξει η εμφάνιση του Gadget"Δημοφιλείς Αναρτήσεις" ?

Η απάντηση είναι εύκολη αρκεί να ακολουθήσετε τα παρακάτω βήματα:

1) Σύνδεση στον Blogger
2) Σχεδίαση
3) Επεξεργασία HTML
4) Με την βοήθεια του CTRL + F ψάξτε για το:

]]></b:skin>
5) Ακριβώς απο πάνω, βάλτε τον παρακάτω κώδικα:

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFFurl(http://1.bp.blogspot.com/_7wsQzULWIwo/SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover…

Όμορφη CSS φόρμα αναζήτησης gadget για το blog σας

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


Ακολουθήστε τα παρακάτω βήματα για να την εγκαταστήσετε στη Σελίδα σας: Σύνδεση στον BloggerΔιάταξη / Προσθήκη gadgdetΕπιλέξτε HTML/JavaScriptΕπικολλήστε τον παρακάτω κώδικα:




<style>
/* Search form widget. */
.widget .search-form {
 overflow: hidden;
 margin: 0 0 25px 0;
 }

.widget .search-form input[type="text"] {
 width: 190px;
 height: 16px;
 padding: 7px 0 6px 5px;
 text-indent: 10px;
 font-style: italic;
 font-size: 13px;
 color: #999;
 float: left;
 background: #1a1a1a;
 border: 1px solid #373737;
 }
.widget .search-form input[type="submit"] {
 background: #ff0000 url(http://2.bp.blogspot.com/-ItdsQMKz0fI/UGtEGjfC_oI/AAAAAAAADi0/1QZMtVP21Xo/s1600/search-bg.png);
 border: 0;
 margin: 0;
 height: 31px;
 padding: 5px 15px 5px;
 color: #fff;
 font-family: 'Oleo Script…