ΚΙΝΟΥΜΕΝΑ LINK ΣΤΟ BLOG - Add jQuery Link Nudging

1)Κάντε login στον blogger
2)Πηγαίνετε ΔΙΑΤΑΞΗ---->ΕΠΕΞΕΡΓΑΣΙΑ HTML
3)Πατήστε Ctrl+F για να ανοίξει το ψαχτήρι στο κάτω μέρος της σελίδας και κάντε αναζήτηση για τον κωδικό

</head>

4)Πρίν από αυτό βάλτε τον κωδικό

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[$(document).ready(function(){slide("#sliding-navigation", 25, 15, 150, .8);});function slide(navigation_id, pad_out, pad_in, time, multiplier){// creates the target pathsvar list_elements = navigation_id + " li.sliding-element";var link_elements = list_elements + " a";// initiates the timer used for the sliding animationvar timer = 0;// creates the slide animation for all list elements$(list_elements).each(function(i){ // margin left = - ([width of element] + [total vertical padding of element]) $(this).css("margin-left","-180px"); // updates timer timer = (timer*multiplier + time); $(this).animate({ marginLeft: "0" }, timer); $(this).animate({ marginLeft: "15px" }, timer); $(this).animate({ marginLeft: "0" }, timer);});// creates the hover-slide effect for all link elements  $(link_elements).each(function(i){ $(this).hover( function() {  $(this).animate({ paddingLeft: pad_out }, 150); },  function() {  $(this).animate({ paddingLeft: pad_in }, 150); });});}//]]></script>

5)Πατήστε save για να αποθηκεύσετε.
6)Πηγαίνουμε ΔΙΑΤΑΞΗ και ΠΡΟΣΘΗΚΗ ΣΤΟΙΧΕΙΟΥ.
7)Επιλέγουμε HTML/JAVASCRIPT
8)Βάζουμε εκεί τον κωδικό

<ul id="sliding-navigation">      <li class="sliding-element"><a href="#">Link 1</a></li>      <li class="sliding-element"><a href="#">Link 2</a></li>      <li class="sliding-element"><a href="#">Link 3</a></li>      <li class="sliding-element"><a href="#">Link 4</a></li>      <li class="sliding-element"><a href="#">Link 5</a></li><li class="sliding-element"><a href="#">Link 6</a></li><li class="sliding-element"><a href="#">Link 7</a></li><li class="sliding-element"><a href="#">Link 8</a></li><li class="sliding-element"><a href="#">Link 9</a></li><li class="sliding-element"><a href="#">Link 10</a></li>  </ul>

Όπου υπάρχει το # βάζουμε το λινκ που θέλουμε και όπου υπάρχει

Link 1

Link 2 κτλ βάζουμε το όνομα που θέλουμε να φαίνεται σαν τίτλος.
Δείτε το παράδειγμα εδώ





ΚΛΙΚ

http://www.bloggertipandtrick.net

Διαβάστε Περισσότερα...

ΕΦΕ ΓΙΑ ΕΜΦΑΝΙΣΗ ΚΑΙ ΑΠΟΚΡΥΨΗ (ΕΜΦΑΝΙΣΕ/ΚΡΥΨΕ ΠΕΡΙΕΧΟΜΕΝΟ ΣΤΟ BLOG) - HIDE/SHOW EFFECTS IN BLOG

1)Κάνουμε login στον blogger.
2)Πηγαίνουμε ΔΙΑΤΑΞΗ και μετά στα στοιχεία κάνουμε ΠΡΟΣΘΗΚΗ GADGET.
3)Επιλέγουμε  HTML/JavaScript
4)Εκεί μέσα βάζουμε τον κωδικό



 <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#butShowHide').click(function()
{
$('#pShowHide').toggle();
});
});
</script>
<p id="pShowHide" style="display:none">Insert Your Content Here</p>
<button id="butShowHide">Show/Hide</button>

5)Στις 2 τελευταίες σειρές βλέπουμε το μήνυμα  Insert Your Content Here και Show/Hide.
6)Στο Show/Hide γράφουμε αυτό που θέλουμε να φαίνεται πάνω στο κουμπί και στο  Insert Your Content Here γράφουμε το κείμενο που θέλουμε να εμφανίζουμε. Δείτε το παρακάτω παράδειγμα.

http://www.bloggertipandtrick.net

Διαβάστε Περισσότερα...

ΑΝΑΚΑΤΕΥΘΥΝΣΗ ΤΟΥ BLOG - REDIRECT BLOG

Ένα πολύ εύκολο script για να κάνετε ανακατεύθυνση του παλιού σας blog σε ένα καινούργιο.
Κάντε login στον blogger και πηγαίνετε επεξεργασία html. Βρείτε τον κωδικό </head> και ακριβώς από κάτω ή από πάνω βάλτε το παρακάτω script.

<script>
//<![CDATA[
alert('ΣΥΓΓΝΩΜΗ ΓΙΑ ΤΗΝ ΑΝΑΣΤΑΤΩΣΗ. Η ΙΣΤΟΣΕΛΙΔΑ ΠΟΥ ΨΑΧΝΕΤΕ ΜΕΤΑΦΕΡΘΗΚΕ ΣΤΟ http://eleni2008.blogspot.com . ΠΑΤΗΣΤΕ "ΟΚ" ΓΙΑ ΝΑ ΓΙΝΕΙ ΑΝΑΚΑΤΕΥΘΥΝΣΗ');

window.location.href = 'http://eleni2008.blogspot.com';
//]]>
</script>

 Μπορείτε να αλλάξετε το δικό μου μήνυμα και να βάλετε όποιο θέλετε εσείς. Στα σημεία που έχω το δικό μου link βάλτε το δικό σας (http://eleni2008.blogspot.com).

http://www.techieblogger.com Διαβάστε Περισσότερα...

ΑΝΑΔΥΟΜΕΝΟ ΠΑΡΑΘΥΡΟ ΣΤΟ BLOG - CREATE POP UP WINDOW

Για να καταλάβετε ποιό είναι το pop up window δηλαδή το αναδυόμενο παράθυρο, κάντε κλίκ στην λέξη "ΑΝΑΔΥΟΜΕΝΟ"
ΑΝΑΔΥΟΜΕΝΟ

ΚΩΔΙΚΟΣ:

<span style="color: rgb(204, 204, 204);"></span>

<a href="http://........html" onclick="window.open('http://.........html','popup','width=500,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=100,top=100'); return false"></a>

<a href="http://........html" onclick="window.open('http://........html','popup','width=500,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">ΑΝΑΔΥΟΜΕΝΟ</a>

1)Όπου http://.......html βάζετε το λινκ της σελίδας που θέλετε να εμφανίσετε με το αναδυόμενο.
2)width=500,height=500====>καθορίζετε το μέγεθος του παραθύρου
3)Στο σημείο που γράφω "ΑΝΑΔΥΟΜΕΝΟ" γράψτε αυτό που θέλετε να φαίνεται μπροστά. Διαβάστε Περισσότερα...