Link verme kodu html

Bu yazımda size yazınıza nasıl link verirsiniz? onu kısa ve kolay bir HTML koduyla anlatacağım. Bir bağlantı verme işlemini ( <a href=  ) ile başlayıp ( </a> ) kapatıyoruz. Bu basit link verdiğiniz yazı kodlarını, sitenizde nerede kullanmak isterseniz oradaki gadget kısmına eklemeniz yeterlidir. Blogger yönetici Paneline giriş yapıp Yerleşim  > Gadget ekleye tıklıyoruz.
Açılan pencerede HTML/JavaScript tıklayarak aynı şekilde bu yolu takip ederek ekliyoruz...

<div> <a href="#"><span>Facebook</span></a>

<a href="#"><span>Twitter</span></a> 

<a href="#"><span>Google+</span></a>

<a href="#"><span>Github</span></a>

<a href="#"><span>Dribbble</span></a>

<a href="#"><span>CodePen</span></a> </div>

Yukarıdaki linklerimizi bu şekilde ayrı ayrı kullanımı dışında; bunları yan yana da dizerek kullanabiliriz. Onun için kodlarımızı aşağıdaki gibi sıralayalım.

<div> <a href="#"><span>Facebook</span></a> <a href="#"><span>Twitter</span></a> <a href="#"><span>Google+</span></a> <a href="#"><span>Github</span></a> <a href="#"><span>Dribbble</span></a> <a href="#"><span>CodePen</span></a> </div>

Linklerimizin alt alta sıralama şeklide aşağıda ki gibidir. Lütfen kodlarımızı sayfa sonunda ki "Kod Deneme Editörü"nde deneyiniz...

<div> <a href="#"><span>Facebook</span></a></br><a href="#"><span>Twitter</span></a></br> <a href="#"><span>Google+</span></a></br> <a href="#"><span>Github</span></a></br> <a href="#"><span>Dribbble</span></a></br> <a href="#"><span>CodePen</span></a> </div>