Merhaba blogger kullanıcıları.Bu yazımızda sizlere blogger veya diğer script ile kurulmuş bloglar için güzel bir şekilde css/html butonu yapalım.

Blogger için eklemek istiyorsanız ;
CSS EKLEMEK

1. Blog Panelinize girin
2. HTML Düzenleye gelin
3. HTML düzenleme bölümüne geldiğinizde CTRL + F yapın
4. Arama kutusu çıktıkdan sonra "b:skin" kodunu aratın ve 2.çıkan sonucun hemen üstüne aşağıdaki kodu ekleyin.

.emirkoc {

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

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

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

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dbdbdb) );

background:-moz-linear-gradient( center top, #ededed 5%, #dbdbdb 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dbdbdb');

background-color:#ededed;

-moz-border-radius:6px;

-webkit-border-radius:6px;

border-radius:6px;

border:1px solid #e6e6e6;

display:inline-block;

color:#474547;

font-family:arial;

font-size:15px;

font-weight:bold;

padding:8px 34px;

text-decoration:none;

text-shadow:1px 1px 0px #f5f5f5;

}.emirkoc:hover {

background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbdbdb), color-stop(1, #ededed) );

background:-moz-linear-gradient( center top, #dbdbdb 5%, #ededed 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#ededed');

background-color:#dbdbdb;

}.emirkoc:active {

position:relative;

top:1px;

}

 HTML EKLEMEK
Butonu eklemek istediğiniz yere gelin ve HTML olarak aşağıdaki kodu ekleyip gerekli düzenlemeleri yapıp kayıt edin.

<a href="#" class="emirkoc">BloggerPaylaşımları</a>

 BUTON ÖNİZLEMESİ
BloggerPaylaşımları