html etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
html etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Bloggerda Mesaj Tarihi Yazarı ve Zamanı Gizleme

1 Temmuz 2012 Pazar

Mesajın Tarihini Gizleme

1. Blogger giriş yapın, Şablonu tıkladıktan sonra, html ile düzenlemeyi seçin.
2. "Widget Şablonlarını Genişlet" kutusunu işaretleyin.
3. Şimdi aşağıdaki kodu arayın.

<data:post.dateHeader/>

Şimdi bu kodu silin.
Şablon kaydedin ve sitenizi yenileyin.

Mesajın Zamanını Gizleme

Aşağıdaki kodu arayın.

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

Şimdi bu kodu silin.
Şablonu kaydedin ve sitenizi yenileyin.
 

Mesajın Yazar gizleme

Aşağıdaki kodu arayın.

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Şimdi bu kodu silin.
Şablonu kaydedin ve sitenizi yenileyin.

Blog Resimlerine Hover Özelliği Verme

28 Haziran 2012 Perşembe
Bloggerda yerleştirdiğiniz resimlere link verdiğinizde bu resimlerin  efekli bir şekilde göründürerek blogunuzda farklılık kazandırabilirsiniz.
Adım adım hover efeğini yapalım
1. Blogunuza giriş yapıp sol menüdeki şablonlar kısmına girip html ile ayarlama kısmına girin. 
2. </ head> tagını bulun.
3. Aşağıdaki kodu </ head>  tagnın altına yerleştirin.
<style type="text/css">
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

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

</style>

4.Şablonu kaydedin. Bundan sonra aşağıdaki kodu kullanarak resimlere efek verebiliriz
Kullandıımız bu kod
<a href="target URL of your image" target="_blank" alt="Any name you like"><img src="Link of your image"/></a>
Aşağıdaki koda dönüştürebiliriz.
<a class="linkopacity" href="target URL of your image" target="_blank" alt="Any name you like"><img src="Link of your image"/></a>


linkopacity eklentisi ile resimler artık hover özelikli...


Örnek:<a class="linkopacity" href=" http://bloggerblogum.blogspot.com" target="_blank" alt="Blogger Destek"><img src="http://c1206.hizliresim.com/y/x/8xt32.jpg"/></a>
Bu kodu metin yazarken html sistemine yerleştirin.

Blogunuza Marquee Kodları ile (Kayan) Metin Ekleme

Bazı durumlarda metnimize hareket ve değişiklik vermek için kayan metin koymamız gerekebiliyor. Bunu en basit yoldan aşağıda adım adım yapalım.
1. Metin yazarken html kodlu şekild ayarlayın.
2. Yazınızın kaymasını istediğiniz kısmını html kod sisteminde aşağıdaki kodlar arasına yerleştirin.
<marquee> BURAYA YAZI EKLE .... </ marquee>

BURAYA YAZI EKLE .... 3. Daha değişik versiyonları için aşağıdaki kodları deneyebilirsiniz.
Kod2.:<Marquee yön = " sol "> BURAYA YAZI EKLE .... </ marquee>


BURAYA YAZI EKLE .... Kod3: <marquee direction="right" width="100%" style="background:#EC4F52"><font color="white">ADD YOUR TEXT HERE....</font></marquee>


BURAYA YAZI EKLE.... Kod4:<marquee direction="left" width="100%" style="background:#EC4F52"><font color="white">ADD YOUR TEXT HERE....</font></marquee> BURAYA YAZI EKLE....
Related Posts Plugin for WordPress, Blogger...