Sitene Yukarı Çık Çapası Kodu Ekle
Bir sitede bulunması gereken şeylerden birisi de yukarı çık çapası kodudur. Çünkü siteyi ziyaret eden misafirinizi fazla yormadan kolaylıklar sağlarsanız eğer daha fazla sayfanızı tıklamak için önemli bir avantaj sağlamışsınız demektir.

Sitenize Özgü Yukarı Çık Çapası Yapmak
Bazı arkadaşlar aşağıdaki “kodların üzerinde değişiklik yaparak kendi belirlediğimiz bir görseli yukarı çık çapası yapamaz mıyız?” diye sormuşlar. Tabiki değişiklik yapabilirsiniz.Sitenize özgü özel bir yukarı çık kodu harika bir düşüncedir. Örneğin biz de sitemizde yukarı çık çıpası kodunu yukarıda gördüğünüz üzere basit bir şekilde yaptık. Fakat burada dikkat etmeniz gereken şey resimin arka planı olan beyaz kısmı şeffaf yaparsanız eğer, çok güzel bir iş çıkarmış olacaksınız.

Önce resminizi belirleyin ve sonra Pixlr Online Editörden faydalanarak çok kolay bir şekilde resmin arka kısmını şeffaf yapmanız yeterlidir.Bunun için proğram bilmenize gerek bile yok. İnternette aramanıza gerek yok proğramı sizin için ben sitemize yerleştirdik. Sayfaya gitmek için https://isacoturoglu.com.tr/code/resimi-saydam-yapmak.html tıklayarak neler yapmanız gerektiğini bulacaksınız. Hatta bir de video bile var.
Örnek Yukarı Çık Çapası Kodu:
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” class=”yukari”><img src=”RESİM URL EKLE” border=”0″ title=”Yukari Cik Kodu” data-recalc-dims=”1″ /></a>
Yukarıda kırmızı renkle seçilen yere kendi resminizin urlsini eklemeniz yeterlidir.Şimdi de kendi blogumuz için yaptığımız ve kullandığım yukarı çık kodu paylaşıyorum.
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” class=”yukari”><img src=”https://img.webme.com/vorschau/i/isacotur/isacoturblog_yukari_cik_capasi.png” border=”0″ title=”Yukari Cik Kodu” width=”130″ height=”130″ data-recalc-dims=”1″ /></a>
Sizde siteniz için yapacağınız yukarı çık kodu için uygun olan bir görsel seçip, yukarıdaki kırmızı renkle yazılan kısma resmin url adresini eklemeniz yeterlidir. Yok ben uğraşamam bu işlerle basit ve çalışan hazır bir yukarı çık çapası kodu lazım diyorsanız aşağıda sizler için ayarladığım kodlarında birisini sitenize ekleyip kullanabilirsiniz.
isacoturBlog Yukarı Çık ÇAPASI Kodu

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/vorschau/i/isacotur/isacoturblog_yukari_cik_capasi.png” border=”0″ alt=”Yukari git çapasi” width=”130″ height=”130″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Turuncu 1

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/Yukari_cik_kodu_turuncu.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/Yukari_cik_kodu_turuncu.png” border=”0″ alt=”Yukarı çık çapası” width=”130″ height=”130″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Turuncu 2

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/Yukari_cik_kodu_turuncu2.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/Yukari_cik_kodu_turuncu2.png” border=”0″ alt=”Yukarı çık çapası” width=”100″ height=”100″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Turuncu 3

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/Yukari_cik_kodu_turuncu3.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/Yukari_cik_kodu_turuncu3.png” border=”0″ alt=”Yukarı çık çapası” width=”70″ height=”70″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Yeşil Kare

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/Yukari_cik_Butonu.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/Yukari_cik_Butonu.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Kırmızı Kare

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/vorschau/i/isacotur/yukari_cik_kirmizi_kare.png” _fcksavedurl=”https://img.webme.com/vorschau/i/isacotur/yukari_cik_kirmizi_kare.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Kırmızı Kare 2

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/vorschau/i/isacotur/yukari_cik_kirmizi_kare2.png” _fcksavedurl=”https://img.webme.com/vorschau/i/isacotur/yukari_cik_kirmizi_kare2.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Mavi Kare

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_mavi_kare.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_mavi_kare.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Turuncu Kare

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_turuncu_kare.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_turuncu_kare.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”60″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Pembe Kare

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukaricik_pembe_icon.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukaricik_pembe_icon.png” border=”0″ alt=”Yukarı çık çapası” width=”70″ height=”70″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Pembe Ok

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_pembe_ok.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_pembe_ok.png” border=”0″ alt=”Yukarı çık çapası” width=”80″ height=”80″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Mavi Ok

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_mavi_ok.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_mavi_ok.png” border=”0″ alt=”Yukarı çık çapası” width=”80″ height=”80″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Yeşil Ok

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_yesil_ok.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_yesil_ok.png” border=”0″ alt=”Yukarı çık çapası” width=”80″ height=”80″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Turuncu Ok

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_turuncu_ok.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_turuncu_ok.png” border=”0″ alt=”Yukarı çık çapası” width=”80″ height=”80″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Mavi El

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_mavi_el.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_mavi_el.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Yeşil Daire

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_yesil_daire.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_yesil_daire.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Çapası Yukarı Git Yazısı

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_yesil_yazi.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_yesil_yazi.png” border=”0″ alt=”Yukarı çık çapası” width=”42″ height=”150″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Mavi Daire

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_git_mavi.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_git_mavi.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Turuncu Daire

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_git_turuncu.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_git_turuncu.png” border=”0″ alt=”Yukarı çık çapası” width=”50″ height=”50″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Mavi Dikdörtgen

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_git_mavi_yatay.jpg” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_git_mavi_yatay.jpg” border=”0″ alt=”Yukarı çık çapası” width=”97″ height=”40″ data-recalc-dims=”1″ /></a>
Yukarı çık çıpası kodlarında bu bölüme kadar olanlar genellikle çok tercih edilen görseller diyebilirim.Ama siz ziyaretçileriniz için güzel bir sürpriz yapıp aşağıdaki yukarı çık kodlarını da kullanabilirsiniz.Aşağıdaki kodlar size fikir vermesi için yayınlıyorum, sitenizin temasına göre farklı görsellerden de yararlanarak özgün bir yukarı çık kodu yapabilirsiniz
Yukarı Çık ÇAPASI Kodu Minik Köpek 1

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_kopek_red.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_kopek_red.png” border=”0″ alt=”Yukarı çık çapası” width=”80″ height=”95″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Minik Köpek 2

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_kopek_turuncu.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_kopek_turuncu.png” border=”0″ alt=”Yukarı çık çapası” width=”80″ height=”95″ data-recalc-dims=”1″ /></a>
Yukarı Çık ÇAPASI Kodu Pembe Kalp

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukaricik_pembe_kalp.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukaricik_pembe_kalp.png” border=”0″ alt=”Yukarı çık çapası” width=”110″ height=”100″ data-recalc-dims=”1″ /></a>
Yukarı Çık Çapası Kodu Uçan Tilki

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_tilki.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_tilki.png” border=”0″ alt=”Yukarı çık çapası” width=”150″ height=”320″ data-recalc-dims=”1″ /></a>
Yukarı Çık Çapası Kodu Küçük Çocuk

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kucuk_k%C4%B1z.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kucuk_k%C4%B1z.png” border=”0″ alt=”Yukarı çık çapası” width=”142″ height=”168″ data-recalc-dims=”1″ /></a>
Yukarı Çık Çapası Kodu Bal Arısı

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_bal_arisi.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_kodu_bal_arisi.png” border=”0″ alt=”Yukarı çık çapası” width=”113″ height=”130″ data-recalc-dims=”1″ /></a>
Yukarı Çık Çapası Kodu Bukalemun

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_git_bukelemun.png” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_git_bukelemun.png” border=”0″ alt=”Yukarı çık çapası” width=”122″ height=”103″ data-recalc-dims=”1″ /></a>
Yukarı Çık Çapası Kodu Maymun

Kodu Görmek İçin Tıklayın
<a name=”top”></a><br /> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <p> <a href=”#” _fcksavedurl=”#” class=”yukari”><img src=”https://img.webme.com/pic/i/isacotur/yukari_cik_maymun.PNG” _fcksavedurl=”https://img.webme.com/pic/i/isacotur/yukari_cik_maymun.PNG” border=”0″ alt=”Yukarı çık çapası” width=”100″ height=”233″ data-recalc-dims=”1″ /></a>
Not: Umarım faydalı bir paylaşım olmuştur ve sitemizde aradığınızı bulmuşsunuzdur, kendi siteniz için yaptığınız özel yukarı çık çapası varsa yorum kısmına link bırakmanızı rica ederim.
Hacı kodu hangi şablona ekleyeceğini de yazsaydınn iyi olurdu 🙂 gümrükten mal kaçırır gibi alel acele yazıp konuyu bitirmişsin 😀
Forum kullananlar vbullettin – xenforo kullanıcıları hangi şablona hangi kısıma ekleyecek ? bilgi verirsen daha çok aydınlanırız 😀