Blogger bloglarımızda ccs ile bir çok özelliştirme yapabiliyoruz , bu yazımızda blog yayınlarınızda kullanabileceğiniz arkaya doğru renklenen yazı efektinin nasıl yapılacağını anlatacağız.Bu sayede blogunuzda öne çıkarmak istediğiniz kelime yada cümlelerinizi okuyucularınıza daha belirgin ve hoş bir görüntü ile sergileyebileceksiniz.
Blogunuzda ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları yapıştırın.
renkbody {
font-size: 200px;
font-family: Arial, sans-serif;
font-weight: bold;
margin: 0;
min-width: 570px;
}
f {
font-family: Arial, sans-serif;
font-weight: bold;
margin: 0;
min-width: 570px;
}
text-align: center;
padding-top: 60px;
margin: 0;
}
renk {
color: #fff;
font-size: 200px;
margin-left: 60px;
}
renk:first-child {
margin-left: 0;
text-shadow:
5px -5px#7FDBFF,
10px -10px #39CCCC,
15px -15px #3D9970,
20px -20px #2ECC40,
25px -25px #01FF70,
30px -30px #FFDC00,
35px -35px #FF851B,
40px -40px #FF4136,
45px -45px #F012BE,
50px -50px #B10DC9;
}
renk:nth-child(2){
text-shadow:
0px -5px#7FDBFF,
0px -10px #39CCCC,
0px -15px #3D9970,
0px -20px #2ECC40,
0px -25px #01FF70,
0px -30px #FFDC00,
0px -35px #FF851B,
0px -40px #FF4136,
0px -45px #F012BE,
0px -50px #B10DC9;}
renk:last-of-type{
text-shadow:
-5px -5px#7FDBFF,
-10px -10px #39CCCC,
-15px -15px #3D9970,
-20px -20px #2ECC40,
-25px -25px #01FF70,
-30px -30px #FFDC00,
-35px -35px #FF851B,
-40px -40px #FF4136,
-45px -45px #F012BE,
-50px -50px #B10DC9;}
Şablonunuzu kaydedin. Bundan sonra blogunuzda yazı yazarken bu efekti kullanmak isterseniz aşağıdaki örnek gibi yazmanız gerekmektedir.
Örnek
Mesela CSS yazmak istiyoruz , o halde harfleri allttaki gibi <renk></renk> etiketi içine alıyoruz
<f><renk>C</renk><renk>S</renk><renk>S</renk></f>
SHARE US →