Blogger Yukarı Çık Butonu

Blogger Yukarı Çık Butonu Nasıl Eklenir Tamam, şimdi blogger hesabınıza gidin ve Dashboard >> Düzen >> D...

...

















Blogger Yukarı Çık Butonu Nasıl Eklenir








Tamam, şimdi blogger hesabınıza gidin ve Dashboard >> Düzen >> Düzenle html >>, gidin ve aşağıdaki kodu bulabilirsiniz.
 ]]> </ B: skin>

Ve bu kodu eklemeden önce
 # {Backtotop
padding: 5px;
position: fixed;
bottom: 10px; sağ: 10px;
İmleç: pointer;
}

Adım 2

Şimdi aşağıdaki kodu bulun.
</ Body>

ve sonraki kodu eklemeden önce.
<a href="#" id="backtotop"> <img src = " image-URL "alt =" başa dön "/> </ a>  

Ama şablonu için bu kodu eklemeden önce aşağıdaki favori düğmesini seçin ve kırmızı, kelimeleri değiştirin lütfen Görüntü-URL düğmesini url.




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNY7F_KRj5EbCqldIeQGNMFWL_IMJET4MtA0lpo1goSNSbIFt3n6Qv7gUsCVmPWw7hTTQborOu8-MdJbA1n12fMPSALqU326SdriP36KnVP6CPhhi-Z4SX0df9fY7FSekmT9AjF6VrXR_U/s1600/bttp-5.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdDPuF5IfRfWjw1vRIV-8OWD898lw4weBq9iQ9IB94PhTRQOvTuTg-v-cY7DW3t9UBwY_toFSjTVz-vPf9Zo4QtHtvPw7RL3DB183tNjJOu9-KsxYOtIHUfHw80lWrg3irAj8o2mVl444l/s1600/bttp-4.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWykFzX15qhGWkqqrpvfun-ofe3xKIS87ninVktyJfk5FSY2JthUgZN9i6vmUdjq0L3fPr3bif18J2c80pxG19hwjLHTvawcUSaN1wema8Z2JdKxSB9hHgeRUWDUXJXAnHD8CTnMCd0rP1/s1600/bttp-3.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjCAK2gAB9W1USIalKY7jMLKz1D0xFMv1MNDannZPUTa2noqZZLFtcsrxc1hEVITZLNM1wMhDVPuge73-5bOt4JBxghCL62U_X51bR95wa_wd4tT7adkt6UN2p0RcaMVdISDYAlcQM2T5/s1600/bttp-1.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1UCiaPnC6o8TcBEr3FBRElCb-efmJSC58mmMJi9upMZNpmuDA9jvlYxPFltqd7WF2MzQjNG2r_iVve3rNs2kkGDiynUiz7PvfiKK2Ii9wybGwgrGMAfacBlcd_dHFwGO45x5US2UkgyUY/s1600/bttp-2.png




http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinaeIgq62EV1N8_wFmjV4zM1ZzNaYfbenEr1R5_O73TgTx_EVqGcF1pH56ZYYw_aEVJvLt48SHd0DLxJVumFoMEr0esYMKZLFLlGY2YV1OqMyE2jklVrsIwZnViZret_LvYbT4MgQtN12c/s400/bttp-10.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmrcEEDKB5Ql6D5t-Hi8CKwh6JdmhH8rpvWOZpeRbAC1xSP6tPsfWbPM75pQueq2q-VdtHkb7QIxEJNFpubZXqRJDlEv7Ljt94vwYmzpdymrdjemGyO0-33ZPHZfkP2gfOQme49yLsMHO_/s400/bttp-9.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_8cB_v8bhUDg7IB58E9lexBSs8P0739Q3J6osq4FR2PGzPxZXoka-yD223s1sqQJsdTf1VF_kPMB4qyn8rGFmo9Oocsi5c5En11plBh1kvboN6yAf4D-BTBoamUO49tJnNQM_k2a3sLX/s400/bttp-8.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PlykUSTRBhz7FK3RCX7iwe_tYEJXpfcGtRKx6M5w4s70vNEsCyRXVfpciqckf68yJqK63DOyzzZ1YC5suEeuVGpNQzeL5uHgVdmS5mu4-TKSRMAmJfAcBVjs17JonM0HDPluaqpSAHRP/




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXBkJ-UqRNcnXsWoEz9Wgq1nR28uFABjLhPJpwmxuWNOxl__oAoGAxr1RqSUK3t_5wf0MkBlxPrY2Mwz9XNlhLhw0tGuhvyz9hGiFXIZy1HosMU5NKzDxV7A07Ft9sx1e7kplrOd8H6I_v/s400/bttp-11.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmGfG-qJk4Dk31wVrunFblWCbAzbxpchu82sj7dsp6dYfzG5uS2namCsOQuGZM7ZlJn9WVYIAsqErXcGk_Gspu0geugcF-AJ0LKaKrcNJuOxepX73lG9lMiJ7E15bMSLiYHlNNEBvou8fo/s400/bttp-12.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMV4Jn6BrwwWjIb8ltCzUWZrktUbNERsdq4cVGDbd3uEs_24n0f0Rev8-WqKq1vreURjIvdyz0tfBwDQBjQJYNz7pDo-HOJJiZA3iOa-22dHvJj2OZqYabhkE7J_rvbcxf5CXuq6Ex_u8n/s400/bttp-13.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKensNI5kX6y98FJnE1Zzn9Skz30iZgjfhIHbBek18eKcZMOyi3RN0782tKlsPWg5E-m5mHUYqKGNTen6-76UBN2ZtiVvw08zMxh6XJU_OtHSDNhUqg3Jt1yyNuUZYW3j5ofnvdkRh-97/s400/bttp-14.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiioDTYUDAeWvgDs4Gan-xynCnBkI40eq5Tc5iWVtaAN99WGeqFAf7MmgJv5RhioY7ZPilGTkOnrdZFsRPlUYFBTyDVxoOUfRQaY6iS6Xo1Om3oAXYvQ5OkaNYfPAhpfODJ1fy0JVYlpOv/s400/bttp-15.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCJ9NC_OV4g2_PV62bKYvj7zRSLm9u-K8nhj5dIuG41cpIxIzSaUSliTJcHpeEdYmm27JS3aFwq2yGNsvAbG050Zcj-V3C8SArkuf7CHdvty1qInzyC0FWjeJHFOAWBZ_3LQD5lmDLluaK/s1600/bttp-16.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9J1uyunWKTIUcPssftcpyf70Xqe3IwIoOhgGtBzdY0o7z7UUK4BMm48u64dZNAqqMHA1HjTWVu_wnDJOVwR6OcTbKY91DfaUqe6Q5_tnB-mQTput2uOnpfh-OUA13lmKu4mFKfPKu3yck/s400/bttp-17.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx7TWPbDyIn6nOmoZM79kkYPWoo6C94CTroBZTSuaX4nHJGi8HJ79YmKKf7jWjXoX7KTtixMokNTygPsc-o5N_ou_QEJoMJyY6vyzncK2lZm5np06L6pi_1fRNHb_AlIeAfrQsScfMjLzh/s400/bttp-19.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMjgp7qk9LaPJ5COmLiX2zCMm8eZlJ_2hQksA1yfk1_gnsiRokt0RAkZTULQyb5l04cyLsUKYZZIEq2Ve6SbRwImPhUCJres0KN83OwNhki-cp-EfoCV_t7wSo2_L4ooX2BWGJnpWeRyM/s400/20.png



Değiştirilmesi sonra Image-URL favori butonu url ile, bu gibi görünüyor olmalıdır
<a href="#" id="backtotop"> <img src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMjgp7qk9LaPJ5COmLiX2zCMm8eZlJ_2hQksA1yfk1_gnsiRokt0RAkZTULQyb5l04cyLsUKYZZIEq2Ve6SbRwImPhUCJres0KN83OwNhki-cp-EfoCV_t7wSo2_L4ooX2BWGJnpWeRyM/s400/20.png = "geri" alt üst "/> </ a>

, şablon kodunuzu yapıştırın

Adım 3

Aşağıdaki kodu bulun
<head>

Ve sonra bu kodu yapıştırın.
<Script src = ' http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js '
type = 'text / javascript "> </ script>
<script language="javascript">
$ (Pencere). Ready (function () {
$ ('# Backtotop'). (Function (e) {tıklayın
() e.preventDefault;
$ ('Html, body') animate ({scrollTop: 0}, 'yavaş').;
});
});
</ Script>


ve sonra tıklatın Şablonu Kaydet
Ve yapılır.



2. Farklı stilleri ve renkleri ile Top Link Back To Text

Adım 1

Tamam, şimdi blogger hesabınıza gidin ve Dashboard >> Düzen >> Düzenle html >>, gidin ve aşağıdaki kodu bulabilirsiniz.
 ]]> </ B: skin>

Ve bu kodu eklemeden önce
# {Backtotop
genişliği: 100 px; / * Değişim Kutu Genişliği * / 
background: # F4FFBF ;   / * Değişim arka plan rengi * / 
border: 1px solid # ccc ;   / * Değişim Kenarlık Stili * /
text-align: center;
padding: 5px; 
position: fixed;
bottom: 10px; sağ: 10px;
İmleç: pointer;
color: # 666 ; / * Metin rengini değiştirme * /
text-decoration: none; 
}

Ve, blogunuza şablon ile uyum ve uyum için onun özelliklerini değiştirmek lütfen

Değiştirme 100 kutusunun boyutunu artırmak veya azaltmak için daha düşük veya daha yüksek bir sayı.

Değişim 1px kenarlık genişliğini değiştirmek için.

Değiştirme # ccc favori rengi kod değişikliği kenarlık rengi için.

Değişim F4FFBF favori arka plan renk kodu.

Değişim 666 ; favori Metin renk kodu için.





Not: Siz bizim aracılığıyla favori renk kodları alabilirsiniz burada yeni hex renk kodları jeneratörü





Adım 2

Aşağıdaki kodu bulun:
</ Body>

Ve önce, aşağıdaki kodu yapıştırın.
<a href="#" id="backtotop"> Başa dön </ a>

, Butonun üzerindeki yazıyı değiştirmek için sadece değiştirmek için Üste ne kadar istediğiniz kadar,

Adım 3

Aşağıdaki kodu bulun
<head>

Ve sonra bu kodu yapıştırın.
<Script src = ' http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js '
type = 'text / javascript "> </ script>
<script language="javascript">
$ (Pencere). Ready (function () {
$ ('# Backtotop'). (Function (e) {tıklayın
() e.preventDefault;
$ ('Html, body') animate ({scrollTop: 0}, 'yavaş').;
});
});
</ Script>


ve sonra tıklatın Şablonu Kaydet
Ve yapılır.




Kaynak