Update Terbaru
Loading...
Home » , » Cara Membuat Tombol Back to Top dan Back to Bottom Berdampingan
Published On : Rabu, 03 Oktober 2012
06.21.00 | Admin | No Comments

Cara Membuat Tombol Back to Top dan Back to Bottom Berdampingan


Cara Membuat Tombol Back to Top dan Back to Bottom Berdampingan, sebelumnya gua bro sudah posting tips blogging tentang :

  1. Cara Membuat Tombol Back to Top Simple dan Ringan
  2. Cara Membuat Tombol Back to Bottom Simple dan Ringan

Untuk lebih jelasnya tentang tips blogging satu ini bro, lihat contoh gambar berikut bro :


Nah bagi lo yg tertarik bro, silahkan simak aja tatacara 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 href='#' style='position: fixed; bottom: 5px; right: 38px;' title='Back to Top'>
<img src=' ALAMAT URL BACK TO TOP LO BRO '/></a>
<a href='#footer' style='position: fixed; bottom: 5px; right: 5px;' title='Back to Top'>
<img src='ALAMAT URL BACK TO BOTTOM LO BRO'/></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 == &quot;item&quot;'>
<a href='#' style='position: fixed; bottom: 5px; right: 38px;' title='Back to Top'>
<img src=' ALAMAT URL BACK TO TOP LO BRO '/></a>
<a href='#footer' style='position: fixed; bottom: 5px; right: 5px;' title='Back to Top'>
<img src='ALAMAT URL BACK TO BOTTOM LO BRO'/></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. . .



Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top