Membuat link yang mengarah pada paragraf tertentu di suatu halaman

Yang dimaksud dengan membuat link yang mengarah pada paragraf tertentu disini, yaitu apabila kita mengklik link tersebut, maka akan langsung menuju ke paragraf tertentu, di suatu halaman.
Sebagai contoh dapat dilihat pada postingan terdahulu berikut ini, yang kesemua artikelnya  berada di dalam satu halaman yang sama.

Menghilangkan Tanggal Postingan
Membuat Blog Title Bergerak dari kanan ke kiri
Membuat Kata atau Kalimat yang Berkedip-kedip pada postingan Blog 

Semua artikel di atas berada dalam satu halaman, hanya berbeda letaknya (paragrafnya).
Untuk membuat link seperti itu caranya yaitu pada masing-masing paragraf yang akan dibuat linknya, kita harus ditambahkan kode <A NAME="labelTerserahKita" > tulisan terserah kita atau kosongkan</A>

Untuk lebih jelasnya berikut saya copas dari contoh artikel tersebut di atas





<A NAME="label2">Menghilangkan Tanggal Postingan </A>

• Masuk ke Dashboard-->Layout(tata letak)-->Edit Html 
• Backup Full template, untuk menghindari hal yang tidak diinginkan 
• Tandai (centang) pada Expand template widget
• Cari kode berikut h2.date-header (gunakan menu edit-->find pada browser, atau tekan control+F)
• Hasilnya akan seperti ini :
h2.date-header {
margin: 0px 0px 0px 0px;
...;
..dan seterusnya;
}
• Tambahkan kode visibility: hidden; sebelum tanda }
sehingga kodenya menjadi:
h2.date-header {
margin: 0px 0px 0px 0px;
...;
..dan seterusnya;
visibility: hidden;
}

 <A NAME="label3" > Membuat blog title bergerak dari kanan ke kiri</A>

• Masuk ke Dashboard-->Layout(tata letak)-->Edit Html
• Back up Full template
• Tandai (centang) pada Expand template widget
• Cari kode berikut ini <title><data:blog.pagetitle/></title>
(gunakan menu edit-->find atau tekan control+f )
• Kalau sudah ketemu ganti kode tersebut dengan script berikut:

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=400;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Untuk mempercepat gerakan ganti angka 400 dengan 300 atau 200.


<A NAME="label4" >Membuat Kata atau Kalimat yang Berkedip - kedip pada postingan Blog</A>

Caranya sangat mudah, tinggal tuliskan kode berikut di bawah ini pada postingan yang penampilan kalimatnya ingin berkedip kedip.

<blink>http://komputertipstrik.blogspot.com ganti tulisan yang berwarna biru ini sesuai dengan yang anda inginkan</blink>



Setelah artikel selesai kita tulis, silakan Publish Post seperti biasanya.
Untuk memanggil / masuk ke paragraf-paragraf tadi  kita hanya perlu menambahkan #namalabel setelah .html dari halaman tersebut.
Seperti pada postingan saya itu alamat utamanya adalah :
http://komputertipstrik.blogspot.com/2009/03/tips-blogger-bag1.html
misal untuk memanggil paragraf Membuat blog title bergerak dari kanan ke kiri, maka link yang kita panggil / kita tulis menjadi :
http://komputertipstrik.blogspot.com/2009/03/tips-blogger-bag1.html#label3
misal untuk memanggil paragraf Membuat Kata atau Kalimat yang Berkedip - kedip pada postingan Blog maka link yang kita panggil / kita tulis menjadi :
http://komputertipstrik.blogspot.com/2009/03/tips-blogger-bag1.html#label4.

Contoh link lainnya, perhatikan pada artikel berikut :  B C




Semoga bermanfaat.

tag: membuat link pada halaman yang sama, 

0 comments:

Post a Comment

 
© 2011 blog serba ada | Designs By Bhambank Mbambong Blog | Powered by Blogger