Blogger Demo Ve İndirme Butonu - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

Toprak · 21 Ağustos 2025, 22:47

Blogger demo ve indirme butonu, genellikle Blogger temaları, eklentileri veya dosyaları paylaşan web sitelerinde kullanılan bir sistemdir. Bu butonlar, ziyaretçilere belirli bir içeriği test etme (demo) veya indirme imkanı sunar.

Demo Butonu:

Kullanıcıların bir Blogger temasını veya şablonunu canlı olarak önizlemesine olanak tanır.

Genellikle "Demo" veya "Canlı Önizleme" şeklinde adlandırılır.

Kullanıcı, butona tıkladığında farklı bir sayfada veya sekmede temanın önizleme sürümünü görebilir.

İndirme Butonu:

Kullanıcının Blogger temasını veya belirli bir dosyayı cihazına indirmesini sağlar.

Genellikle "İndir" veya "Download" şeklinde adlandırılır.

Butona tıklayan kullanıcı, bir Google Drive, MediaFire, Mega gibi bir indirme bağlantısına yönlendirilir veya doğrudan dosyayı indirebilir.

Bu butonlar genellikle Blogger temalarını paylaşan sitelerde, yazılım paylaşım platformlarında veya kişisel bloglarda bulunur. Eğer bir Blogger siteniz varsa, bu tür butonları HTML/CSS veya JavaScript ile kolayca ekleyebilirsiniz.

Bu butonları blog yazılarınızdaki paylaşımlarınızda kullanmak için öncelikle font awesome’ın blogunuzda tanımlı olması gerekir. Eğer şablonun HTML kodlarına daha önce fontawesme kodu eklemediyseniz Şablon > HTML’yi Düzenle diyerek şablonunuzun HTML kodlarının olduğu pencereyi açın ve burada <head> kodunun altına şu kodu ekleyin:

<link href='http://netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css' rel='stylesheet'/>

Daha sonra download ve demo butonlarının CSS kodlarını şablona eklemelisiniz. Bunun için ]]></b:skin> kodunu bulun ve bunun üzerine şu stil kodlarını ekleyin:

#buton { margin: 20px auto; text-align: center; }

#buton br { display: none; }

.mbg-btn-slide, .mbg-btn-slide2 { position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid #00CC00; margin: 10px; transition: .5s; }

.mbg-btn-slide2 { border: 2px solid #FF3300; } .mbg-btn-slide:hover { background-color: #00CC00; } .mbg-btn-slide2:hover { background-color: #FF3300; }

.mbg-btn-slide:hover span.circle, .mbg-btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fdfdfd; color: #00CC00; }

.mbg-btn-slide2:hover span.circle2 { color: #FF3300; }

.mbg-btn-slide:hover span.title, .mbg-btn-slide2:hover span.title2 { left: 40px; opacity: 0; }

.mbg-btn-slide:hover span.title-hover, .mbg-btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; }

.mbg-btn-slide span.circle, .mbg-btn-slide2 span.circle2 { display: block; background-color: #00CC00; color: #fff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; }

.mbg-btn-slide2 span.circle2 { background-color: #FF3300; }

.mbg-btn-slide span.title, .mbg-btn-slide span.title-hover, .mbg-btn-slide2 span.title2, .mbg-btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #FF3300; transition: .5s; }

.mbg-btn-slide2 span.title2, .bsd-btn-slide2 span.title-hover2 { color: #00CC00; left: 80px; }

.mbg-btn-slide span.title-hover, .mbg-btn-slide2 span.title-hover2 { left: 80px; opacity: 0; }

.mbg-btn-slide span.title-hover, .mbg-btn-slide2 span.title-hover2 { color: #fff; }

Şablonun HTML kodlarında yapılacaklar bu kadar. Bundan sonra demo ve download butonlarını kullanacağınız yazının HTML kodu bölümünü açın ve butonların gözükmesini istediğiniz yere butonların kodlarını ekleyin:

<div id="buton"> <a href="WebYazilimciniz Seo Security Bilgi Paylasım PlatForumu" class="mbg-btn-slide" target="_blank"> Demo Önizle </a> <a href="WebYazilimciniz Seo Security Bilgi Paylasım PlatForumu" class="mbg-btn-slide2" target="_blank"> Download İndir </a> </div>

Burda ilk mavi yere demo butonuna tıklandığında açılacak sayfanın urlsini, ikinci mavi yere download butonuna tıklandığında açılacak sayfanın urlsini yazın.

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Mp3 İndirme Sistemi	Alper	Extra IRC	5	17 Aralık 2020 19:22
Deezer Müzik İndirme	StanteaR	Radyo Extra	1	07 Kasım 2020 11:17
Twitter Video İndirme Rehberi	Dream	Twitter Haberleri	0	15 Ocak 2017 14:28
Google +1 Butonu Arama Kalitesini Yükseltecek, +1 Butonu Ekleyin.	hayLaz	Google	0	01 Temmuz 2013 21:52

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Etiketlemek istediğiniz kullanıcılar arasına virgül koyunuz. Örnek: nokta,sukunet,NucLear

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.