MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

Seo Master present to you:

The HTML
To turn a regular link on your page into a fancy animated CSS3 button, you just need to assign the .button class and one of the supported colors. See some examples below:

Demo:  
DEMO

<a class="duy-button" href="http://demo.com" target="_blank">DEMO</a>

There are four color classes available – blue, green, orange and gray. The rest of the classes, which you see assigned to the links above, are optional. You can choose a size from small, medium and big, and one more class – rounded, which creates a more rounded version of the button.
The class names are chosen so they are straightforward and easy to remember, but this raises the possibility of a clash with some of the classes on your page.

CSS3

.duy-button{

font:15px Calibri, Arial, sans-serif;

text-shadow:1px 1px 0 rgba(255,255,255,0.4);

text-decoration:none !important;

white-space:nowrap;

display:inline-block;

vertical-align:baseline;

position:relative;

cursor:pointer;

padding:10px 20px;

background-repeat:no-repeat;

background-position:bottom left;

background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png');

background-position:bottom left, top right, 0 0, 0 0;

background-clip:border-box;

-moz-border-radius:8px;

-webkit-border-radius:8px;

border-radius:8px;

-moz-box-shadow:0 0 1px #fff inset;

-webkit-box-shadow:0 0 1px #fff inset;

box-shadow:0 0 1px #fff inset;

-webkit-transition:background-position 1s;

-moz-transition:background-position 1s;

transition:background-position 1s;

height:150;

width:200px;

font-size:25px;

}



.duy-button:hover{

background-position:top left;

background-position:top left, bottom right, 0 0, 0 0;

}

.duy-button:active{

bottom:-1px;

}

/* The three buttons sizes */

.duy-button.big { font-size:30px;}

.duy-button.medium { font-size:18px;}

.duy-button.small { font-size:13px;}

/* BlueButton */

.duy-button{

color:#0f4b6d !important;

border:1px solid #84acc3 !important;

background-color: #48b5f2;

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'),

-moz-radial-gradient( center bottom, circle,

rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),

-moz-linear-gradient(#4fbbf7, #3faeeb);

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'),

-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,

from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),

-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));

}

.duy-button:hover{

background-color:#63c7fe;

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'),

-moz-radial-gradient( center bottom, circle,

rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),

-moz-linear-gradient(#63c7fe, #58bef7);

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2gC1G0w5EQFGDQ7u34s1hLJKLc1wmS6Ts44TybRfZFNf74UWi55bCLap-6yIoheLpJbnqbAdjh96BKH9BbepU4fqNfOfjA1v2MkOWKmNATbaAJiUc54mugAtCLeJzuv3sC6ZMrG-A78y/s144/button_bg.png'),

-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,

from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),

-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));

}

Inserting before
]]></b:skin>


2013, By: Seo Master

Kali ini saya akan berbagi Free 330k - 330 ribu lebih auto approved comment list, btw Sepertinya sudah bukan masanya lagi ikut kontes seo, malas dan tidak fokus sangat sulit untuk bersaing, belum lagi ditambah umur. Mengikuti kontes seo mesti tenang dan enjoy, tidak sedang banyak problem, walau saya sempat ikut posting artikel kontes seo fortuner suv terbaik.

Meskipun update algoritma google

Memasang link kontes seo atau link untuk di optimasi di blogspot kita yang lain memang cukup membantu untuk ngedongkrak blog utama kita. Seperti kebanyakan orang bilang bahwa link di body postingan cukup bagus, walau meski kadang tidak sesuai tema. Lalu bagaimana jika kita pasang aja di semua artikel blogspot dummies kita. Ok ter inspirasi dari postingan master doodey tentang memasang iklan di