Blogger Click sayfa başına dön Tusu yapmak

Blogger Click sayfa başına dön Tusu yapmakBIR Ziyaretçi gerçek Manada blogunuzda ne arayabilir? ELBETTE Sizin yazmış Olduğunuz VEYA yayınlamış Olduğunuz İçerikleri arayabilir. Fakat BBC muhabirine Bunları ararken ziyaretçinin Sizin sayfanızdan yararlanmasını da karar vermesini sağlayan: bir çok önemli Diğer unsur var. Bunlardan birisi bloğunuzun tasarımıdır. Tasarımınızın sadece sadece şık Olması Değil Cardio ZAMANDA da kolay kullanima Karşı Edilmiş düşünülerek tasarlanmış olması lazım ziyaretinde optimize eder. Eger paylaştığınız içerikler uzunsa VEYA orta derecede içeriklerse sayfanızın Altına inildiğinde tekrardan yukarıya çıkmak cogu Ziyaretçi Click zaman



kaybıdır. Göster Aslında Bir tuş ile birleşimi ile yaratabilirsiniz Başına çıkılabilir göster Fakat cogu Kullanıcı bunu kullanmak En Yerine Sizin hazırlamış oldugunu Yukarı çık VEYA birleşimi ile yaratabilirsiniz başına dön butonunu arar. Siz de ziyaretçilerinizi yanıltmamalı onlarin bu isteğini Yerine getirmelisiniz ettik. Peki, sayfanıza Kolayca bu butonları nasıl ekleyebilirsiniz. Öncelikle aşağıda verdiğimiz kodu Yer Tamamen ve tamamen Olduğu gibi kopyalayın.

  <script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </ script> <script type = "text / javascript"> var scrolltotop = { // Startline: Tamsayı. Doc kaydırma üst piksel sayısı kontrolünü gösteren önce kaydırılan // Scrollto: Kelime (tamsayı veya "Scroll_to_Element_ID"). Kontrol (0 = üst) üzerine tıklandığında ne kadar belge yukarı ilerleyin. ayarı: {startline: 100, scrollto: 0, scrollduration: 1000, fadeduration: [500, 100]}, controlHTML: '<img /> ', Oto / ID = "TOPCONTROL" w DIV sarılır kontrol için // HTML, controlattrs: {offsetX: 5, offsetY: 25}, // pencere köşesi sağ / alt kontrol göreli ofset anchorkeyword: '#top', aynı zamanda "Yukarı" bağlantıları gibi hareket etmelidir sayfadaki HTML çapa href değerini girin // Devlet: {isvisible: false, shouldvisible: false}, scrollup: function () { if (! this.cssfixedsupport) // kontrolü JavaScript kullanarak konumlandırılmış ise . Bu $ control.css ({opacity: 0}) // gizlemek kontrolü hemen tıkladıktan sonra var dest = isNaN (this.setting.scrollto)? this.setting.scrollto: parseInt (this.setting.scrollto) (typeof dest == "string" && jQuery ('#' + dest) .length == 1) dize var tarafından belirlenen eleman kontrol // eğer dest = jQuery ('#' + dest) .offset (). Üst başka hedef = 0 . Bu $ body.animate ({scrollTop: dest}, this.setting.scrollduration); }, KEEPFIXED: function () { var $ penceresi = jQuery (pencere) var controlX = $ window.scrollLeft () + $ window.width () -. Bu $ control.width () - this.controlattrs.offsetx var controlY = $ window.scrollTop () + $ window.height () -. Bu $ control.height () - this.controlattrs.offsety . Bu $ control.css ({sol: controlX + 'px', top: controlY + 'px'}) }, togglecontrol: function () { var scrolltop = jQuery (pencere) .scrollTop () if (! this.cssfixedsupport) this.keepfixed () this.state.shouldvisible = (scrolltop> = this.setting.startline)? doğru yanlış Eğer (this.state.shouldvisible &&! this.state.isvisible) { .. Bu $ control.stop () animasyon ({opacity: 1}, this.setting.fadeduration [0]) Gerçek = this.state.isvisible } else if (this.state.shouldvisible == false && this.state.isvisible) { .. Bu $ control.stop () animasyon ({opacity: 0}, this.setting.fadeduration [1]) = false this.state.isvisible } }, init: function () { jQuery (document) .ready (function ($) { var mainobj = scrolltotop var iebrws = document.all mainobj.cssfixedsupport =! iebrws || iebrws && document.compatMode == "CSS1Compat" && window.XMLHttpRequest // IE veya IE7 + tarayıcılar aykırı modunda mainobj. $ gövdesi (= window.opera)? (Document.compatMode == "CSS1Compat" $ ('html'): $ ('body')): $ ('html, body') mainobj. $ kontrolü = $ ('<div id = "TOPCONTROL"> ' + mainobj.controlHTML + '</ div>') css ({position:? mainobj.cssfixedsupport 'sabit' 'mutlak', alt: mainobj.controlattrs.offsety, sağ: mainobj.controlattrs.offsetx, donukluk: 0, imleç: 'işaretçi'}) .attr ({title: 'Yukarı Çık'}) .click (function () {mainobj.scrollup (); return false}) .appendTo ('body') if (! = '') (&&! window.XMLHttpRequest && mainobj. $ control.text document.all) // Aşağıdaki IE6 ve gevşek çek artı kontrol herhangi bir metin içerip içermediğini . mainobj $ control.css ({width:. mainobj $ control.width ()}) // IE6- bir DIV içeren metin üzerinde açık bir genişlik gerektirecek gibi görünüyor mainobj.togglecontrol () $ ('A [href = "' + mainobj.anchorkeyword + '"]'). ((Function tıklayın) { mainobj.scrollup () return false }) $ (Pencere) .bind ('kaydırma boyutlandırma', function (e) { mainobj.togglecontrol () }) }) } } scrolltotop.init () </ Script>

 DAHA SONRA bu kodu tasarımınızın içerisinden HTML Gadget Olarak ekleyin. Bu kod Kenar çubuğu yani yan İÇERİSİNDE menü Yer kaplamayacak göster Fakat yine de kafanızı karıştırmasını istemiyorsanız dilerseniz kodu şablonunuzun içerisinden altbilgi Alanına ekleyebilirsiniz. Şablonu Düzenlemek Click AYRICA bu kodları değiştirebilirsiniz; offsetX: 5 offsetY: 25 Sayısını değiştirerek Konum ayarını Yapabilirsiniz offsetX; Yatay konumunu buradan ayarlayabilirsiniz offsetY; Dikey konumunu buradan ayarlayabilirsiniz