Scroll Back To Top dan Profiles Social Untuk Blogger

TUTORIAL 1. Log In ke dashboard > Template > Edit HTML > Proceed 2.  T ick pada expand template widget 3. Cari kode...




TUTORIAL

1. Log In ke dashboard > Template > Edit HTML > Proceed

2. Tick pada expand template widget

3. Cari kode dibawah ini :

]]></b:skin>
4. Pastekan CSS berikut ini, diatas pada kode diatas :


#fixed-bar {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 38px;
    clear: both;
    margin: 0;
    padding-bottom: 4px;
    background-color: #333;
    overflow: hidden;
}
#fixed-bar a {
    float: right;
    margin: 0;
    padding: 0;
    background-color: #333;
}
#fixed-bar a.first {
    float: left;
    margin-top: -1px;
}
.bottom-wrapper {
    max-width: 92%;
    width: 960px;
    margin: 0 auto;
}

5.  Seterusnya cari kode dibawah ini :
</body>
6.  Pastekan kode dibawah ini, diatas pada kode diatas :


<div id='fixed-bar'>
<div class='bottom-wrapper'>
<a class='go-top first' href='#page-header'><img alt='go top' src='http://3.bp.blogspot.com/-cBnkdgGehf4/TzyKY265xwI/AAAAAAAACfQ/ZZvzUQrG7m4/s1600/up_3038.png'/></a>
<a href='https://plus.google.com/111920657633787249674' target='_blank' title='see on google+'><img alt='google+ page' src='http://2.bp.blogspot.com/-BOc1ZCoB-Jw/TzyKYBnrVyI/AAAAAAAACe4/QgKgsc7um4c/s1600/gplus_3838.png'/></a>
<a href='http://www.facebook.com/sharer.php?' target='_blank' title='share with friends'><img alt='facebook' src='http://4.bp.blogspot.com/-lDVnV-OnEv4/TzyLhYc4yPI/AAAAAAAACfc/I7_buv1xxEM/s1600/facebook_3838.png'/></a>
<a href='http://twitter.com/54Blogger' target='_blank' title='follow me'><img alt='twitter' src='http://1.bp.blogspot.com/-mtVDHUkGUJs/TzyKYrJkNbI/AAAAAAAACfI/zXM9SKO2BFU/s1600/twitter_3838.png'/></a>
<a href='/feeds/posts/default' title='get updates'><img alt='rss' src='http://1.bp.blogspot.com/-l4C-DinWEr4/TzyKX4M7TvI/AAAAAAAACes/YDtzN-oPjYs/s1600/rss_3838.png'/></a>
</div>
</div>
<script>$('#fixed-bar').hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()>600){$('#fixed-bar').slideDown(200)}else{$('#fixed-bar').slideUp(200)}});$('.go-top').click(function(){$('html,body').animate({scrollTop:0},1000);return false})});</script>
7. Tekan Preview terlebih dahulu. jika tiada error. tekan save.(o)



CREDIT TO : D-COPY


COMMENTS

Nama

Agama Alat Bantu Mengajar Bahan dan Alatan BMM3105 broadband Cikgu Jazlan Cover File doa Domain .my Fotografi IPGKTAA Event Koleksi Cerpen Lain - Lain LOGO IPG KPM IPGKTAA Nota Bahasa Melayu Nota IPG Panduan KKBI PENDIDIKAN SENI VISUAL PJK PRU13 Running man Santai SERVIS Sukatan BM THUN 1-6 Tutorial TUTORIAL BLOG Tutorial Box.com Tv Online Virus Widget Blog
false
ltr
item
CIKGU JAZLAN: Scroll Back To Top dan Profiles Social Untuk Blogger
Scroll Back To Top dan Profiles Social Untuk Blogger
http://4.bp.blogspot.com/-6M4PoRjO_OE/UQNCzqxMymI/AAAAAAAAB5c/ZQRuK3pPuKw/s1600/LAN.png
http://4.bp.blogspot.com/-6M4PoRjO_OE/UQNCzqxMymI/AAAAAAAAB5c/ZQRuK3pPuKw/s72-c/LAN.png
CIKGU JAZLAN
http://www.cikgujazlan.my/2013/01/scroll-back-to-top-dan-profiles-social.html
http://www.cikgujazlan.my/
http://www.cikgujazlan.my/
http://www.cikgujazlan.my/2013/01/scroll-back-to-top-dan-profiles-social.html
true
4504742246731490904
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please Like | Share to Unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy