Blogger ‘Resimli Bağlantılar Kutusu’ yapmak

Blogger için geliştirilmiş, bir WordPress benzeri eklentiden herkese merhaba. Blogger kullanıcıları genellikle, bağlantıları sidebar kısmına koyuyor. Fakat, bir çok blog yazarı da, WordPress’deki gibi, bağlantıları kutucuklar hâlinde kullanmak istiyor. Dolayısı bu esnade, şimdi anlatacağım eklenti araya giriyor. Bu eklenti sayesinde, WordPress’de de olduğu gibi, bağlantıları kutucuklar hâlinde kullanabilirsiniz. Yapmanız gerekenler de her zaman ki bir kodu bulup bir kodu eklemekten ibaret. Eklentiyi kullanmak için, lütfen aşağıdaki adımları takip ediniz;

Öncelikle aşağıdaki kodu bulalım;

]]></b:skin>

Daha sonra yukarıdaki koddan önce, aşağıdaki kodları ekleyelim;

a.linkopacity img{filter:alpha(opacity=50);-moz-opacity: 0.5; opacity: 0.5;}
a.linkopacity:hover img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

Son olarakta,  Yerleşim >> Sayfa Ögeleri >> HTML/JavaScript adımlarını izlerek aşağıdaki kodu ekleyelim;

<code><a title="Link açıklaması" href="Link" class="linkopacity"><img src="Bağlantı resmi" alt="" /></a></code>
Not: Bağlantıları ekledikçe, yukarıdaki kodu çoğaltabilirsiniz.