PAYLAŞ

Bazen çok uzun yazılar yazabiliyoruz ve bu yazılar arasındaki gitgelleri sağlamakta zorlanabiliyoruz. Bu nedenle html’nin sayfa içi link verme olayını sizlere bu yazımda aktarmak istiyorum. Örneğin 5 paragraflık 1000 kelimelik uzun bir yazı oluşturdunuz ve bu yazının sonuncu paragrafında durum toparlaması yapıyorsunuz. Üstteki 4 başlığında ayrı ayrı linklerini son paragrafta vererek, bu linke tıklayan ziyaretçinin o başlığın hemen altındaki paragrafa geçmesini sağlayabilirsiniz.

Yada yazının en başına bir içindekiler kısmı oluşturabilir yazı içi gezinmeyi etkin kılabilirsiniz. Eğer bloglarınızda böyle uzun yazılara sahipseniz mutlaka kullanmanız gereken bir yöntem. Çoğunuz zaten biliyorsunuzdur fakat bilmeyenler için gerçekten çok önemli olacağını düşündüğüm bir şey.

Öncelikle deneme Lorem Ipsum bir makale ekleyelim yazımıza.

Örnek Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur iaculis elit at sapien ullamcorper, a fermentum est mattis. Sed vel ligula nunc. In sollicitudin est a nisi sagittis rhoncus. Proin sit amet consequat nibh. Quisque enim diam, vestibulum eget nibh ac, sollicitudin elementum nisl. Vivamus quis lorem nisi. Morbi malesuada purus at semper porttitor. Morbi et pellentesque ante. Sed ligula ante, ultrices quis eros vel, faucibus egestas ex. Donec sed nisi nulla. Nam vitae tellus non ligula gravida posuere. Curabitur rutrum consectetur orci quis aliquam.

Fusce dui neque, imperdiet in dictum et, aliquam eu augue. Vestibulum non efficitur magna. Phasellus vel hendrerit nulla. Etiam accumsan interdum mauris vitae ullamcorper. Sed dignissim aliquet metus, non semper dolor sagittis a. In vitae augue leo. Aliquam tristique lorem ac blandit bibendum. Nullam facilisis quis elit vitae iaculis. Donec vel cursus mauris, eu ultrices turpis. Sed at cursus orci. In et est convallis, accumsan diam et, placerat velit. In ac nisl lorem. Sed efficitur aliquam tortor eget tristique.

Fusce quis dolor et purus rhoncus imperdiet sed et nulla. In mattis, sem sed laoreet dignissim, elit nulla aliquet nibh, ac malesuada diam ex vel lectus. Sed arcu felis, auctor vitae tempor a, placerat sit amet risus. Aliquam eget fringilla metus. Curabitur rutrum vehicula tempus. Sed in blandit est. Donec blandit viverra elit eu feugiat. Vestibulum elementum massa ut metus porta egestas. Fusce sapien urna, consectetur nec accumsan ac, dapibus a sem. In est velit, lacinia non diam sollicitudin, ultrices iaculis elit. Duis elit nisl, porta id ligula in, cursus mollis lorem. Aenean non nisl tortor. Suspendisse ut mauris pretium, fermentum quam non, volutpat nisl. Nunc non odio auctor, pretium nisi ut, congue justo. Fusce molestie enim vel massa scelerisque facilisis eu sed urna.

Fusce accumsan metus quis ullamcorper euismod. Nam finibus fermentum est, a dictum dui dignissim sed. Curabitur suscipit, ante sit amet porta eleifend, quam arcu fringilla felis, eget lobortis massa tortor sit amet lectus. Etiam non maximus mi, ut feugiat massa. Pellentesque condimentum, justo at pretium congue, nulla purus luctus metus, vitae commodo ante massa et arcu. Sed euismod mattis ex, in efficitur sapien lobortis nec. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus est orci, molestie nec urna id, accumsan pharetra urna. Integer urna leo, egestas interdum tempus nec, porta in ante. Aliquam eleifend, tortor eu laoreet rutrum, ligula augue rhoncus diam, in luctus massa enim eget nisl. Etiam consequat auctor massa sed gravida. Pellentesque a dolor volutpat, accumsan dolor ut, facilisis justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam odio mauris, interdum sed convallis egestas, fermentum eu sapien.

Mauris vitae neque ante. Maecenas scelerisque vel libero finibus sodales. Nunc lobortis arcu a tellus euismod, sit amet finibus risus luctus. Aenean sed erat dolor. Sed gravida rhoncus lectus vitae faucibus. Quisque ac consectetur purus. Nullam euismod suscipit tempus. Mauris vitae nisi vulputate, egestas purus a, suscipit orci. In mauris diam, imperdiet id hendrerit vel, volutpat a sem. Vestibulum vel dui felis. Donec tempus ullamcorper nulla, a sollicitudin ante ornare non. Sed ut finibus nisl, in ullamcorper mauris.

Şimdi ise linklerimizi verelim. 1. Paragrafa Git2. Paragrafa Git3. Paragrafa Git4. Paragrafa Git5. Paragrafa Git

1- Linklere tıkladığınızda paragrafların başına doğru kaydığını göreceksiniz ekranın. Çalışma şeklimiz ise şöyle gidilmesini istediğimiz alanın başına;

[code]
<pre class="alt2" dir="ltr"><a name="1kisim"></a</pre>
[/code]

kodunu ekliyoruz. burada yazan “1kisim” kısmına dilediğinizi yazabilirsiniz. Örneğin “paragraf1”

2- Ardından link vermek istediğimiz yere ise

[code]<a href="#1kisim">Birinci bölüme git</a>[/code]

ekliyoruz. Böylece Birinci bölüme git’e tıklayan kişi ilk verdiğim kodu kullandığınız yere gidecektir. Yazı içerisinde iletişim sorunlarının üstesinden gelmeniz için oldukça önemli bir konuyu böylece tamamlamış olduk.

PAYLAŞ
Önceki makaleHitler ve Türklerden Oluşan Ordusu
Sonraki makaleHtml Boşluk Kodu – Html’de Boşluk Bırakmak
Üniversiteyi yeni bitirmiş, yeni bir şeyler bulma umuduyla internet ortamında kendini bulan, Wordpress aşığı, birkaç ay sonra askere gidecek kişiyim. Bazen 2 bazense 3 bilinmeyenli bir denklem olmayı sürdürsem de şu sıralar çok çabuk kırılan bir MSN şifresiyim :)

BİR CEVAP BIRAK

Please enter your comment!
Please enter your name here