Valentine's heart with css (2 styles) by LoneEagle.

Δηλώστε την αγάπη σας & στολίστε το ιστολόγιό σας με μια καρδιά, με χρήση css & html.
Ακολουθήστε τα παρακάτω βήματα για να εγκαταστήσετε αυτό το υπέροχο gadget.
Αφού κάνετε σύνδεση στον λογαριαμό σας στον blogger θα πάτε από τον Πίνακα ελέγχου σας στην σελίδα της Σχεδίασης.
Πίνακας Ελέγχου --> Σχεδίαση --> Στοιχεία Σελίδας
Εκεί στην πλαινή σας στήλη πάνω-πάνω θα δείτε το Προσθήκη gadget, πατήστε το & μέσα από τη λίστα κοιτάξτε να βρείτε το HTML/JavaScript
θα το ανοίξετε & θα ρίξετε έναν από τους παρακάτω κώδικες.
Σχέδιο 1ο:
Με χρήση χρώματος για φόντο.

<!--Valentine's-heart-Widget-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<center><style type="text/css">
.valentinesheartle{
display:block;
height:234px;
width:258px;
margin:0 0 0 0;
padding:0 0 0 0;
position:relative}
.valentinesheartle-left-half{
display:block;
width:150px;
height:225px;
background-color:#FC0D00; // Κόκκινο χρώμα
-moz-border-radius-topleft:100px;
-moz-border-radius-topright:100px;
-webkit-border-radius-topleft:100px;
-webkit-border-radius-topright:100px;
border-top-left-radius:100px;
border-top-right-radius:100px;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
position:absolute;
top:-11px;
left:27px}
.valentinesheartle-right-half{
display:block;
width:150px;
height:225px;
background-color:#FC0D00; // Κόκκινο χρώμα
-moz-border-radius-topleft:100px;
-moz-border-radius-topright:100px;
-webkit-border-radius-topleft:100px;
-webkit-border-radius-topright:100px;
border-top-left-radius:100px;
border-top-right-radius:100px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:-11px;
right:27px}
</style>
<div class="valentinesheartle">
<div class="valentinesheartle-left-half"></div>
<div class="valentinesheartle-right-half"></div>
</div></center>
<!--Valentine's-heart-Widget-STOPS-Widget-http://loneeagle110.blogspot.com/-->

Σχέδιο 2ο:
Με χρηση εικόνας για φόντο.
Φυσικά μπορείτε να χρησιμοποιήσετε & εικόνες animated gifs όπως αυτή που σας προσφέρω στον παρακάτω κώδικα.

<!--Valentine's-heart-Widget-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<center><style type="text/css">
.valentinesheartle{
display:block;
height:234px;
width:258px;
margin:0 0 0 0;
padding:0 0 0 0;
position:relative}
.valentinesheartle-left-half{
display:block;
width:150px;
height:225px;
background: url("http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/colorhearts.gif"); // εικόνα
-moz-border-radius-topleft:100px;
-moz-border-radius-topright:100px;
-webkit-border-radius-topleft:100px;
-webkit-border-radius-topright:100px;
border-top-left-radius:100px;
border-top-right-radius:100px;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
position:absolute;
top:-11px;
left:27px}
.valentinesheartle-right-half{
display:block;
width:150px;
height:225px;
background: url("http://i987.photobucket.com/albums/ae359/LoneEagle110/WebEllements/colorhearts.gif");// εικόνα
-moz-border-radius-topleft:100px;
-moz-border-radius-topright:100px;
-webkit-border-radius-topleft:100px;
-webkit-border-radius-topright:100px;
border-top-left-radius:100px;
border-top-right-radius:100px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
top:-11px;
right:27px}
</style>
<div class="valentinesheartle">
<div class="valentinesheartle-left-half"></div>
<div class="valentinesheartle-right-half"></div>
</div></center>
<!--Valentine's-heart-Widget-STOPS-Widget-http://loneeagle110.blogspot.com/-->

Τέλος, πατήστε ΑΠΟΘΗΚΕΥΣΗ.
Μέσα από τα "Στοιχεία Σελίδας" σύρτε το gadget στο σημείο που θέλετε να εμφανίζεται.
Και κάντε Ανανέωση την σελίδα σας.

Καλή Επιτυχία!!!!!