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.

isacotur blog Yukarı Çık Çapası

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.

Resmi Saydam yapmak
Ö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

isacotur blog yukarı çık 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

Yukarı çık kodu Turuncu

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

Yukarı çık kodu Turuncu

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

Yukarı çık kodu Turuncu

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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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_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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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ı

Yukarı çık kodu 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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

Yukarı çık kodu Minik Köpek

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

Yukarı çık kodu Minik Köpek

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

Yukarı çık 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

Yukarı çık 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

Yukarı çık kodu Küçük Kız

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ı

Yukarı çık 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

Yukarı çık 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

Yukarı çık 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.