Eğer indir,demo gibi butonlar kullanmak istiyorsanız bu buttonlar işinizi görücektir.
Önizleme :
Disqus Bağlantı Butonları Kurulumu
1-Temalar>HTML Düzenle kısmına girin ve ardından CTRL+F yardımıyla ]]></b:skin> kodunu aratın ve bir satır üstüne aşağıdaki kodu ekleyin.
#rate_link {
text-align: center
}
.rate_link:after {
clear: both
}
a.rate_link {
color: #65bc9c;
font-size: 14px;
border: 2px solid #65bc9c;
padding: 8px 24px;
margin:10px 6px;
display: inline-block;
font-weight: 600;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: ease background 0.5s;
-o-transition: ease background 0.5s;
transition: ease background 0.5s
}
a.link-down {
color: #b85252;
border-color: #f19595
}
a.link-contact {
transition: all 0.5s ease!important;
background: transparent;
color: #3498DB;
border: 2px solid #eaeaea;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px
}
a.rate_link:hover,
a.rate_link:focus {
background: #65bc9c;
color: #fff;
text-decoration: none
}
a.link-down:hover,
a.link-down:focus {
background: #f19595;
color: #fff;
text-decoration: none
}
a.link-contact:hover,
a.link-contact:focus {
background: transparent;
color: #3498DB;
border-color: #3498DB
}
text-align: center
}
.rate_link:after {
clear: both
}
a.rate_link {
color: #65bc9c;
font-size: 14px;
border: 2px solid #65bc9c;
padding: 8px 24px;
margin:10px 6px;
display: inline-block;
font-weight: 600;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: ease background 0.5s;
-o-transition: ease background 0.5s;
transition: ease background 0.5s
}
a.link-down {
color: #b85252;
border-color: #f19595
}
a.link-contact {
transition: all 0.5s ease!important;
background: transparent;
color: #3498DB;
border: 2px solid #eaeaea;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px
}
a.rate_link:hover,
a.rate_link:focus {
background: #65bc9c;
color: #fff;
text-decoration: none
}
a.link-down:hover,
a.link-down:focus {
background: #f19595;
color: #fff;
text-decoration: none
}
a.link-contact:hover,
a.link-contact:focus {
background: transparent;
color: #3498DB;
border-color: #3498DB
}
Sonrasında bir konu yazarken sol üstte "Oluştur" butonunun yanında "HTML" kodu olacak oraya tıklatıp istediğiniz bir yere aşağıdaki komutu ekleyin.
<div id="rate_link">
<a class="rate_link link-preview" href="#" rel="nofollow" target="_blank"> Ön İzleme </a>
</div>
<div id="rate_link">
<a class="rate_link link-down" href="#" rel="nofollow"> İndir </a>
</div>
<div id="rate_link">
<a class="rate_link link-contact" href="#" rel="nofollow" target="_blank"> Bağlantı </a>
</div>
<a class="rate_link link-preview" href="#" rel="nofollow" target="_blank"> Ön İzleme </a>
</div>
<div id="rate_link">
<a class="rate_link link-down" href="#" rel="nofollow"> İndir </a>
</div>
<div id="rate_link">
<a class="rate_link link-contact" href="#" rel="nofollow" target="_blank"> Bağlantı </a>
</div>
Butonları yan yana getirmek için ise :
<div id="rate_link">
<a class="rate_link link-preview" href="#" rel="nofollow" target="_blank"> Ön İzleme </a>
<a class="rate_link link-down" href="#" rel="nofollow"> İndir </a>
<a class="rate_link link-contact" href="#" rel="nofollow" target="_blank"> Bağlantı </a>
</div>
<a class="rate_link link-preview" href="#" rel="nofollow" target="_blank"> Ön İzleme </a>
<a class="rate_link link-down" href="#" rel="nofollow"> İndir </a>
<a class="rate_link link-contact" href="#" rel="nofollow" target="_blank"> Bağlantı </a>
</div>
İşlem bukadar yapamadığınız bir yer olursa yorum bırakabilirsiniz.

Hiç yorum yok:
Yorum Gönder