Nov 30, 2011

Tulisan Naik Turun Di Blog

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.. ^^

14 comments:

  1. UnknownNovember 30, 2011 at 3:19 PM

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

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

    ReplyDelete
  2. FarixsantipsNovember 30, 2011 at 8:27 PM

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

    ReplyDelete
  3. amhar SunnyNovember 30, 2011 at 11:39 PM

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

    ReplyDelete
  4. Ramadhan FnwDecember 1, 2011 at 3:09 PM

    @emje: hehee, thnks :)

    ReplyDelete
  5. Ramadhan FnwDecember 1, 2011 at 3:09 PM

    @Farixsantips: iya sob,, :D

    ReplyDelete
  6. Ramadhan FnwDecember 1, 2011 at 3:10 PM

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

    ReplyDelete
  7. ArelDecember 1, 2011 at 10:16 PM

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

    ReplyDelete
  8. Ramadhan FnwDecember 2, 2011 at 5:15 AM

    @Arel: :D iya sob,

    ReplyDelete
  9. Mbah QopetDecember 2, 2011 at 3:21 PM

    hihihi ambil di blognya IjalFauzi kan , itu namanya @Keyframe

    ReplyDelete
  10. Ramadhan FnwDecember 2, 2011 at 4:53 PM

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

    ReplyDelete
  11. AgeboyDecember 4, 2011 at 9:25 AM

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

    ReplyDelete
  12. UnknownDecember 6, 2011 at 5:08 PM

    dicoba mas ^_^^

    ReplyDelete
  13. Ramadhan FnwDecember 13, 2011 at 2:42 PM

    @Ageboy: haha iya sob, :D

    ReplyDelete
  14. Ramadhan FnwDecember 13, 2011 at 2:42 PM

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

    ReplyDelete

Terima kasih telah berkunjung. Mohon beri komentar jika ada yang kurang.