Merhaba arkadaşlar. Bu yazımda sizlere Bloğunuza nasıl resimli kategori oluşturabileceğinizi anlatacağım. Yukarıdaki resimde de gördüğünüz gibi blogger resimli kategori eklentisini sitenize eklediğinizde yukarıdaki şekilde gözükecektir ve üzerine geldiğinizde haberler bölümünde olduğu gibi parlayacaktır. Sitenizin tasarımına büyük katkı sağlayacağı kesin.
1. Adım: Blogger > Yerleşim > Gadget Ekle > Html/Javascript > Tıkladıktan sonra aşağıdaki kodları yapıştırıyoruz ve kaydediyoruz.
<a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://1.bp.blogspot.com/-rIV1I8VCaSs/UK4RFX7OvvI/AAAAAAAABOo/veM70DNIzwE/s1600/fotogaleri-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-W50ZiNh9HGs/UK4RJzL2TbI/AAAAAAAABPM/5MF7N-5hRzY/s1600/videogaleri-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-fhbGrSSN5Bk/UK4SRw1v7yI/AAAAAAAABPg/O53KsL_za9M/s1600/haberler-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-Sm5UgMX2P6U/UK4SCnCG4XI/AAAAAAAABPY/HF6RYYyS3v4/s1600/oyunlar-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-lCP6mt3jIdc/UK4RHfPsV1I/AAAAAAAABOw/-Z8rWeBaxTM/s1600/kadinlar-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-393irbm6TDc/UK4RI2LM2hI/AAAAAAAABPA/2ukIXhjzWAk/s1600/sinema-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a>
2. Adım: Kaydettikten sonra resimli kategori oluşturulmuş olucaktır. Resimlere tıklandığında gidilecek adresi belirlemek için kodlar içerisinde blogger.com yazılarını istediğiniz siteye yönlendirebilirsiniz.
Bu yazıyı sitenizde/forumunuzda paylaşmak için aşağıdaki linkleri kullanabilirsiniz..
Etem Volkan Anar Hakkında:
0 yorum: