Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Always we are try to make our blog become more good and attractive. Its helps reader mind very happy and help to reader always remember about your blog. Now i share some buttons with mouse hover effects to your blogger. When we are include an external link like “LIVE DEMO” etc, in your blogger, this button can make some special attraction. You can add this on your blogger. It has two different parts CSS part and HTML part . Read carefully and add it.
Log in to your Blogger account
.MH{ background: rgba(0, 0, 0, .08); display: inline-block; padding: 5px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
.MH a { color: #fff; border: 1px solid rgba(0, 0, 0, .3); display: inline-block; padding: .6em 1.2em; position: relative; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); }
.MH a.red { background: #c60000; background: linear-gradient(top, #c60000 0%, #b20000 100%); background: -moz-linear-gradient(top, #c60000 0%, #b20000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c60000), color-stop(100%, #b20000)); background: -webkit-linear-gradient(top, #c60000 0%, #b20000 100%); }
.MH a.orange { background: #f99015; background: linear-gradient(top, #f99015 0%, #f76c0f 100%); background: -moz-linear-gradient(top, #f99015 0%, #f76c0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99015), color-stop(100%,#f76c0f)); background: -webkit-linear-gradient(top, #f99015 0%,#f76c0f 100%); }
.MH a.green { background: #30a146; background: linear-gradient(top, #30a146 0%, #249334 100%); background: -moz-linear-gradient(top, #30a146 0%, #249334 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30a146), color-stop(100%, #249334)); background: -webkit-linear-gradient(top, #30a146 0%, #249334 100%); }
.MH a.blue { background: #16a4c8; background: linear-gradient(top, #16a4c8 0%, #1086b6 100%); background: -moz-linear-gradient(top, #16a4c8 0%, #1086b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16a4c8), color-stop(100%, #1086b6)); background: -webkit-linear-gradient(top, #16a4c8 0%, #1086b6 100%); }
.MH a.gray { background: #c2c2c2; background: linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); background: -moz-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2c2c2), color-stop(100%, #aeaeae)); background: -webkit-linear-gradient(top, #c2c2c2 0%, #aeaeae 100%); }
.MH a.dark { background: #464646; background: linear-gradient(top, #464646 0%, #343434 100%); background: -moz-linear-gradient(top, #464646 0%, #343434 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #343434)); background: -webkit-linear-gradient(top, #464646 0%, #343434 100%); }
.MH a:hover {
-moz-transform:rotate(-10deg);
-webkit-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg);
}
Blue Button:
Live Demo
<span class="MH"><a class="blue" href="YOUR-LINK-HERE"> YOUR-TEXT-HERE </a></span>
Replace highlighted RED color with your Link and Text
Orange Button:
Live Demo
<span class="MH"><a class="orange" href="YOUR-LINK-HERE"> YOUR-TEXT-HERE </a></span>
Replace highlighted RED color with your Link and Text
Dark Button:
Live Demo
<span class="MH"><a class="dark" href="YOUR-LINK-HERE"> YOUR-TEXT-HERE </a></span>
Replace highlighted RED color with your Link and Text
Gray Button:
Live Demo
<span class="MH"><a class="gray" href="YOUR-LINK-HERE"> YOUR-TEXT-HERE </a></span>
Replace highlighted RED color with your Link and Text
Red Button:
Live Demo
<span class="MH"><a class="red" href="YOUR-LINK-HERE"> YOUR-TEXT-HERE </a></span>
Replace highlighted RED color with your Link and Text
Green Button:
Live Demo
<span class="MH"><a class="green" href="YOUR-LINK-HERE"> YOUR-TEXT-HERE </a></span>
Replace highlighted RED color with your Link and Text
Are you happy.???…… Leave a commnet if it is not working on your blogger…
2013, By: Seo MasterNow i share a stylish big email subscription widget for your blogger. This widget attract peoples and increase your subscription rate. You can add this widget simply in to your blogger. Follow this post and instructions and add it in to your blog.
Log in to your blogger account.
<style>
#feature_box{background:#f0f4f4;
border-bottom: 1px solid #D4D4D4;
padding:10px 15px 0px;}
#sleek-subscribe{display: block;
margin:0 auto; }
.newsheadline {
color:#222;
font-size:16px;
line-height:50px;
float:left;
font-weight:bold;
}
.newsheadline span{font-size:38px;
color:#444;
line-height:14px;
font-family: "Droid Sans",arial,sans-serif;
font-weight:normal;
}
.newsheadline cite{font-style:normal;
color:#f00;
}
.signform{
background:url('http://www.matrixar.com/-pmwi3N35m3Q/TzkvFHQmYwI/AAAAAAAACsI/PSbhHqz7rZ4/s1600/arrow.jpg') no-repeat;
padding:0 0 10px 100px;
float:right;
}
.txt2, .txt2:focus{
width:140px;
font-size:15px;
background:#f7f7f7;
color:#004B80;
border:1px solid #E36B0A;
margin:0 5px;
float:left;
padding:10px;
width:160px;
border-radius: 10px;
}
.btn2, .btn2:focus {
background:#E36B0A;
margin:0 5px;
padding:8px 10px 9px;
border:1px solid #AD5513;
color:#fff;
font-size:15px;
border-radius:10px;
}
.btn2:hover{
background:#6689b0;
}
</style>
<div id="feature_box">
<div id="sleek-subscribe">
<div class="newsheadline"><span>Sign up</span> for <cite>FREE</cite> daily Updates.</div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=YOUR-FEEDBURNER-USERNAME" class="signform" method="post" target="_new">
<input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'your name...';}" onfocus="if (this.value == 'your name...') {this.value = '';}" value="your name...">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'your email address...';}" onfocus="if (this.value == 'your email address...') {this.value = '';}" value="your email address...">
<input class="btn2" value="subscribe me!" type="submit">
</form>
<div class="clear"></div>
</div>
</div>
</div>
Change highlighted RED color with your Feedburner username/ID
Leave a comment ….. if this widget is not working…………………………..
2013, By: Seo Master