1 Cara Termudah Membuat Teks ter-target 1 Halaman

Mei 18, 2017
Klik menuju judul (Scroll text ) dalam satu halaman. Membuat daftar isi halaman sangat di perlukan dalam bacaan yang sangat panjang karena ini akan mempermudah pembaca saat memilih judul artikel yang ingin langsung di baca.

Klik menuju judul  atau Klik Here sebenarnya mudah di buat. Pengalaman membuat link daftar isi satu halaman saya pelajari dari blog strukur kode walaupun tutorialnya lengkap tapi menurut saya kurang to the point. 

Klik menuju judul sangat praktis apa lagi bagi Blogger yang doyan nulis 4.000 sampai 10.000 kata lebih. Dari hal ini saya rasa kira sangat penting dan ingin menuliskan apa yang saya pelajari dalam dua hari ini yaitu Klik Menuju link text ter target dalam 1 halaman :

1 Cara Termudah Membuat Teks ter-target 1 Halaman




Manfaat Scroll teks tertarget pada 1 halaman
a. Mempermudah pengunjung mencari bacaan yang di inginkan
b. lebih efektif atau menghemat waktu pencarian judul yang sesuai
c. yang jelas memanjakan pengunjung

Perhatikan catatan di setiap bagian agar tidak error dan cepat di aplikasikan
Dalam membuat Klik menuju judul (Scroll text ) dalam satu halaman Yang saudara butuhkan hanya ada 2 format HTML yaitu :

A. Membuat Link Judul yang mau di klik :

<a href='#label'> text</a>

B. Teks tertaget :

<span id='lebel '>text </span>

Demo  



Caranya :

1.  Siapkan Notepad dan Pilih judul paragraph mana yang mau di jadikan teks tertarget

2. Link Judul  dan teks tertaget

a. Perintah HTML untuk Link daftar Isi dengan format :

<a href='#label'> text</a>

Contoh pada blog saya mengenai A – Z bisnis rumahan, Maka Menjadi :

<a href='#membangun-pondasi'>1. Membangun  Pondasi</a>
<a href='#menyusun-rencana-bisnis'>2. Menyusun rencana bisnis</a>
<a href='#mengelola-keuangan'>3. Mengelola Keuangan</a>
<a href='#mengurus-legalitas'>4. Mengurus Legalitas</a>
<a href='#pemasaran'>5. Pemasaran</a>
<a href='#peluncuran-bisnis'>6. Peluncuran Bisnis</a>
<a href='#label'> text</a>
<a href='#tips-kesimpulan'>7. Tips dan Kesimpulan</a>

b. Format Link teks tertarget

<span id='lebel '>text </span>

b. Untuk teks tertagetnya, Maka Menjadi :

<span id='membangun-pondasi'>1. Membangun  Pondasi</span>
<span id='menyusun-rencana-bisnis'>2. Menyusun rencana bisnis</span>
<span id='mengelola-keuangan'>3. Mengelola Keuangan</span>
<span id='mengurus-legalitas'>4. Mengurus Legalitas</span>
<span id='pemasaran'>5. Pemasaran</span>
<span id='peluncuran-bisnis'>6. Peluncuran Bisnis</span>
<span id='tips-kesimpulan'>7. Tips dan Kesimpulan</span>

Catatan :
a. Gunakan tanda  -  atau  _  untuk membuat spasi pada label
b. Untuk penulisan di dalam label (“label”) harus kecil semua, kalau salah satu ada yang besar atau beda maka tidak jadi atau eror
c. pada teks boleh di beri angka langsung boleh tidak karena bisa di rubah di dalam format Compose

3. Setelah tahap di atas masuk ke Entri Baru dan pilih HTML bukan Compose:

a. Pastekan format judul dulu
b. masuk ke compose pilih format tulisan nomor ( 1,2,3,,,) atau A,B,C,D,,,,, yang saudara inginkan
c. Pastekan Artikel Saudara  
d. kembali lagi kembali ke HTML. lihat format HTML judul biasanya berubah menjadi  :

<a href="https://www.blogger.com/blogger.g?blogID=***************#membangun-pondasi">1. Membangun  Pondasi</a><br />

Cara Mudah Membuat Teks ter-target 1 Halaman

- hapus tulisan : https://www.blogger.com/....................................
- Menjadi seperti semula ="<a href="#membangun-pondasi">1. Membangun  Pondasi</a><br />

4. Pasang teks tertarget dan hapus format bawaan di compose  
Jika sulit menemukan teks yang akan menjadi target  gunakan Control + F (cari kata)

5. Pastekan teks target  
Contoh :
<span id='membangun-pondasi'>1. Membangun  Pondasi</span>
Cara Mudah Membuat Teks ter-target 1 Halaman
Catatan penting
jika saudara ingin merubah kembali seperti format teks ,ukuran,warna dll jangan lupa hapus kembali https://www.blogger.com/blogger.g?blogID=***************  karena biasanya Muncul Kembali dan membuat error saat di klik
Cara Mudah Membuat Teks ter-target 1 Halaman
error karena tidak menghapus https://www. blogger.com/blogger.g?blogID
Sekian Cara Membuat Link Daftar Isi atau Teks ter-target Dalam 1 Halaman yang sama
semoga bermanfaat . jangan lupa pahami catatanya harus di pahami, sekian salam Blog Lokal MASYIS

Ditulis hari ini 4 jam

Sumber pendukung :
struktur kode
forum ASI
Praktek

Artikel Terkait

Previous
Next Post »