ads
Home » » Tulisan Naik Turun Di Blog

Tulisan Naik Turun Di Blog

Written By Ramadhan Fnw on Nov 30, 2011 | 2:45 PM

Yeah, setelah blogwalking ke blog teman-teman, saya nemuin ada yang unik. Yaitu ada tulisan disamping blog itu yang bergerak naik turun. Akhirnya saya coba-coba untuk mencurinya, saya pun mendapatkan triknya. hehe..Posting kali pun, saya akan menjelaskan cara  membat Tulisan Terbang dan naik turun diblog seperti di blog ini.
Pertama login ke blog kalian.
Masuk ke Rancangan - Edit HTML
Jangan lupa centang
 


Setelah itu cari kode ]]></b:skin>
Sisipkan kode dibawah ini tepat diatas kode ]]></b:skin>

#infotipsrama {position:fixed;top:1%;right:1%;}
.infotipsrama
{font-size:300%;text-transform:uppercase;
font-family:impact,tahoma,verdana,arial,sans-serif;
position:relative;
animation:infotipsrama 8s infinite;
-moz-animation:infotipsrama 8s infinite; /* Firefox */
-webkit-animation:infotipsrama 8s infinite; /* Safari and Chrome */
text-shadow:0 1px 1px #FF0000,-1px -2px 1px #FF0000,-2px -3px 1px #FF0000,-3px -4px 1px #FF0000;}
@keyframes infotipsrama
{
0%   {top:0px;}
25%  {top:500px;}
50% {top:250px;}
75% {top:500px;}
100% {top:0px;}
}
@-moz-keyframes infotipsrama /* Firefox */
{
0%   {top:0px;}
25%  {top:500px;}
50% {top:250px;}
75% {top:500px;}
100% {top:0px;}
}
@-webkit-keyframes infotipsrama /* Safari and Chrome */
{
0%   {top:0px;}
25%  {top:500px;}
50% {top:250px;}
75% {top:500px;}
100% {top:0px;}
}
Langkah terakhir
Sisipkan kode dibawah ini tepat dibawah kode <body>
<div id='infotipsrama'><div class='infotipsrama'>Share Our Knowledge</div></div>
NB: Ganti teks berwarna merah dengan teks kalian.

KLIK "SAVE" dan lihat hasilnya.. ^^
Share this article :

14 komentar:

emje said...

kereeennnn...tapi jadi gemesss pengen diberentiin.. :D

salam kenal,
kunjungan balik nih,
ditunggu follbacknya ya.. :)

Farixsantips said...

wahhhh mantap juga nih ya :)) lucu jadinya :D naik turun ingin di perhatikan :))

amhar Sunny said...

Wah keren juga nigh,
mungkin berpengaruh ama Loading blog yagh Gan?

Share Our Knowledge said...

@emje: hehee, thnks :)

Share Our Knowledge said...

@Farixsantips: iya sob,, :D

Share Our Knowledge said...

@amhar Sunny: kayaknya gk terlalu berpengaruh deh sob, ;)

Arel said...

wahh... text yang disamping ne bandel banget sob...
Mo diklik, lari2 dia.... :D

Share Our Knowledge said...

@Arel: :D iya sob,

Mbah Qopet said...

hihihi ambil di blognya IjalFauzi kan , itu namanya @Keyframe

Share Our Knowledge said...

@Mbah Qopet: egk sob, saya nyurinya dari blog bang Dode.. dode-xp.com ,, hehe

Ageboy said...

wihh keren textnya bisa naik turun.apa gk capek ya nantinya si bang text goyang trus.hehee

Syndicate OS said...

dicoba mas ^_^^

Share Our Knowledge said...

@Ageboy: haha iya sob, :D

Share Our Knowledge said...

@Syndicate OS: silahkn sob, good luck. hehe ;)

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger