Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Αλλάξτε το χρώμα και το σχήμα του κέρσορα


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Πολλές καλημέρες. Με αυτό το κολπάκι που θα σας δείξω σήμερα θα μπορείτε να αλλάξετε το χρώμα και το σχήμα του κέρσορα(mouse) του blog σας. Για να το βάλετε στο δικό σας site ακολουθήστε τα παρακάτω βήματα:

1. Σύνδεση στο blog σας>>Σχεδίαση>> Επεξεργασία HTML
2. Πατήστε ταυτόχρονα ctrl+f
3. Ψάξτε για το
<body>
4. Κάντε επικόλληση τον παρακάτω κώδικα πριν από αυτό(<body>).
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>

5. Το μέγεθος του κέρσορα τώρα θα έχει αυξηθεί και το χρώμα του θα είναι μπλε.

Παρακάτω σας δίνω και άλλα σχέδια για να διαλέξετε. Μόλις βρείτε αυτό που θέλετε αντικαταστήστε το
http://cur.cursors-4u.net/cursors/cur-2/cur116.cur
με ένα από τα παρακάτω Link(συνδέσμους)!

http://cur.cursors-4u.net/others/oth-5/oth521.cur

http://cur.cursors-4u.net/others/oth-5/oth520.cur

http://cur.cursors-4u.net/user/use-1/use9.cur

http://cur.cursors-4u.net/cursors/cur-2/cur131.cur

http://cur.cursors-4u.net/cursors/cur-2/cur129.cur

http://cur.cursors-4u.net/cursors/cur-2/cur127.cur

http://cur.cursors-4u.net/cursors/cur-2/cur126.cur

http://cur.cursors-4u.net/cursors/cur-2/cur124.cur

http://cur.cursors-4u.net/cursors/cur-2/cur125.cur

http://cur.cursors-4u.net/cursors/cur-2/cur123.cur

http://cur.cursors-4u.net/cursors/cur-2/cur122.cur

http://cur.cursors-4u.net/cursors/cur-2/cur120.cur

http://cur.cursors-4u.net/user/use-1/use3.cur

Αν θέλετε ακόμη πιο πολλά σχέδια και χρώματα μπείτε στο http://www.cursors-4u.com
Καλή επιτυχία!!!


ΠΡΟΣΘΗΚΗ 4 ΣΤΗΛΩΝ ΣΤΟ FOOTER ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ (update)


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Τι θα λέγατε για 4 στήλες στο footer(=κάτω μέρος) της σελίδας σας?

Αν θέλετε 3 στήλες αντί για 4, αρκεί να πατήσετε εδώ.


όποιος θέλει λοιπόν να βάλει 4 στήλες, κάνει τα παρακάτω:

Σύνδεση στον λογαριασμό σας

Σχεδίαση

Επεξεργασία html

τσεκάρουμε το "Επέκταση προτύπων γραφικών στοιχείων"

με το ctrl+F ψάχνουμε για το ...

<b:section class='footer' id='footer'/>

αν δεν σας βρήσκει τον παραπάνω, ψάξτε για τον παρακάτω:

<b:section class='footer' id='footer'

σβήνουμε την παραπάνω γραμμή κώδικα και στη θέση του βάζουμε τον παρακάτω:

<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>

</b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

τώρα βρίσκουμε το ...

]]></b:skin>

και αμέσως πριν από αυτό βάζουμε τον παρακάτω κώδικα:

#footer-column-container { border: .3px dotted #cccccc;}

.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}

.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}

.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

Αποθηκεύουμε και είμαστε έτοιμοι!

και μην ξεχνάτε ότι:

Το σχόλιό σας είναι η επιβράβευσή μου!


Rss Feed Ετικετών - Add Labels Rss Feed Link Button To All Your Blogger Labels


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Θέλετε να δώσετε τη δυνατότητα στους επισκέπτες σας να εγγράφονται σε συγεκριμένες ετικέτες που τους ενδιαφέρουν χωρίς να χρειάζεται να εγγράφονται σε όλο το site σας? Ναι αυτό μπορεί να γίνει, φτιάχνοντας μια ροή δεδομένων (rss feed) για κάθε ετικέτα σας. Αυτό το hack είναι πολύ χρήσιμο για blogs που έχουν πολύπλευρη θεματολογία.

Πάμε να δούμε πως θα το κάνουμε.

Καταρχίν πρέπει να έχετε στο blog σας, το gadget των ετικετών.
Αν δεν το έχετε βάλει, βάλτε το τώρα από Σχεδίαση>Προσθήκη gadget>Ετικέτες

Log in to your blogger account from http://draft.blogger.com/home (ΝΟ blogger.com)

Σχεδίαση (Διάταξη)

Επεξεργασία html

Επέκταση προτύπων γραφικών στοιχείων

Πάντα με ctrl+F ψάξτε για τους παρακάτω κωδικούς:

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

Αντικαταστήστε τους παραπάνω κωδικούς με τους παρακάτω:

<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

Τώρα αριστερά κάθε ετικέτας έχουμε βάλει το εικονίδιο rss.
Αν θέλετε να μπει το εικονίδιο δεξιά αντί για αριστερά, αντικαταστήστε τους παρα-παραπάνω κωδικούς, με τους παρακάτω, αντί για τους παραπάνω.
(διαβάστε το πολλές φορές μην μπερδευτείτε' χαχα)

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

</li>
</b:loop>

Επιλέξτε αν το θέλετε δεξιά ή αριστερά και βάλτε τους αντίστοιχους κωδικούς.
Σε κάθε περίπτωση αποθηκεύστε το πρότυπό σας, αφού τελειώσετε.

Ουσιαστικά εμείς έχουμε πάρει το κομμάτι κώδικα που αφορά τις ετικέτες και το έχουμε "χακάρει", βάζοντας τους κόκκινους κωδικούς.

Έχουμε βάλει το κλασσικό πορτοκαλί εικονίδιο του rss σε διαστάσεις 16x16. Αν και δεν σας το προτείνω, αν θέλετε μπορείτε να το αλλάξετε.

Τώρα είναι πολύ πιο εύκολο για τους επισκέπτες σας να εγγραφτούν στην αγαπημένη τους ετικέτα στο blog σας.

Αφήστε κανένα σχόλιο με καμιά τυχον απορία ή ένα απλό οκ αν όλα πήγαν οκ.

Ανάρτηση στο fbw (FaceBook Wall) για όποιον το επιθυμεί με το πάτημα του παρακάτω κουμπιού:


 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *