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

Seo Master present to you:
Learn How To Create a CSS3 Animated Flyout Social Menu. Social Follower CSS3 fo blogger


DEMO
2013, By: Seo Master

Seo Master present to you:

 

Friends this is a good media player to use in your blogger. .It is very easy to use and very attractive. Add this widget and enjoy.Keep follow this post.

 

• Log in to blogger account.

 

• Go to Template > Edit HTML

 

• Select Expand Widget Templates.

 

• Find  </head> tag by using (Ctrl+F ).

 

• Paste below code before </head> tag.

 

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

• Save your template.


• 
  
  Go to Layout.


• 
  
  Click  “Add Gadget”.


• 
  
  Select 'HTML/Javascript'.

 

<a href="Your mp3 direct URL">Mp3 file name</a>

Replace Your mp3 direct URL with your mp3 URL.

Replace Mp3 file name with your Mp3 song name.

• Now save 'HTML/Javascript' 
  
• You are done.

 

 

 

Leave Your Comments…………………………..

 

 

2013, By: Seo Master

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