Exit Jangan Lupa Klik Like/Suka ya bro !!!

Senin, 01 Oktober 2012

Cara Membuat Tombol Back To Bottom Simple dan Ringan

<div style='background-color: none transparent;'><a href='http://www.rsspump.com' title='RSS widgets'>RSS widgets</a></div>


Gua bro merasa kurang aja bro jika belum posting tentang Cara Membuat Tombol Back To Bottom, ya karena sebelumnya bro gua sempat posting tentang cara membuat tombol back to top. nah untuk itu agar seimbang dan sistematis gua posting juga yang ini bro . . . Lihat gambar DEMO berikut bro :



Jika lo tertarik bro, silahkan simak aja untaian berikut ya bro :

1.  >> Masuk ke Dashboard Blog Lo bro 
     >> Pilih Rancangan 
      >> Edit Tata Letak 
      >> Add Gadget  
     >> Pilih HTML/Javascripts  
     >> Pastekan Kode yang Lo copy tadi bro >> Simpan Deh bro kode dikit ini . . .

         

2. silahkan copy paste kode dibawah ini bro lalu ikuti langkah 1.

<a title="Back to Bottom" href="#footer" style="position: fixed; bottom: 5px; right: 5px;">
<img src="
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ctGI7PaXuD0zQCKZ5i6SYLLK4scBqnFfqbWGDw9u4Ut9r2_q8mAroY8yxGLL1bdNSUN79CzKfvMrk7QrxtiJe2_82B1mzLkVx6H4m3ppFSdtrDZQ5CrXsAf8hgdGXnw7v6qVnrxuicb2/s1600/backtobottom.jpg " /></a>


Ket :
  •        Silahkan Lo ganti bro Tulisan yang Berwarna MERAH dengan URL GAMBAR yang   lo suka bro.
  •        Kode ini Bro akan Muncul di Homepage dan dalam Postingan.


3. Tapi bro jika lo inginnya muncul hanya saat di dalam postingan saja bro bukan di 
     homepage, silahkan ikuti cara ini bro :

>> Pilih Rancangan
>> Pilih Template 
>> Edit HTML 
>> klik Expand Widget Template
>> Cari Kode </Body> bro
>> Setelah Ketemu bro, Silahkan Copy Kode diBawah dan Letakkan diAtas Kode </Body>
      oke bro.


<b:if cond='data:blog.pageType == "item"'>
<a title="Back to Bottom" href="#footer" style="position: fixed; bottom: 5px; right: 5px;">
<img src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ctGI7PaXuD0zQCKZ5i6SYLLK4scBqnFfqbWGDw9u4Ut9r2_q8mAroY8yxGLL1bdNSUN79CzKfvMrk7QrxtiJe2_82B1mzLkVx6H4m3ppFSdtrDZQ5CrXsAf8hgdGXnw7v6qVnrxuicb2/s1600/backtobottom.jpg " /></a>
</b:if>


>> Setelah Selesai bro Tinggal Save Template aja bro



4. Tinggal Save deh bro dan Lihat hasilnya oke bro pasti keren and simple. . .




Gampang dan simple kan bro, selamat mencoba ya bro. 

Ping your blog, website, or RSS feed for Free
Judul: Cara Membuat Tombol Back To Bottom Simple dan Ringan
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal





Lo Sedang Membaca Artikel Bro Tentang Cara Membuat Tombol Back To Bottom Simple dan Ringan
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !
Comments
0 Comments

Tidak ada komentar:

Keluarkan Komentar Lo Bro ! ! !

Silahkan Berkomentar bro Tentang :
Cara Membuat Tombol Back To Bottom Simple dan Ringan
> > Harap Tidak Menampilkan Link Hidup oke bro.
> > Jangan Berkomentar SPAM ya bro.
Berkomentarlah dengan Bijaksana Demi Kenyamanan kita bro.
Terima Kasih bro ! ! !