Mas ihsan blog's: Cara Membuat navigasi Back To Top di blogspot

Cara Membuat navigasi Back To Top di blogspot

Di poskan pada Jumat, 17 Februari 2012

Mas ihsan -, Kembali lagi dalam pembahasan dalam blog mas ihsan, saat ini tidak ada pembahasan yang berarti dalam benak saya, hingga jari pun tak sanggup untuk merangkai sebuah artikel menarik, namun blog tanpa posting rasanya begitu hambar.
Dan untuk mengisi kekosongan sejenak telah saya rampungkan sebuah artikel.

Pernahkah anda mengunjungi sebuah blog atau wapsite tertentu, yang mana di dalam nya ada sebuah pernak pernik berupa tombol kembali ke atas atau langsung menuju ke bawah, namun anda bingung bagaimana cara membuat nya.

Hal itu tidak akan menjadi masalah anda lagi, karena sangat tepat sekali anda mengunjungi blog saya kali ini.
cekidot!!

Untuk membuat navigasi 'back to top' atau 'back to main' sebenarnya tidak perlu script yang rumit, anda hanya membutuhkan sedikit tips, yaitu dengan menambahkan suatu kode html pada template.

Caranya:
bila anda menggunakan handphone, silahkan edit dengan x-plore.

Buka x-plore > menu > Find >
Bila anda menggunakan komputer silahkan

Login blogger > rancangan > edit html > expand widget >

Bila anda pengguna template bawaan blogger,
silahkan anda cari kode-kode di bawah ini. ( usahakan download template dahulu di Rancangan > Edit html > untuk berjaga - jaga bila terjadi kesalahan. )

Untuk navigasi 'back to top' cari kode Css untuk bagian atas template anda:

<div id='header-wrapper'>
.::NB::.
Beberapa template mungkin menggunakan kode buatan sendiri mengikuti css nya dan tidak menggunakan kode tersebut.

kemudian tepat di bawah nya masukan kode ini:
<a id='top'/>

Kemudian buatlah kode pemanggil atau alat untuk navigasi ke bagian atas dari bawah.
Dibagian footer letakan kode berikut ini:
<a href='#top'>Kembali ke atas</a>

Sedangkan contoh lain yaitu misalkan anda ingin membuat tombol untuk navigasi 'back to posting'

Silahkan cari kode dibawah ini:
<div id='main-wrapper'>
sama dengan data di atas, letakkan dibawahnya kode berikut ini:
<a id='post'/>

Kemudian buat kode pemanggil navigasi, berupa kode :

<a href='#post'>kembali ke posting</a>

Letakan kode tersebut di manapun terserah anda, maka segalanya menjadi mudah. Semoga berhasil.

[ 6 komentar ] sudah di tambahkan, terima kasih telah berkomentar.

  1. tips mantab sob..kalo bwt yg seperti di atas judul yang (Home » belajar ngeblog » Tips and tricks » Cara Membuat navigasi Back To Top di blogspot) gimana y sob..

    BalasHapus
  2. Selalu berkunjung dan Memberi Komen ..

    Oh iya...
    Saya Mau menjawab pertanyaan yang Kamu ajukan di Blog Saya....

    Backlink itu penting untuk Mendapatkan PR,Untuk mendapatkan Traffic,Untuk Mendapatkan Visitor/Pengunjung dan Sebagai nya.....

    BalasHapus
    Balasan
    1. ya ...... Silahkan berkomentar ria dengan baik dan benar kwkwkwkw..........

      Hapus