Disqus Bağlantı Butonları (Demo,İndir)

Eğer indir,demo gibi butonlar kullanmak istiyorsanız bu buttonlar işinizi görücektir.

Önizleme :

Ön İzleme İndir Bağlantı

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
}

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>

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>

İşlem bukadar yapamadığınız bir yer olursa yorum bırakabilirsiniz.