Ağustos 31, 2013

Blogger Yazılarınıza Neon Efekti Vermek

Blogger eklentileri, blogger araçları

Blogger Yazılarınıza Neon Efekti Vermek 

Blogger konu yazılarınıza uyarı, dikkat veya bilgi amaçlı bir
cümle paylaşırken ziyaretçilerinizin dikkatlerini çekmek için kullanabileceğiniz bir kod. Javascript ile yapılmış kullanılması kolay bir eklenti. Daha önce buna benzer iki paylaşımım olmuştu. CSS Kod İle Uyarı Mesaj Kutusu bir diğeri ise Animasyonlu Uyarı Kutusu linklerin üzerini tıklayarak konulara erişebilirsiniz.

Paylaşacağım bu eklentili blog yazılarınızı ister tamamını ister önemli bir kısmını neon görünümlü yapabileceksiniz. Dikkat çekmek için son derece güzel bir eklenti. Kodun ön izlemesine bakmak için lütfen linki tıklayın.

Bu eklentiyi konu içerisinde "HTML" bölümüne girip kodun tamamını kopyala + yapıştır yaparak kullanabilirsiniz. Tabi her zaman kullanabileceğiniz bir eklenti olmaya bilir ama önemini ve dikkatini çekmek istediğiniz bir makalede çok rahatlıkla kullanabileceksiniz.

Blogger Yazılarınıza Neon Efekti veren kod:

<!-- ONE STEP TO INSTALL NEON LIGHTS: -->

<h2>

<script language="JavaScript1.2">

var message="Bloglama Zamanı - Blogger Yazılarına Neon Efekti"

var neonbasecolor="gray"

var neontextcolor="yellow"

var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0

if (document.all||document.getElementById){

document.write('<font color="'+neonbasecolor+'">')

for (m=0;m<message.length;m++)

document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')

document.write('</font>')

}

else

document.write(message)



function crossref(number){

var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)

return crossobj

}

function neon(){

//Change all letters to base color

if (n==0){

for (m=0;m<message.length;m++)

//eval("document.all.neonlight"+m).style.color=neonbasecolor

crossref(m).style.color=neonbasecolor

}


//cycle through and change individual letters to neon color

crossref(n).style.color=neontextcolor



if (n<message.length-1)

n++

else{

n=0

clearInterval(flashing)

setTimeout("beginneon()",1500)

return

}

}


function beginneon(){

if (document.all||document.getElementById)

flashing=setInterval("neon()",flashspeed)

}

beginneon()



</script>

</h2>


<!-- Script Size:  1.72 KB -->
      
Eğer bu eklentiyi beğenmediysen Blogunuza 4 farklı kayan yazı eklemeye ne dersiniz ? Linki tıklayarak konuya bakabilirsiniz.
Kodda değişiklik yapabileceğiniz bölümler:
  • Bloglama Zamanı - Blogger Yazılarına Neon Efekti yazan bölüme istediğinizi yazıyı yazabilirsiniz
  • "gray" gri renk yazının orijinal rengi
  • "yellow" yazının efekt rengi  
  • </h2> kodu ise yazının boyutu. Değeri artırıp azaltabilirsiniz.
Herhangi bir sorun olursa; yorum bölümünden iletebilirsiniz, kolay gelsin. İyi bloglamalar.

1 yorum :

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.