Download
 

4
Membuat Blog Berdisko

Hadir dengan tutorial baru buat sahabat blogger. Kali ini 4-jie mau berbagi tutorial yang aneh tapi keren keliatannya. yaitu tutorial Cara Membuat blog Berdisko. Bagaimana ya kalau blog berdisko. Wah makin hebat aja nih, bukan cuma manusia yang bisa berdisko, tapi blog juga bisa berdisko kalau dipasangin dengan yang namanya CSS. Blog Berdisko ini hanya bekerja pada browser yang sudah bermesin webkit. Oke, langsung aja nih tutorial cara membuat blog berdisko :

  1. Login ke blogger.com
  2. Pilih Rancangan --> Edit HTML
  3. Ganti CSS body { dengan CSS berikut
    body {
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    background:red;
    position:relative;
    animation-name: myfirst;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state-: running;
    /*Safari and Chrome: */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state-: running;}

    @keyframes myfirst
    {
    0% {background: red;}
    25% {background: yellow;}
    50% {background: blue;}
    75% {background: green;}
    100% {background: red;}
    }

    @-webkit-keyframes myfirst /*Safari and Chrome */
    {
    0% {background: red;}
    25% {background: yellow;}
    50% {background: blue;}
    75% {background: green;}
    100% {background: red;}
    }
  4. Simpan
Selamat berdisko disko ya sob
Mohon untuk tidak melakukan tindakan SPAM, dan untuk tidak meninggalkan link hidup/link mati blog kamu dikomentar. Saya akan berikan komentar saya jika kamu juga dapat menghargai blog saya dengan tidak meninggalkan LINK dalam bentuk apapun ! yahoo


Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari 4JIE BLOG di inbox anda:


4 komentar:

TopEx mengatakan... [Reply to Comment]

mana link "demo" nya?? penasaran.......

idris syamsir mengatakan... [Reply to Comment]

mas ,,benar ne bisa ,,ada demonya gakk

blog jelek mengatakan... [Reply to Comment]

goood

4JIE BLOG mengatakan... [Reply to Comment]

@Topex : belum sempat dibuat :))
@idris : silahkan dicoba gan :D
@blog Jelek : terimakasih

Posting Komentar